:root{--ink:#102f45;--muted:#5f7180;--line:#d8e4ea;--cream:#f5f9fb;--green:#236c98;--lime:#d8eff8;--red:#ad4d4d;--amber:#9c6b16;--blue:#2f6d9b;--white:#fff}
.app-shell{grid-template-columns:280px minmax(0,1fr)}
.sidebar{background:#103a58;color:#edf7fb}
.brand{gap:9px;padding:0 8px 32px}
.brand-logo{width:52px;height:52px;object-fit:contain}
.brand-copy{line-height:1.05}.brand small,.account small{color:#c0dce9;margin-top:4px}
.nav-item{color:#d9edf6;border-radius:9px}.nav-item:hover,.nav-item.active{background:#276f99;color:#fff;box-shadow:inset 3px 0 0 #d8eff8}.nav-label{color:#9ec4d7}.account{border-top-color:#3a6f8c}.avatar{background:#c9e9f5;color:#103a58}
.primary{border-color:var(--green);background:var(--green)}.primary:hover{background:#195779}.secondary{border-color:#b6cbd7;color:#245773}.secondary:hover{background:#eaf4f8}
th{background:#edf5f8;color:#456477}tbody tr:hover{background:#f8fcfe}.alert-banner{border-left-color:var(--blue);background:#eef8fc;color:#245773}
.auth-gate{background:radial-gradient(circle at 25% 20%,#2c7199 0,transparent 32%),linear-gradient(135deg,#09273d,#103a58 60%,#175e85)}
.auth-card{width:min(470px,100%);padding:34px;background:#103a58;border:1px solid #5b91ae;border-radius:20px;color:#f5fbff;box-shadow:0 24px 70px #061e2f88}
.auth-logo{display:block;width:250px;max-width:100%;height:150px;object-fit:contain;margin:0 auto 8px}.auth-card p{color:#d3e9f3}.auth-card small{color:#c3dce8}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}}