71 lines
1.4 KiB
CSS
71 lines
1.4 KiB
CSS
:root {
|
|
--primary-color: #0f172a;
|
|
--accent-color: #3b82f6;
|
|
--bg-color: #fcfcfc;
|
|
--border-color: #e2e8f0;
|
|
--text-main: #1e293b;
|
|
--text-muted: #64748b;
|
|
}
|
|
|
|
body {
|
|
background-color: var(--bg-color);
|
|
color: var(--text-main);
|
|
font-family: 'Inter', system-ui, -apple-system, sans-serif;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.navbar {
|
|
border-bottom: 1px solid var(--border-color);
|
|
background: #fff;
|
|
}
|
|
|
|
.card {
|
|
border: 1px solid var(--border-color);
|
|
border-radius: 4px;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.btn {
|
|
border-radius: 4px;
|
|
font-weight: 500;
|
|
font-size: 13px;
|
|
padding: 0.5rem 1rem;
|
|
}
|
|
|
|
.btn-primary {
|
|
background-color: var(--primary-color);
|
|
border-color: var(--primary-color);
|
|
}
|
|
|
|
.btn-primary:hover {
|
|
background-color: #1e293b;
|
|
border-color: #1e293b;
|
|
}
|
|
|
|
.table {
|
|
font-size: 13px;
|
|
}
|
|
|
|
.table th {
|
|
font-weight: 600;
|
|
color: var(--text-muted);
|
|
text-transform: uppercase;
|
|
font-size: 11px;
|
|
letter-spacing: 0.05em;
|
|
border-top: none;
|
|
}
|
|
|
|
.badge {
|
|
font-weight: 500;
|
|
border-radius: 2px;
|
|
padding: 0.35em 0.5em;
|
|
}
|
|
|
|
.priority-High { background-color: #fee2e2; color: #991b1b; }
|
|
.priority-Medium { background-color: #fef3c7; color: #92400e; }
|
|
.priority-Low { background-color: #dcfce7; color: #166534; }
|
|
|
|
.status-Open { color: #3b82f6; }
|
|
.status-In-Progress { color: #f59e0b; }
|
|
.status-Closed { color: #6b7280; text-decoration: line-through; }
|