:root{--bg: #ffffff;--text: #0d0d0d;--mut: #6b6b6b;--surf: #f4f4f4;--line: #e5e5e5;--line2: #d4d4d4;--soft: #ebebeb;--inv: #0d0d0d;--invText: #ffffff;--invMut: rgba(255, 255, 255, .72);color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #0d0d0d;--text: #ececec;--mut: #9b9b9b;--surf: #171717;--line: #2f2f2f;--line2: #3a3a3a;--soft: #2c2c2c;--inv: #ececec;--invText: #0d0d0d;--invMut: rgba(13, 13, 13, .66);color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--surf);color:var(--text);font:14px/1.4 Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}.app{display:flex;flex-wrap:wrap;min-height:100vh}.side{flex:1 1 232px;max-width:256px;background:var(--bg);border-right:1px solid var(--line);padding:18px 12px 16px;display:flex;flex-direction:column;gap:2px}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 6px}.grp{padding:12px 12px 4px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--mut)}.nav{height:38px;padding:0 12px;border-radius:12px;display:flex;align-items:center;gap:10px;font-weight:600;font-size:13.5px}.nav:hover{background:var(--surf)}.nav.on{background:var(--inv);color:var(--invText);font-weight:700}.badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--inv);color:var(--invText);font-size:11px;font-weight:800;display:grid;place-items:center}.nav.on .badge{background:var(--bg);color:var(--text)}.main{flex:999 1 640px;min-width:0;padding:22px 28px 40px;display:flex;flex-direction:column;gap:16px}.head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.head h1{margin:0;font-size:24px;font-weight:800}.sub{display:block;font-size:13px;color:var(--mut);margin-top:2px}.card{padding:16px;border-radius:20px;background:var(--bg)}.card.flush{padding:4px 0}.card h2{margin:0 0 10px;font-size:15px;font-weight:800}.grid-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.kpi{padding:16px;border-radius:20px;background:var(--bg)}.kpi b{display:block;font-size:26px;font-weight:800;padding:4px 0 2px}.kpi span{font-size:12px;color:var(--mut)}.kpi.inv{background:var(--inv);color:var(--invText)}.kpi.inv span{color:var(--invMut)}.split{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start}.split>.l{flex:999 1 520px;min-width:0;display:flex;flex-direction:column;gap:14px}.split>.r{flex:1 1 340px;max-width:460px;display:flex;flex-direction:column;gap:14px}.tbl{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px;min-width:640px}th{text-align:left;color:var(--mut);font-size:11.5px;font-weight:600;padding:10px 8px}td{padding:11px 8px;border-top:1px solid var(--line);vertical-align:middle}th:first-child,td:first-child{padding-left:16px}tr.sel td{background:var(--surf)}tr.click{cursor:pointer}tr.click:hover td{background:var(--surf)}.right{text-align:right}.btn{height:38px;padding:0 14px;border-radius:12px;border:1px solid var(--line2);background:var(--bg);display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}.btn.pri{background:var(--inv);color:var(--invText);border:0}.btn.ghost{border:0;background:transparent}.btn:disabled{opacity:.5;cursor:default}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pill{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:8px;font-size:11.5px;font-weight:800;white-space:nowrap;background:var(--soft)}.pill.solid{background:var(--inv);color:var(--invText)}.pill.outline{background:transparent;border:1px solid var(--text)}.pill.muted{background:transparent;color:var(--mut)}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{height:34px;padding:0 12px;border-radius:10px;border:0;background:var(--bg);font-size:12.5px;font-weight:600;cursor:pointer}.chip.on{background:var(--inv);color:var(--invText);font-weight:700}.kv{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}.kv span:first-child{color:var(--mut)}.kv span:last-child{font-weight:600;text-align:right}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:12.5px;color:var(--mut);font-weight:600}.input{height:40px;padding:0 12px;border-radius:12px;border:1px solid var(--line2);background:var(--bg);outline:none}.input:focus{border:2px solid var(--inv);padding:0 11px}textarea.input{height:auto;padding:10px 12px;resize:vertical}.muted{color:var(--mut)}.empty{padding:40px 16px;text-align:center;color:var(--mut)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:var(--inv);color:var(--invText);padding:12px 18px;border-radius:14px;font-weight:600;z-index:50}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#080a0c5c;display:grid;place-items:start center;padding-top:120px;z-index:40}.dialog{width:480px;max-width:calc(100% - 32px);background:var(--bg);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:14px;box-shadow:0 24px 80px #0000004d}.dialog h2{margin:0;font-size:20px}.seg{display:flex;padding:3px;gap:3px;border-radius:12px;background:var(--surf)}.seg button{flex:1;height:34px;border-radius:10px;border:0;background:transparent;font-weight:600;font-size:12.5px;cursor:pointer}.seg button.on{background:var(--bg);font-weight:800;box-shadow:0 1px 3px #0000001a}.switch{width:40px;height:24px;border-radius:12px;background:var(--line2);border:0;position:relative;cursor:pointer;flex:none}.switch:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:9px;background:var(--bg);transition:left .15s}.switch.on{background:var(--inv)}.switch.on:after{left:19px}.bar{flex:1;height:6px;border-radius:3px;background:var(--surf);min-width:90px}.bar>i{display:block;height:6px;border-radius:3px;background:var(--inv)}.docs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.doc{border-radius:14px;border:1px solid var(--line);overflow:hidden;cursor:zoom-in;background:var(--soft)}.doc img{width:100%;height:110px;object-fit:cover;display:block}.doc div{padding:8px 10px;display:flex;justify-content:space-between;font-size:12.5px}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login .card{width:100%;max-width:380px;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center}@media(max-width:720px){.main{padding:16px}.side{max-width:none;flex-basis:100%}}