:root{--brand:#6f42c1;--brand-dark:#59359a;--accent:#20c997;--danger:#dc3545;--success:#198754;--muted:#6c757d}
html,body{height:100%}
body{background:linear-gradient(135deg,#0f172a 0%,#1f2937 50%,#0b1021 100%);color:#e5e7eb}
.card{border:0;border-radius:14px;box-shadow:0 10px 25px rgba(0,0,0,.35);background:rgba(15,23,42,.75);backdrop-filter:saturate(1.2) blur(6px)}
.card .card-body{color:#e5e7eb}
.btn{border-radius:10px;box-shadow:0 6px 14px rgba(0,0,0,.2);transition:transform .05s ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--brand);border-color:var(--brand)}
.btn-primary:hover{background:#7b4bd6;border-color:#7b4bd6}
.btn-outline-primary{color:#c7b8f3;border-color:#7b4bd6}
.btn-outline-primary:hover{background:#7b4bd6;color:#fff}
.btn-success{background:var(--success);border-color:var(--success)}
.btn-danger{background:var(--danger);border-color:var(--danger)}
.form-control,.form-select{background:#0b1021;border:1px solid #263043;color:#e5e7eb;border-radius:10px}
.form-control:focus,.form-select:focus{border-color:var(--brand);box-shadow:0 0 0 .2rem rgba(111,66,193,.25)}
.table{color:#e5e7eb}
.table thead th{color:#cbd5e1;border-bottom-color:#334155}
.table tbody td{border-top-color:#1f2937}
.alert{border:0;border-radius:12px}
.alert-info{background:#0ea5e9;color:#0b1021}
.alert-success{background:#22c55e;color:#0b1021}
.alert-danger{background:#ef4444;color:#0b1021}
.h1,.h2,.h3,.h4,.h5{color:#f3f4f6}
.text-muted{color:#9ca3af!important}
.chart-canvas{filter:drop-shadow(0 6px 12px rgba(0,0,0,.3))}
#reader{border:1px dashed #334155;border-radius:12px;padding:10px;background:rgba(2,6,23,.6)}
.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}
.page-header .title{font-size:1.25rem;font-weight:600}
.section{margin-top:1rem}
.sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);backdrop-filter:blur(2px);z-index:99;display:none}
.sidebar-open .sidebar-overlay{display:block}