:root{font-family:Arial,sans-serif;color:#172534;background:#f3f6f9}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.hidden{display:none!important}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0b1d30,#173b60)}.login form{width:min(420px,calc(100% - 32px));background:#fff;padding:38px;border-radius:8px;box-shadow:0 24px 80px #04101d99}.seal{width:58px;height:58px;border-radius:50%;background:#102a45;color:#d5b45f;border:2px solid #d5b45f;display:grid;place-items:center;font-size:27px}.login small{display:block;margin-top:21px;color:#708193;letter-spacing:.13em;font-weight:700}.login h1{font-family:Georgia,serif;font-size:29px;margin:6px 0}.login p{color:#718091;margin:0 0 25px}.login label,.fields label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#41576c;margin:14px 0}.login input,.fields input,.fields select,.fields textarea,.toolbar input,.toolbar select{border:1px solid #cbd5df;border-radius:5px;background:#fff;padding:10px 11px;outline:0}.login input:focus,.fields input:focus,.toolbar input:focus{border-color:#3d6e9e;box-shadow:0 0 0 3px #3d6e9e22}.login button,.intro button,dialog footer button{width:100%;margin-top:9px;border:0;border-radius:5px;background:#173f70;color:#fff;padding:11px;font-weight:700;cursor:pointer}.login output{display:block;color:#a92731;font-size:12px;margin-top:12px}.app aside{position:fixed;inset:0 auto 0 0;width:250px;background:linear-gradient(#102a45,#091c2e);color:#dce7f0;display:flex;flex-direction:column;z-index:10}.brand{height:78px;border-bottom:1px solid #29435c;display:flex;align-items:center;gap:12px;padding:0 21px}.brand>div{width:42px;height:42px;border:1px solid #d2ad56;border-radius:50%;display:grid;place-items:center;color:#d5b45f}.brand b{display:block;font-family:Georgia,serif;font-size:20px;letter-spacing:.15em}.brand small{font-size:9px;color:#8298ac;letter-spacing:.14em}.app nav{padding:24px 13px;flex:1}.app nav>small{display:block;color:#6f899f;font-size:9px;letter-spacing:.13em;margin:0 10px 9px}.app nav>small:not(:first-child){margin-top:28px}.app nav button{width:100%;height:43px;border:0;border-radius:5px;background:transparent;color:#adbdca;text-align:left;padding:0 13px;cursor:pointer;font-size:14px}.app nav button span{margin-left:12px}.app nav button.active,.app nav button:hover{background:#204563;color:#fff;box-shadow:inset 3px 0 #d2ad59}.secure{margin:15px;padding:12px;border:1px solid #24435e;background:#091f34;display:flex;gap:10px;color:#63b17f;font-size:13px}.secure b,.secure small{display:block}.secure small{font-size:9px;color:#8095a8;margin-top:2px}.logout{border:0;border-top:1px solid #29435c;background:transparent;color:#9db0c0;padding:16px;text-align:left;cursor:pointer}.app main{margin-left:250px}.app main>header{height:64px;background:#fff;border-bottom:1px solid #dce2e8;display:flex;align-items:center;gap:10px;padding:0 32px;font-size:11px;color:#8190a0;position:sticky;top:0;z-index:5}.app main>header b{color:#344a60}.app main>header em{margin-left:auto;color:#4d7b5e;font-size:9px;font-style:normal;letter-spacing:.08em}#menu{display:none;border:0;background:transparent;font-size:20px}.content{padding:34px;max-width:1450px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.intro small{font-size:10px;color:#6f8193;letter-spacing:.13em;font-weight:700}.intro h1{font-family:Georgia,serif;font-size:30px;margin:6px 0}.intro p{color:#748293;font-size:14px;margin:0}.intro button{width:auto;padding:10px 16px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stats article,.card{background:#fff;border:1px solid #dce2e8;border-radius:6px;box-shadow:0 2px 9px #25394e0b}.stats article{padding:18px}.stats small{display:block;color:#718193;font-size:9px;letter-spacing:.1em;font-weight:700}.stats b{font-family:Georgia,serif;font-size:28px;display:block;margin-top:5px}.card{overflow:hidden}.toolbar{display:flex;gap:12px;padding:15px 18px;background:#fafbfc;border-bottom:1px solid #e5e9ed}.toolbar input{width:min(430px,60vw)}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:13px 15px;text-align:left;border-bottom:1px solid #e5e9ed}th{font-size:9px;letter-spacing:.09em;color:#718193;background:#fff}tbody tr{cursor:pointer}tbody tr:hover{background:#f6f9fb}.person{display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;background:#e4edf6;color:#28598b;display:grid;place-items:center;font-size:10px;font-weight:800}.person b,.person small{display:block}.person small{color:#8593a0;margin-top:3px}.badge{display:inline-block;background:#e8f2ec;color:#397750;padding:5px 8px;border-radius:11px;font-weight:700}.muted{background:#edf0f3;color:#687686}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid article{padding:18px;border-top:4px solid #3d6e9e}.grid article h2{font-family:Georgia,serif;font-size:18px}.grid article p{font-size:12px;color:#718091;line-height:1.5;min-height:38px}.grid article footer{display:flex;justify-content:space-between;border-top:1px solid #e5e9ed;padding-top:13px;font-size:11px}.actions button{border:0;background:transparent;cursor:pointer;color:#2e5e8e;margin-left:8px}.rank-row{display:grid;grid-template-columns:50px 1fr 120px 80px;align-items:center}.swatch{width:38px;height:38px;border-radius:5px;display:grid;place-items:center;color:#fff;font-size:9px;font-weight:800}.audit{padding:5px 20px}.audit article{padding:15px 0;border-bottom:1px solid #e5e9ed}.audit b,.audit small{display:block}.audit small{color:#8794a0;margin-top:4px}dialog{border:0;border-radius:7px;padding:0;width:min(620px,calc(100% - 28px));box-shadow:0 24px 80px #0a192855}dialog::backdrop{background:#07131f99}dialog form>header{padding:20px 22px;border-bottom:1px solid #e1e6eb;display:flex;justify-content:space-between}dialog h2{font-family:Georgia,serif;margin:0}dialog header p{font-size:12px;color:#758394;margin:5px 0 0}dialog header button{border:0;background:transparent;font-size:25px;cursor:pointer}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;padding:8px 22px}.fields .full{grid-column:1/-1}.fields textarea{min-height:90px;resize:vertical}dialog footer{padding:16px 22px;border-top:1px solid #e1e6eb;display:flex;justify-content:flex-end;gap:10px}dialog footer button{width:auto;padding:9px 15px;margin:0}.secondary{background:#fff!important;color:#344a60!important;border:1px solid #cbd5df!important}#toast{position:fixed;right:20px;bottom:20px;background:#173f70;color:#fff;padding:12px 16px;border-radius:5px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}
@media(max-width:900px){.stats{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.app aside{transform:translateX(-100%);transition:.2s}.app aside.open{transform:none}.app main{margin-left:0}#menu{display:block}.content{padding:22px 13px}.intro{align-items:start;flex-direction:column;gap:16px}.grid{grid-template-columns:1fr}.fields{grid-template-columns:1fr}.fields .full{grid-column:auto}.rank-row{grid-template-columns:50px 1fr 70px}.rank-row>:nth-child(3){display:none}}
@media(max-width:430px){.stats{grid-template-columns:1fr}.app main>header>span,.app main>header>i{display:none}.toolbar{flex-direction:column}.toolbar input{width:100%}}
.theme-toggle{width:34px;height:34px;border:1px solid #d5dce3;border-radius:50%;background:#f5f7f9;color:#294867;cursor:pointer;font-size:17px;display:grid;place-items:center;margin-left:5px}.theme-toggle:hover{background:#e8edf2}
html.dark{color-scheme:dark;background:#0b121a}html.dark body{background:#0b121a;color:#dce6ef}html.dark .login{background:linear-gradient(135deg,#050b11,#102943)}html.dark .login form,html.dark .card,html.dark dialog{background:#111d28;color:#dce6ef;border-color:#283744}html.dark .login p,html.dark .intro p,html.dark .grid article p,html.dark dialog header p{color:#95a6b6}html.dark .app main>header{background:#101b25;border-color:#283744;color:#8092a3}html.dark .app main>header b{color:#d1dce6}html.dark .content{color:#dce6ef}html.dark .stats article{background:#111d28;border-color:#283744;box-shadow:none}html.dark .toolbar{background:#0e1821;border-color:#283744}html.dark input,html.dark select,html.dark textarea{background:#0b141d!important;border-color:#354654!important;color:#dce6ef}html.dark input::placeholder,html.dark textarea::placeholder{color:#708292}html.dark th{background:#111d28;color:#91a2b2}html.dark th,html.dark td{border-color:#283744}html.dark tbody tr:hover{background:#172633}html.dark .avatar{background:#1e3549;color:#9fc0de}html.dark .badge{background:#193526;color:#80c397}html.dark .badge.muted{background:#28333d;color:#acb9c5}html.dark .secondary{background:#15222d!important;color:#d2dde7!important;border-color:#3a4a58!important}html.dark dialog form>header,html.dark dialog footer{border-color:#283744}html.dark .audit article{border-color:#283744}html.dark .theme-toggle{background:#172633;border-color:#3a4a58;color:#f2c96b}html.dark .theme-toggle:hover{background:#203443}html.dark #toast{background:#2d6398}