:root{color-scheme:light;--bg: #f5f7fb;--panel: #ffffff;--panel-2: #eef3f8;--text: #17202a;--muted: #64748b;--line: #dce4ee;--green: #16b75f;--blue: #2c7be5;--red: #e04f5f;--amber: #dd9b22;--shadow: 0 18px 42px rgba(21, 32, 43, .1)}html[data-theme=dark]{color-scheme:dark;--bg: #08111d;--panel: #101a27;--panel-2: #162233;--text: #eff5fb;--muted: #91a0b5;--line: #223148;--shadow: 0 22px 54px rgba(0, 0, 0, .28)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;letter-spacing:0}button{min-height:38px;border:0;border-radius:8px;background:var(--green);color:#fff;font:inherit;font-size:13px;font-weight:400;display:inline-flex;gap:8px;align-items:center;justify-content:center;padding:0 14px}button:disabled{cursor:wait;opacity:.65}input,select{width:100%;min-height:38px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);font:inherit;font-size:13px;font-weight:400;padding:0 11px}input::placeholder{color:var(--muted)}.app-shell{min-height:100vh;display:grid;grid-template-columns:254px minmax(0,1fr)}.sidebar{min-height:100vh;border-right:1px solid #0a1b31;background:#102845;padding:18px 14px;display:flex;flex-direction:column}.brand{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:18px;height:82px;margin-bottom:0;box-sizing:border-box}.brand img{width:170px;height:auto;max-height:none;object-fit:contain;display:block}.brand-dark,html[data-theme=dark] .brand-light{display:none}html[data-theme=dark] .brand-dark{display:block}.brand small{color:#c6ddf3;font-size:12px;font-weight:400;line-height:1;text-align:center;width:100%}nav{display:grid;gap:6px}nav button{min-height:32px;width:100%;border-radius:5px;padding:0 10px;display:flex;gap:9px;align-items:center;justify-content:flex-start;color:#fff;font-size:13px;font-weight:400;text-decoration:none;background:#1d3f69;cursor:pointer}nav button svg{display:block;flex:0 0 auto;color:#c9dbef}.side-nav{display:grid;gap:6px;margin-top:0}.side-nav .nav-block{min-height:32px;color:#fff;font-weight:400;background:#1d3f69}nav button.active{background:#1d3f69;color:#fff;font-weight:400}.nav-group{display:grid;gap:2px;padding-left:16px}.nav-group button{min-height:28px;background:#19365c;color:#fff;font-size:12px;font-weight:400}.nav-group button:before{content:"";width:10px;height:1px;background:#8db4de;flex:0 0 auto}.nav-group button svg{color:#c9dbef}.sidebar-credit{margin-top:auto;padding:18px 8px 0;color:#c6ddf3;font-size:12px;line-height:1;text-align:center}.sidebar-credit span{display:block}.sidebar-credit span+span{margin-top:5px;white-space:nowrap}main{padding:20px 24px 32px;min-width:0}.topbar,.title-row,.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.topbar{margin-bottom:20px}.search-wrap{flex:1;min-width:190px;position:relative}.search{height:40px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted);display:flex;gap:10px;align-items:center;padding:0 12px;font-size:13px}.search input{flex:1;min-height:auto;border:0;border-radius:0;background:transparent;color:var(--text);padding:0;outline:0}.search-results{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow);overflow:hidden}.search-results button{width:100%;min-height:48px;border-radius:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);display:grid;gap:3px;justify-content:stretch;justify-items:start;padding:7px 12px}.search-results button:last-child{border-bottom:0}.search-results strong,.search-results span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-results strong{font-weight:400}.search-results span,.search-results p{color:var(--muted);font-size:12px}.search-results p{margin:0;padding:12px}.icon-button,.secondary,.panel-head button{background:var(--panel);border:1px solid var(--line);color:var(--text)}.icon-button{width:40px;padding:0}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-panel{width:min(440px,100%);padding:22px}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:22px}.login-brand img{width:116px;max-height:34px;object-fit:contain}.login-brand .icon-button{margin-left:auto}.form-grid,.compact-form{display:grid;gap:12px}.form-grid label{display:grid;gap:6px;color:var(--muted);font-size:13px;font-weight:400}.compact-form{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.compact-form button,.compact-form .span-2{grid-column:1 / -1}.status-strip{min-height:40px;border:1px solid var(--line);border-radius:8px;background:var(--panel);display:flex;align-items:center;gap:12px;padding:0 12px;margin-top:14px;font-size:13px;font-weight:800}.error-text{color:var(--red)}.success-text{color:var(--green)}.muted{margin:0;color:var(--muted);font-size:13px}.profile{display:flex;align-items:center;gap:10px}.profile>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--panel-2);font-weight:900}.profile strong,.profile small{display:block;line-height:1.2}.profile small,.title-row p,.metric span,.metric small,.list-row span{color:var(--muted)}h1{margin:0 0 4px;font-size:26px}h2{margin:0;font-size:16px}.actions{display:flex;gap:10px;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;margin:18px 0 14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.metric{min-height:112px;padding:18px;display:flex;gap:14px;align-items:center;position:relative}.metric-icon{width:44px;height:44px;border-radius:8px;display:grid;place-items:center}.metric strong{display:block;font-size:24px;margin:4px 0}.green{background:#16b75f2e;color:var(--green)}.blue{background:#2c7be52e;color:var(--blue)}.red{background:#e04f5f2e;color:var(--red)}.amber{background:#dd9b222e;color:var(--amber)}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:14px}.custom-dashboard{grid-template-columns:repeat(4,minmax(150px,1fr));margin-top:18px}.custom-dashboard>.panel:not(.wide){grid-column:span 2}.custom-dashboard>.wide{grid-column:1 / -1}.dashboard-card{cursor:grab}.dashboard-card:active{cursor:grabbing}.dashboard-grip{color:var(--muted);flex:0 0 auto}.metric .dashboard-grip{position:absolute;top:10px;right:10px}.panel-head h2{display:inline-flex;align-items:center;gap:6px}.split-tables{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(320px,1fr));gap:14px}.split-tables .panel{overflow-x:auto}.check-row{min-height:38px;border:1px solid var(--line);border-radius:8px;color:var(--text);display:flex;gap:8px;align-items:center;padding:0 11px;font-size:13px}.check-row input{width:auto;min-height:auto}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.row-actions button{min-height:30px;padding:0 10px}.danger{color:var(--red)}.panel{padding:16px;min-height:284px}.wide{grid-column:1 / -1;min-height:240px;overflow-x:auto}.bars,.stack{display:grid;gap:12px;margin-top:16px}.slim-list{margin-top:14px}.bar-row{display:grid;grid-template-columns:130px minmax(90px,1fr) 44px;gap:10px;align-items:center;font-size:13px}.bar-row div{height:12px;border-radius:999px;background:var(--panel-2);overflow:hidden}.bar-row i{display:block;height:100%;border-radius:inherit;background:var(--green)}.list-row{min-height:58px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--panel) 88%,var(--panel-2) 12%)}.thumb{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;background:var(--panel-2);font-weight:900}.list-row strong,.list-row span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row span{font-size:12px;margin-top:3px}em{min-height:24px;border-radius:999px;padding:4px 8px;font-style:normal;font-size:11px;font-weight:900}.in{background:#16b75f29;color:var(--green)}.out{background:#e04f5f29;color:var(--red)}table{width:100%;min-width:720px;border-collapse:collapse;margin-top:12px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);font-size:13px}th{color:var(--muted);font-size:12px}@media(max-width:980px){.app-shell{grid-template-columns:84px minmax(0,1fr)}.brand img,.brand small,nav button{font-size:0}nav button{justify-content:center}.metrics,.dashboard-grid{grid-template-columns:1fr}.custom-dashboard>.metric,.custom-dashboard>.panel,.custom-dashboard>.wide{grid-column:1 / -1}}@media(max-width:680px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}main{padding:14px}.topbar,.title-row{align-items:stretch;flex-direction:column}.profile{display:none}.actions button{flex:1}.compact-form{grid-template-columns:1fr}}