:root{--maroon:#6d0019;--gold:#d5aa3d;--ink:#1e2530;--muted:#6f7782;--bg:#f4f6f8;--line:#e4e8ed;--white:#fff}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}
.hidden{display:none!important}.login-shell{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#4f0012,#7c1028 55%,#222)}
.login-card{width:min(420px,92vw);background:white;border-radius:18px;padding:36px;box-shadow:0 25px 70px rgba(0,0,0,.28)}.crest{width:76px;height:76px;border-radius:50%;background:var(--maroon);color:var(--gold);display:grid;place-items:center;font-family:Georgia,serif;font-weight:700;font-size:27px;margin-bottom:18px;border:4px solid var(--gold)}.crest.small{width:46px;height:46px;font-size:17px;margin:0;border-width:2px}
h1,h2,h3,p{margin-top:0}.muted{color:var(--muted)}label{display:block;font-size:13px;font-weight:700;margin:15px 0 6px}input,select{width:100%;padding:12px 13px;border:1px solid #ccd2da;border-radius:9px;font:inherit;background:white}button{border:0;background:var(--maroon);color:white;padding:11px 16px;border-radius:9px;font-weight:700;cursor:pointer}.login-card button{width:100%;margin-top:18px}.demo-note{background:#fff6dc;border:1px solid #efd98c;padding:10px;border-radius:9px;font-size:12px}.tiny{font-size:11px;color:#8a919a;text-align:center;margin:10px 0 0}
.app{min-height:100vh;display:grid;grid-template-columns:255px 1fr}aside{background:#171b22;color:white;padding:22px 16px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;padding:2px 6px 26px}.brand strong,.brand span,.aside-footer strong,.aside-footer span{display:block}.brand span,.aside-footer span{color:#9da6b2;font-size:12px;margin-top:3px}nav{display:grid;gap:7px}.nav{background:transparent;color:#c7ced7;text-align:left;padding:12px}.nav:hover,.nav.active{background:#2a3039;color:white}.aside-footer{margin-top:auto;border-top:1px solid #303640;padding:18px 6px 0;display:flex;gap:10px;align-items:center}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--maroon);font-size:12px;font-weight:800}
main{padding:0 30px 40px;overflow:auto}header{height:92px;display:flex;align-items:center;justify-content:space-between}header h2{margin-bottom:4px}header p{font-size:13px;color:var(--muted);margin:0}.outline{background:white;color:var(--ink);border:1px solid var(--line)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}.stat,.panel{background:white;border:1px solid var(--line);border-radius:13px}.stat{padding:19px}.stat span,.stat small{display:block;color:var(--muted)}.stat b{font-size:30px;display:block;margin:7px 0}.stat small{font-size:11px}.grid2{display:grid;grid-template-columns:1.35fr 1fr;gap:16px}.panel{padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head h3{margin-bottom:5px}.link{background:transparent;color:var(--maroon);padding:4px}.person-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.person-row:first-of-type{border-top:0}.person-avatar{width:38px;height:38px;border-radius:50%;background:#eee0e4;color:var(--maroon);font-weight:800;display:grid;place-items:center}.person-row div:nth-child(2){flex:1}.person-row strong,.person-row small{display:block}.person-row small{color:var(--muted)}.pipeline div{display:flex;justify-content:space-between;padding:15px 0;border-top:1px solid var(--line)}.pipeline div:first-child{border-top:0}.pipeline b{color:var(--maroon)}
.toolbar{display:grid;grid-template-columns:1fr auto;gap:12px;margin-bottom:14px}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}th,td{padding:13px 10px;border-bottom:1px solid var(--line)}.badge{background:#e8f4ed;color:#24683f;border-radius:20px;padding:5px 9px;font-size:11px;font-weight:800}.badge.red{background:#f2e3e6;color:var(--maroon)}.badge.gray{background:#eef0f3;color:#5e6670}
.form-panel{max-width:900px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px;margin-bottom:20px}.success{margin-left:12px;color:#257345;font-size:13px}.role-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid var(--line)}.role-row div span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.org-chart{overflow:auto;padding:20px 0 40px;text-align:center}.org-node{display:inline-block;background:white;border:1px solid #dfe3e8;border-top:4px solid var(--maroon);border-radius:10px;padding:12px 16px;min-width:180px;box-shadow:0 3px 10px rgba(0,0,0,.04);margin:8px}.org-node strong,.org-node span{display:block}.org-node span{font-size:11px;color:var(--muted);margin-top:3px}.org-level{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.connector{width:2px;height:26px;background:#cfd5dc;margin:0 auto}
@media(max-width:950px){.app{grid-template-columns:76px 1fr}.brand div:last-child,.nav{font-size:0}.nav::first-letter{font-size:18px}.aside-footer div:last-child{display:none}.stats{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}}@media(max-width:650px){main{padding:0 14px 25px}.stats,.form-grid{grid-template-columns:1fr}.panel{overflow:auto}}