100 lines
1.6 KiB
CSS
100 lines
1.6 KiB
CSS
:root {
|
|
color-scheme: light;
|
|
}
|
|
|
|
.section-card {
|
|
background: #fff;
|
|
border: 1px solid #e2e8f0;
|
|
border-radius: 1rem;
|
|
padding: 1.25rem;
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
|
|
.section-card h4 {
|
|
margin: 0 0 1rem;
|
|
font-size: 1rem;
|
|
font-weight: 600;
|
|
color: #0f172a;
|
|
}
|
|
|
|
.input {
|
|
width: 100%;
|
|
border: 1px solid #cbd5f5;
|
|
border-radius: .5rem;
|
|
padding: .5rem .75rem;
|
|
}
|
|
|
|
.user-tabs {
|
|
display: flex;
|
|
gap: .5rem;
|
|
margin-bottom: 1.25rem;
|
|
}
|
|
|
|
.team-table,
|
|
.usage-table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
font-size: .9rem;
|
|
}
|
|
|
|
.team-table th,
|
|
.team-table td,
|
|
.usage-table th,
|
|
.usage-table td {
|
|
padding: .35rem .5rem;
|
|
border-bottom: 1px solid #e2e8f0;
|
|
text-align: left;
|
|
}
|
|
|
|
.usage-table th,
|
|
.usage-table td {
|
|
padding: .5rem;
|
|
}
|
|
|
|
.badge {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
padding: .1rem .5rem;
|
|
border-radius: 999px;
|
|
font-size: .75rem;
|
|
background: #e2e8f0;
|
|
color: #0f172a;
|
|
}
|
|
|
|
.chip {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
padding: .15rem .55rem;
|
|
border-radius: 999px;
|
|
background: #f1f5f9;
|
|
color: #0f172a;
|
|
border: 1px solid #e2e8f0;
|
|
font-size: .8rem;
|
|
}
|
|
|
|
.stat-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
|
|
gap: 1rem;
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
|
|
.stat-card {
|
|
background: #fff;
|
|
border: 1px solid #e2e8f0;
|
|
border-radius: 1rem;
|
|
padding: 1.25rem;
|
|
}
|
|
|
|
.stat-card h4 {
|
|
margin: 0;
|
|
font-size: .95rem;
|
|
color: #475569;
|
|
}
|
|
|
|
.stat-card strong {
|
|
display: block;
|
|
font-size: 1.75rem;
|
|
color: #0f172a;
|
|
}
|