@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,sans-serif;background:#f8fafc;color:#1e293b}.app{min-height:100vh}.topbar{background:linear-gradient(135deg,#0f2f68,#174ea6);color:#fff;padding:20px 0;box-shadow:0 4px 16px #0f172a26}.wrap{max-width:1400px;margin:auto;padding:0 22px}.headrow{display:flex;justify-content:space-between;align-items:center;gap:20px}.brand h1{margin:0;font-size:1.75rem}.brand p{margin:5px 0 0;color:#dbeafe}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{border:0;border-radius:8px;padding:10px 15px;font-weight:600;cursor:pointer}.btn.primary{background:#2563eb;color:#fff}.btn.light{background:#fff;color:#1e40af}.btn.danger{background:#dc2626;color:#fff}.btn.ghost{background:#e2e8f0;color:#334155}.tabs{display:flex;gap:8px;overflow:auto;margin:24px 0 18px}.tab{background:white;border:1px solid #dbe3ee;border-radius:10px;padding:11px 16px;font-weight:600;cursor:pointer;white-space:nowrap}.tab.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.panel{display:none}.panel.active{display:block}.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:22px;box-shadow:0 1px 3px #00000012;margin-bottom:20px}.grid{display:grid;gap:18px}.stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:22px}.stat .value{font-size:2.35rem;font-weight:700}.stat .label{color:#64748b;font-size:.9rem}.filters{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:end}.field label{display:block;font-size:.85rem;font-weight:600;color:#475569;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;padding:11px;border:1px solid #cbd5e1;border-radius:8px;background:#fff}.charts{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.chartbox{height:330px}table{width:100%;border-collapse:collapse}th,td{padding:11px;border-bottom:1px solid #e2e8f0;text-align:left;font-size:.88rem}th{background:#f8fafc;color:#475569}.tablewrap{overflow:auto}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-size:.75rem;font-weight:700}.modal{position:fixed;inset:0;background:#0f172aaa;display:none;align-items:center;justify-content:center;padding:18px;z-index:50}.modal.open{display:flex}.modalbox{background:white;border-radius:14px;padding:24px;max-width:720px;width:100%;max-height:92vh;overflow:auto}.formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.full{grid-column:1/-1}.notice{padding:12px 14px;border-radius:8px;background:#dbeafe;color:#1e40af;margin:12px 0}.error{background:#fee2e2;color:#991b1b}.muted{color:#64748b}.right{text-align:right}@media(max-width:700px){.headrow{align-items:flex-start;flex-direction:column}.formgrid,.charts{grid-template-columns:1fr}.wrap{padding:0 14px}.brand h1{font-size:1.35rem}}@media print{.topbar,.tabs,.no-print{display:none!important}.card,.stat{box-shadow:none}}