:root{font-family:Inter,system-ui,Arial;color:#172033;background:#f4f6fa}*{box-sizing:border-box}body{margin:0}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#101828,#263b70)}.card{background:white;border-radius:18px;padding:30px;box-shadow:0 18px 50px #0003;width:min(420px,92vw)}input,select,textarea,button{font:inherit;width:100%;padding:11px;border:1px solid #d7dce5;border-radius:9px;margin:5px 0}button{background:#1f5eff;color:#fff;border:0;cursor:pointer;font-weight:700}.layout{display:flex;min-height:100vh}.side{width:230px;background:#101828;color:white;padding:22px}.side h2{margin-top:0}.side button{background:#1b2942;text-align:left}.main{flex:1;padding:24px;max-width:1500px}.top{display:flex;justify-content:space-between;align-items:center}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:15px}.metric,.panel{background:white;border-radius:14px;padding:18px;box-shadow:0 4px 16px #18223010;margin:12px 0}.metric b{font-size:28px}.table{overflow:auto}table{width:100%;border-collapse:collapse;background:white}th,td{padding:10px;border-bottom:1px solid #edf0f5;text-align:left;white-space:nowrap}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs button{width:auto}.drop{border:2px dashed #b7c1d4;padding:25px;text-align:center;border-radius:14px}.muted{color:#667085}.danger{background:#d92d20}.ok{background:#079455}.modal{position:fixed;inset:0;background:#0007;display:grid;place-items:center;padding:20px}.modal .card{max-width:850px;width:100%}@media(max-width:800px){.side{width:75px}.side span{display:none}.main{padding:12px}}