:root{--navy:#07192d;--blue:#2382d8;--line:#dce3ea;--paper:#f4f7fa;--ink:#142033}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px Inter,system-ui,sans-serif}button,input{font:inherit}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#061627,#123959)}form{background:#fff;padding:32px;border-radius:14px;width:min(420px,calc(100% - 28px));box-shadow:0 20px 60px #0005}.login .crest{width:54px;height:54px;border-radius:12px;background:var(--blue);color:#fff;display:grid;place-items:center;font:700 28px Georgia}.login p,header p{font-size:.68rem;letter-spacing:.13em;color:#778697}.login h1{font:600 1.8rem Georgia}.login label,.modal label{display:grid;gap:7px;margin:14px 0;font-size:.78rem;font-weight:700}input{height:44px;border:1px solid #cad5df;border-radius:8px;padding:0 11px}form>button,.primary{border:0;border-radius:8px;background:var(--blue);color:#fff;min-height:42px;padding:0 16px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.login form>button{width:100%;margin-top:10px}.login small,#form-error{display:block;color:#a43e3e;margin-top:12px}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}aside{position:sticky;top:0;height:100vh;background:var(--navy);color:#fff;padding:26px 18px;display:flex;flex-direction:column}.brand b,.brand span,.account b,.account span{display:block}.brand b{letter-spacing:.16em;font-size:1.25rem}.brand span,.account span{font-size:.72rem;color:#91a6ba}nav{display:grid;gap:5px;margin-top:28px}nav button{border:0;background:transparent;color:#a9bbcd;text-align:left;padding:12px;border-radius:8px}nav button.active,nav button:hover{background:#173652;color:#fff}.account{margin-top:auto;border-top:1px solid #ffffff20;padding-top:18px}.account button{margin-top:12px;background:transparent;color:#9db4c9;border:1px solid #ffffff30;border-radius:7px;padding:7px 10px}main{min-width:0}header{background:#fff;border-bottom:1px solid var(--line);padding:22px 32px}header h1{font:600 1.8rem Georgia;margin:4px 0}section{padding:28px 32px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stats article,.panel{background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 3px 12px #0c243d0a}.stats article{padding:20px}.stats span,.stats b{display:block}.stats span{font-size:.75rem;color:#69778a}.stats b{font:600 2rem Georgia;margin-top:8px}.panel{margin-top:18px;padding:22px}.empty{text-align:center;padding:55px 22px}.empty p{color:#69778a}.list{padding:0}.row{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e8edf1}.row b,.row span{display:block}.row span{font-size:.75rem;color:#69778a;margin-top:3px}.row button{border:0;background:#fff0f0;color:#a43e3e;border-radius:7px;padding:8px}.modal{position:fixed;inset:0;background:#06182bd0;display:grid;place-items:center;padding:16px}.modal form{max-height:92vh;overflow:auto}.modal form>div{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.modal form>div button{min-height:42px;border:1px solid var(--line);border-radius:8px;padding:0 14px}.setup{padding:40px}@media(max-width:1000px){.shell{grid-template-columns:82px 1fr}.brand span,nav button{font-size:0}.brand b{font-size:.75rem}.account b,.account span{display:none}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.shell{display:block}aside{position:fixed;z-index:5;top:auto;bottom:0;width:100%;height:70px;padding:6px}.brand,.account{display:none}nav{margin:0;display:flex;justify-content:space-around}nav button{font-size:.62rem;padding:8px 5px;text-align:center}header{padding:18px 16px}header h1{font-size:1.45rem}section{padding:16px 13px 90px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stats article{padding:15px}.row{padding:15px}.panel{padding:17px}}