:root{--bg:#f3f6f8;--panel:#fff;--line:#dce3e8;--text:#18232d;--muted:#667681;--blue:#1769e0;--green:#168451;--orange:#d66a13;--red:#b83333;--shadow:0 5px 20px rgba(21,45,65,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif}.topbar{min-height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px;padding:10px max(20px,calc((100% - 1440px)/2));position:sticky;top:0;z-index:10}.brand{font-size:19px;font-weight:750;color:var(--text);text-decoration:none;white-space:nowrap}.topbar nav{display:flex;gap:5px;flex:1}.topbar nav a{color:#40505b;text-decoration:none;padding:9px 12px;border-radius:8px}.topbar nav a:hover,.topbar nav a.active{background:#eaf2ff;color:var(--blue)}.account{font-size:13px;color:var(--muted);white-space:nowrap}.account a{color:var(--blue)}.container{max-width:1440px;margin:auto;padding:28px 20px 60px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.page-head h1{font-size:28px;margin:0 0 4px}.page-head p,.muted{margin:0;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.card{padding:20px;display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center}.card>span{font-size:28px;grid-row:span 2}.card strong{font-size:25px}.card small{color:var(--muted)}.panel{padding:20px}.panel h1,.panel h2{margin-top:0}.grid-two{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.notice{background:#edf6ff;border:1px solid #b9d7fa;border-radius:10px;padding:14px 16px;margin:0 0 20px}.notice.warning{background:#fff8e6;border-color:#f0d28b}.notice.error{background:#fff0f0;border-color:#efb4b4;color:#8f2525}.status,.badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700}.status.ok{background:#e1f5e9;color:#12653d}.status.pending{background:#fff1dc;color:#8c4b0a}.badge.in{background:#e3f4e9;color:#12653d}.badge.out{background:#fff0df;color:#914d0a}.filters{display:flex;align-items:end;gap:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:16px}.filters label{min-width:160px;flex:1}.filters button{flex:0 0 auto}label{display:grid;gap:6px;font-weight:650}input,select,button{font:inherit;border:1px solid #bdc9d1;border-radius:8px;padding:10px 11px;background:#fff;color:var(--text)}button,.button{border:0;background:var(--blue);color:#fff;font-weight:700;padding:11px 16px;border-radius:8px;text-decoration:none;cursor:pointer}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;padding:10px 9px;border-bottom:1px solid #e7ecef}th{color:#53636e;font-size:12px;text-transform:uppercase;letter-spacing:.03em}tbody tr:hover{background:#f8fafb}.result-count{color:var(--muted);margin-bottom:10px}.facts{display:grid;grid-template-columns:auto 1fr;gap:8px 18px}.facts dt{color:var(--muted)}.facts dd{margin:0;font-weight:650}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(145deg,#edf4ff,#f5f8fa 55%,#eaf7f0)}.login-panel{width:min(430px,100%);padding:32px}.login-panel h1{text-align:center;margin-bottom:4px}.login-panel>p{text-align:center;margin-bottom:24px}.login-panel form{display:grid;gap:16px}.login-icon{text-align:center;font-size:46px}code{background:#edf1f4;border-radius:5px;padding:2px 5px}@media(max-width:900px){.topbar{align-items:flex-start;flex-wrap:wrap}.topbar nav{order:3;width:100%;overflow:auto}.account{margin-left:auto}.cards{grid-template-columns:repeat(2,1fr)}.grid-two{grid-template-columns:1fr}.filters{align-items:stretch;flex-direction:column}.page-head{align-items:flex-start;flex-direction:column}}@media(max-width:520px){.cards{grid-template-columns:1fr}.container{padding:20px 12px}.topbar{padding:10px 12px}.panel{padding:14px}}