*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5}.dashboard-page{max-width:1200px;padding-bottom:2rem}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.dashboard-header h1{margin:0;font-size:2rem;line-height:1.2;color:#0f172a}.dashboard-subtitle{margin:.4rem 0 0;color:#475569;max-width:58ch}.dashboard-nav{display:flex;gap:.65rem}.dashboard-nav button{border-radius:10px}.kpi-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:1rem}.charts-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}.chart-card{grid-column:span 6}.chart-card-wide{grid-column:span 12}.card{border:1px solid #dbe4f0;background:radial-gradient(circle at top right,rgba(56,189,248,.08),transparent 40%),linear-gradient(180deg,#fff,#f8fafc);border-radius:14px;box-shadow:0 10px 25px #0206170f}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem;padding:1rem 1rem 0}.card-title{margin:0;font-size:1rem;color:#0f172a}.card-description{margin:0;font-size:.87rem;color:#475569}.card-content{padding:.75rem 1rem 1rem}.badge{display:inline-flex;align-items:center;padding:.2rem .5rem;border-radius:999px;border:1px solid #cbd5e1;background:#f1f5f9;color:#334155;font-size:.72rem;font-weight:600;white-space:nowrap}.kpi-value{margin:0;font-size:1.85rem;line-height:1.15;color:#0f172a;font-weight:700}.kpi-trend{margin:.4rem 0 0;color:#0f766e;font-weight:600;font-size:.86rem}.highcharts-container{border-radius:10px}@media(max-width:1024px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-card{grid-column:span 12}}@media(max-width:720px){.dashboard-header{flex-direction:column;align-items:stretch}.dashboard-nav{width:100%}.dashboard-nav button{flex:1}.kpi-grid{grid-template-columns:1fr}}.page{max-width:800px;margin:2rem auto;padding:0 1rem}label{display:block;margin-bottom:.25rem;font-weight:600}input{display:block;width:100%;padding:.5rem;margin-bottom:.75rem;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}button{padding:.5rem 1rem;border:none;border-radius:4px;background:#1a1a2e;color:#fff;cursor:pointer}button:hover{background:#16213e}table{border:1px solid #ddd}th,td{padding:.5rem .75rem;border-bottom:1px solid #eee}