:root{--navy:#1e2a44;--blue:#3a5f8f;--gold:#d8b593;--bg:#f5f7fb;--border:#e4e9f0;--txt:#273248}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--txt);font-family:Tahoma,Arial,sans-serif;font-size:14px;line-height:1.7}a{color:var(--blue);text-decoration:none}.app{min-height:100vh;display:flex}.sidebar{width:254px;flex-shrink:0;background:var(--navy);color:white;padding:28px 16px;display:flex;flex-direction:column;min-height:100vh}.logo{padding:8px 12px 30px;color:var(--gold);font-size:19px;letter-spacing:.4px}.logo small{display:block;font-size:10px;letter-spacing:3px;color:#c9d4e5}.nav-label{color:#92a6bd;padding:0 14px 12px;font-size:11px}.sidebar nav{display:grid;gap:3px}.sidebar nav a{padding:9px 14px;color:#d4deed;border-radius:10px}.sidebar nav a.active,.sidebar nav a:hover{background:#354660;color:#fff}.sidefoot{margin-top:auto;padding:18px 12px;border-top:1px solid #40506a}.sidefoot a{color:var(--gold)}.main{padding:26px 34px 70px;min-width:0;flex:1;max-width:1800px}.top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.top h1{font-size:27px;margin:4px 0;color:var(--navy);font-weight:700}.eyebrow{font-size:10px;letter-spacing:2px;color:#8494a9}.topright{display:flex;gap:15px;align-items:center;color:#76859a}.pill{background:#e8f3ec;color:#367b51;border-radius:30px;padding:4px 12px}.cards{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px;margin-bottom:22px}.metric,.panel{background:white;border:1px solid var(--border);border-radius:16px;box-shadow:0 6px 24px #25345007}.metric{padding:20px;border-top:3px solid var(--gold)}.metric span,.metric small{display:block;color:#78869a}.metric strong{display:block;font-size:34px;color:var(--navy);line-height:1.4;margin:8px 0}.panel{padding:24px;margin-bottom:20px;min-width:0}.panel h2{font-size:17px;margin:0 0 18px;color:var(--navy)}.twocol{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.twocol>.panel{min-width:0}.tablewrap{max-width:100%;overflow:auto}table{width:100%;border-collapse:collapse;min-width:580px;text-align:right}td,th{border-bottom:1px solid #eef1f5;padding:12px 9px;vertical-align:middle}th{color:#78879c;font-size:12px;font-weight:600}tr:hover td{background:#fbfcfe}small,.muted{color:#8290a1}label{display:block;margin:0 0 13px;font-size:12px;font-weight:600}input,select,textarea{width:100%;display:block;border:1px solid #dce4ee;border-radius:9px;background:#fff;color:var(--navy);padding:10px;margin-top:5px;font:inherit;min-width:100px}textarea{min-height:75px}button,.outline{background:var(--blue);color:white;border:0;border-radius:9px;padding:10px 18px;font:inherit;font-weight:600;cursor:pointer;display:inline-block}button:hover{background:var(--navy)}.outline{background:#edf2f8;color:var(--blue);margin:5px}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:10px}.compact{display:grid;grid-template-columns:110px 160px 120px 55px;gap:5px;align-items:center}.compact input,.compact select,.compact button,.inline input,.inline select{margin:0}.inline{display:flex;gap:5px}.tag{display:inline-block;border-radius:30px;padding:3px 10px;background:#f1ede6;color:#9a724a}.success,.alert{padding:15px;border-radius:10px;margin-bottom:18px;background:#eaf7f0;color:#27714a}.alert{background:#fff0ef;color:#a33434}.check input{width:auto;display:inline}.baritem{display:flex;align-items:center;gap:12px;margin:15px 0}.baritem span{min-width:100px}.bar{height:9px;background:#edf1f6;border-radius:8px;flex:1}.bar i{height:100%;background:var(--gold);display:block;border-radius:8px}.notice{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding:12px}.login{min-height:100vh;display:grid;place-items:center;padding:18px;background:linear-gradient(140deg,#1e2a44,#3a5f8f)}.login .panel{width:min(480px,100%);padding:36px}.brand{color:#a7865c;letter-spacing:2px;font-weight:bold}.code{direction:ltr;text-align:left;background:#f3f5f8;padding:12px;border-radius:8px;word-break:break-word}hr{border:0;border-top:1px solid var(--border);margin:20px 0}@media(max-width:1050px){.cards{grid-template-columns:repeat(2,1fr)}.twocol{grid-template-columns:1fr}.main{padding:20px}}@media(max-width:690px){.app{display:block}.sidebar{width:100%;min-height:auto;padding:15px}.sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr))}.sidebar nav a{font-size:11px;padding:7px;text-align:center}.logo{padding:4px}.nav-label,.sidefoot{display:none}.main{padding:16px}.top h1{font-size:22px}.topright{display:none}.cards{gap:8px}.metric{padding:13px}.metric strong{font-size:26px}.panel{padding:16px}.formgrid{grid-template-columns:1fr}.compact{grid-template-columns:1fr 1fr}.compact button{grid-column:1/-1}}
