*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#17263e;font:15px/1.5 Arial,sans-serif}.shell{display:flex;min-height:100vh}.sidebar{width:230px;background:#101c34;color:#e8effa;padding:22px 15px;display:flex;flex-direction:column;gap:25px}.brand{display:flex;align-items:center;gap:10px;font-weight:bold}.brand b{background:#38c69a;color:#092139;border-radius:10px;padding:10px 14px;font-size:20px}.brand small{display:block;color:#9eb0ca;font-size:11px}.sidebar nav{display:grid;gap:5px}.sidebar a{color:#d7e2f2;text-decoration:none;padding:10px;border-radius:8px}.sidebar nav a:hover{background:#263956}.bottom{margin-top:auto;border-top:1px solid #35445d;padding-top:15px;font-size:12px}.bottom a{padding:0}main{padding:25px;flex:1;min-width:0}header{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:24px}header h1{font-size:27px;margin:2px auto 0 0}header small{width:100%;letter-spacing:1.6px;color:#71839a;font-weight:bold;font-size:10px}.pill{background:#fff0cc;color:#815700;border-radius:30px;padding:7px 12px;font-size:11px;font-weight:bold}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{background:#fff;border:1px solid #e1e8f0;border-radius:14px;padding:18px;box-shadow:0 6px 22px #10294b08;margin-bottom:16px}.metric-label{color:#718198;font-size:12px}.metric{font-size:25px;font-weight:bold;margin:8px 0}.muted{color:#75859b}.notice{background:#fff7e4;border:1px solid #f0dca9;color:#745313;padding:13px;border-radius:10px;margin-bottom:16px}.btn{display:inline-block;background:#13836c;color:white;padding:10px 14px;border:0;border-radius:8px;text-decoration:none;font-weight:bold;cursor:pointer}.btn.alt{background:#e9eff6;color:#273a54}.form-grid,.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:grid;gap:6px;margin:8px 0}.field label{font-size:12px;font-weight:bold;color:#596b82}.field input,.field select{padding:10px;border:1px solid #d7e0ea;border-radius:8px;font:inherit;width:100%}.table-wrap{overflow:auto;border:1px solid #e1e8f0;border-radius:11px;background:#fff;margin:14px 0}.table{border-collapse:collapse;width:100%;min-width:650px}.table th,.table td{text-align:left;padding:11px 13px;border-bottom:1px solid #edf1f5;white-space:nowrap}.table th{background:#f7f9fc;color:#65758b;font-size:11px;text-transform:uppercase}.tree-node{border:1px solid #b6d9cd;background:#effaf5;border-radius:10px;padding:12px;text-align:center;min-width:135px}.tree-children{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:18px}.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:#eaf2f6}.login .card{width:min(430px,100%);padding:28px}.badge{background:#e6f8ef;color:#167253;border-radius:20px;padding:4px 8px;font-size:11px}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.sidebar{width:190px}}@media(max-width:650px){.shell{display:block}.sidebar{width:100%;padding:12px}.sidebar nav{display:flex;overflow:auto}.sidebar nav a{white-space:nowrap}.grid,.form-grid,.two-col{grid-template-columns:1fr}main{padding:14px}}