:root{--bg:#f6f7fb;--card:#ffffff;--fg:#1b1f24;--muted:#6b7280;--primary:#4f46e5;--primary-600:#4338ca;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--chip:#eef2ff;--border:#e5e7eb;}
html.dark{--bg:#0b0e14;--card:#121722;--fg:#eaeef4;--muted:#9aa4b2;--border:#202634;--chip:#0f172a;}
html,body{background:var(--bg);color:var(--fg);} .navbar{box-shadow:0 2px 10px rgba(0,0,0,.04);} 
.container-page {
    width: 100%;
    max-width: 100%;
    padding: 0 15px; /* optional horizontal padding */
    margin: 0 auto;
}/*.container-page{max-width:1100px;margin:20px auto;padding:0 16px;}*/
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:0 6px 18px rgba(0,0,0,.04);} .card .card-header{border-bottom:1px solid var(--border);background:transparent;}
.table{border-color:var(--border);} .table thead th{color:var(--muted);font-weight:600;} .table td,.table th{vertical-align:middle;}
.form-control,.form-select{border-radius:12px;border-color:var(--border);background:var(--card);color:var(--fg);} .form-control:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 .25rem rgba(79,70,229,.15);}
.btn-primary{background:var(--primary);border-color:var(--primary);} .btn-primary:hover{background:var(--primary-600);border-color:var(--primary-600);}
.badge{border-radius:999px;padding:.5em .75em;} .badge.status-upcoming{background:#dbeafe;color:#1e40af;} .badge.status-ready{background:#ecfeff;color:#155e75;} .badge.status-ongoing{background:#dcfce7;color:#166534;} .badge.status-finished{background:#f1f5f9;color:#334155;} .badge.status-closed{background:#fee2e2;color:#991b1b;}
.chip{display:inline-flex;align-items:center;gap:6px;padding:.25rem .6rem;border-radius:999px;background:var(--chip);color:#4338ca;font-weight:600;} .table .actions .btn{margin-right:.25rem;}
img.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--border);} .footer-muted{color:var(--muted);font-size:.9rem;} .kpi-card .value{font-size:1.6rem;font-weight:800;} .kpi-card .label{color:var(--muted);font-size:.9rem;} hr.sep{border-color:var(--border);} a{color:var(--primary);}