.nyt-auth-wrapper, .nyt-dashboard {
font-family: 'Roboto', sans-serif;
color: #333;
}
.nyt-dashboard h1, .nyt-dashboard h3, .nyt-auth-form h3, .nyt-table th {
font-family: 'Playfair Display', serif;
font-weight: 700;
color: #000;
} .nyt-auth-wrapper {
max-width: 450px;
margin: 3rem auto;
padding: 2rem;
background: #fff;
border: 1px solid #e5e5e5;
box-shadow: 0 1px 4px rgba(0,0,0,0.04);
}
.nyt-auth-tabs {
display: flex;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 1.5rem;
}
.nyt-auth-tabs .tab-link {
font-family: 'Roboto', sans-serif;
font-weight: 500;
padding: 10px 20px;
border: none;
background: transparent;
cursor: pointer;
font-size: 1rem;
color: #777;
position: relative;
bottom: -1px;
}
.nyt-auth-tabs .tab-link.active {
color: #000;
border-bottom: 2px solid #000;
}
.tab-content {
display: none;
}
.tab-content.active {
display: block;
} .nyt-auth-form p, .dashboard-section form p {
margin-bottom: 1rem;
}
.nyt-auth-form label, .dashboard-section form label {
display: block;
margin-bottom: 5px;
font-weight: 500;
font-size: 0.9rem;
}
input[type="text"], input[type="password"], input[type="email"], input[type="file"] {
width: 100%;
padding: 12px;
border: 1px solid #ccc;
font-size: 1rem;
box-sizing: border-box;
}
input[type="submit"] {
background-color: #000;
color: #fff;
padding: 12px 25px;
border: none;
cursor: pointer;
text-transform: uppercase;
font-size: 0.9rem;
font-family: 'Roboto', sans-serif;
transition: background-color 0.2s;
}
input[type="submit"]:hover {
background-color: #555;
} .nyt-dashboard {
max-width: 960px;
margin: 3rem auto;
padding: 2rem;
background: #fff;
}
.nyt-dashboard-header {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 2px solid #000;
padding-bottom: 1rem;
margin-bottom: 2rem;
}
.logout-link {
color: #333;
text-decoration: none;
font-weight: 500;
}
.dashboard-section {
border-bottom: 1px solid #e5e5e5;
padding-bottom: 2rem;
margin-bottom: 2rem;
}
.dashboard-section:last-child {
border-bottom: none;
}
.profile-picture-area {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 1.5rem;
}
img.profile-avatar {
border-radius: 50%;
width: 96px;
height: 96px;
} .nyt-table {
width: 100%;
border-collapse: collapse;
margin-top: 1.5rem;
}
.nyt-table th, .nyt-table td {
padding: 12px 15px;
text-align: left;
border-bottom: 1px solid #e5e5e5;
}
.nyt-table th {
background-color: #f9f9f9;
}
.status-badge {
padding: 4px 8px;
border-radius: 4px;
font-size: 0.8rem;
color: #fff;
font-weight: 500;
}
.status-pending { background-color: #f0ad4e; }
.status-publish { background-color: #5cb85c; }
.status-rejected { background-color: #d9534f; }
.status-draft { background-color: #777; } .nyt-message {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.nyt-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.nyt-error {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.nyt-info {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}