
:root{color-scheme:dark;--bg:#111f2e;--panel:#20364b;--line:#ffffff18;--rose:#e18b98;--muted:#a9bbc9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f4f7fa;font:15px/1.5 'Segoe UI',Arial}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}aside{position:fixed;width:230px;inset:0 auto 0 0;background:#172a3c;border-right:1px solid var(--line);padding:28px 20px}.logo{font-size:27px;font-weight:850;letter-spacing:-1px}.logo b{color:var(--rose)}.caption{color:var(--muted);font-size:12px}.nav{margin-top:48px;display:grid;gap:10px}.nav a{padding:12px 15px;color:#c0ccd6;text-decoration:none;border-radius:9px}.nav a:first-child{background:#e18b981c;color:#f0b4bd}.sidebar-foot{position:absolute;bottom:28px;font-size:12px;color:var(--muted)}main{margin-left:230px;padding:30px 40px;max-width:1800px}.top{display:flex;justify-content:space-between;align-items:center;gap:15px}.badge{font-size:12px;border:1px solid #e18b9850;border-radius:20px;color:#f0b4bd;padding:6px 12px}.avatar{display:inline-grid;place-items:center;width:36px;height:36px;background:#314c64;border-radius:50%;margin-left:12px}.heading{display:flex;align-items:end;justify-content:space-between;margin:36px 0 28px;gap:20px}h1{font-size:32px;letter-spacing:-1px;margin:0}h2{font-size:19px;margin:0}p{color:var(--muted);margin:7px 0}.primary{background:var(--rose);color:#142638;border:0;border-radius:8px;padding:12px 20px;font-weight:700}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat,.panel{background:var(--panel);border:1px solid var(--line);border-radius:13px}.stat{padding:20px}.stat label{color:#c2ced7;font-size:13px}.stat strong{display:block;font-size:32px;margin:9px 0 2px}.stat small{color:var(--muted)}.stat:nth-child(3) strong{color:#f0c36e}.stat:nth-child(4) strong{color:#f09ca7}.panel{margin-top:24px;overflow:hidden}.panel-head{padding:23px;display:flex;gap:15px;align-items:center;justify-content:space-between}.tools{display:flex;gap:10px}input,select{background:#162b3e;border:1px solid #52677a;border-radius:7px;color:white;padding:10px 12px}input{min-width:240px}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;color:var(--muted);font-size:12px;font-weight:600;background:#1a3044;padding:14px 22px}td{padding:19px 22px;border-top:1px solid var(--line);font-size:14px}td small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.status{padding:5px 10px;border-radius:20px;font-size:12px;background:#42c29c1c;color:#86dbc0}.status.warning{background:#e6b85d1c;color:#f0c36e}.status.blocked{background:#e18b981c;color:#f0a1ad}.action{border:1px solid #678095;border-radius:7px;background:transparent;color:white;padding:7px 12px}.lower{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.lower .panel{padding:24px}.entry{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}.entry:last-child{border:0}.entry small{color:var(--muted)}.dot{color:#8edbc1}.note{margin-top:22px;font-size:12px}.table-wrap{overflow:auto}dialog{background:#20364b;color:white;border:1px solid #52677a;border-radius:15px;width:min(540px,94vw);padding:28px}dialog::backdrop{background:#050d17b8}dialog label{display:block;margin:17px 0 5px}dialog input,dialog select{width:100%;min-width:0}.dialog-actions{display:flex;gap:12px;justify-content:end;margin-top:25px}#toast{position:fixed;bottom:22px;right:24px;background:#d8f0e8;color:#153d30;padding:15px 24px;border-radius:9px;box-shadow:0 8px 35px #0008}#empty{padding:25px} @media(max-width:1100px){aside{width:185px}main{margin-left:185px;padding:25px}.stats{grid-template-columns:repeat(2,1fr)}.panel-head{align-items:start;flex-direction:column}.lower{grid-template-columns:1fr}}@media(max-width:650px){aside{position:static;width:100%;padding:16px 20px}.nav{margin:15px 0 0;display:flex;overflow:auto;gap:4px}.nav a{padding:8px}.sidebar-foot{display:none}main{margin:0;padding:20px}.heading{align-items:start;flex-direction:column}.tools{width:100%;flex-direction:column}input{min-width:0;width:100%}.top{align-items:start}.stats{gap:10px}.stat{padding:15px}.badge{display:block}.lower{gap:0}}

