|
|
| html, body, [data-testid="stAppViewContainer"] {
|
| background: var(--bg) !important;
|
| }
|
|
|
| .card {
|
| background: var(--card);
|
| border: 1px solid var(--border);
|
| border-radius: 12px;
|
| padding: 16px 16px;
|
| box-shadow: 0 1px 2px rgba(0,0,0,0.04);
|
| margin-bottom: 16px;
|
| }
|
|
|
| .card-title {
|
| color: var(--text);
|
| font-weight: 700;
|
| margin-bottom: 8px;
|
| }
|
|
|
| .kpi {
|
| display: flex;
|
| flex-direction: column;
|
| gap: 6px;
|
| }
|
|
|
| .kpi .card-label {
|
| color: var(--muted);
|
| font-size: 13px;
|
| text-transform: uppercase;
|
| letter-spacing: 0.06em;
|
| }
|
|
|
| .kpi .card-value {
|
| color: var(--text);
|
| font-size: 26px;
|
| font-weight: 800;
|
| }
|
|
|
|
|
| button[kind="secondary"] {
|
| border-color: var(--primary) !important;
|
| }
|
|
|
|
|
| section[data-testid="stSidebar"] .stSelectbox label,
|
| section[data-testid="stSidebar"] .stMultiSelect label,
|
| section[data-testid="stSidebar"] .stDateInput label {
|
| color: var(--muted) !important;
|
| }
|
|
|
|
|
| div[data-testid="stTable"] {
|
| border-radius: 8px;
|
| overflow: hidden;
|
| }
|
|
|
|
|
|
|
