body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Inter;font-weight:400;font-style:normal;src:url(/assets/Inter_18pt-Regular-BpskOkD5.ttf) format("truetype")}@font-face{font-family:Inter;font-weight:500;font-style:normal;src:url(/assets/Inter_18pt-Medium-BtfNrkJj.ttf) format("truetype")}@font-face{font-family:Inter;font-weight:600;font-style:normal;src:url(/assets/Inter_18pt-SemiBold-C9_sHzqi.ttf) format("truetype")}@font-face{font-family:Inter;font-weight:700;font-style:normal;src:url(/assets/Inter_18pt-Bold-BVTOCPiq.ttf) format("truetype")}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f5f7;--surface:#ffffff;--surface2:#fbfbfd;--border:rgba(0,0,0,.08);--border2:rgba(0,0,0,.12);--text:#1d1d1f;--text2:#6e6e73;--text3:#aeaeb2;--accent:#16A34A;--accent-hover:#15803D;--accent-bg:rgba(22,163,74,.08);--teal:#16A34A;--teal-bg:rgba(22,163,74,.1);--amber:#ff9f0a;--amber-bg:rgba(255,159,10,.1);--red:#ff3b30;--red-bg:rgba(255,59,48,.1);--blue:#007aff;--blue-bg:rgba(0,122,255,.1);--purple:#af52de;--purple-bg:rgba(175,82,222,.1);--navy:#0F172A;--navy2:#1E293B;--shadow-sm:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--shadow:0 4px 16px rgba(0,0,0,.08),0 1px 4px rgba(0,0,0,.04);--shadow-lg:0 12px 40px rgba(0,0,0,.12),0 4px 12px rgba(0,0,0,.06);--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:20px;--ease:cubic-bezier(.25,.46,.45,.94);--ease-spring:cubic-bezier(.34,1.56,.64,1);--ease-out:cubic-bezier(0,0,.2,1);--font:"Plus Jakarta Sans","Inter",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--font-mono:"SF Mono","Fira Code","DM Mono",monospace}[data-dark="1"]{--bg:#000000;--surface:#1c1c1e;--surface2:#2c2c2e;--border:rgba(255,255,255,.1);--border2:rgba(255,255,255,.15);--text:#f5f5f7;--text2:#98989d;--text3:#636366;--accent:#22C55E;--accent-hover:#16A34A;--accent-bg:rgba(34,197,94,.15);--teal:#22C55E;--teal-bg:rgba(34,197,94,.12);--amber:#ff9f0a;--amber-bg:rgba(255,159,10,.12);--red:#ff453a;--red-bg:rgba(255,69,58,.12);--blue:#0a84ff;--blue-bg:rgba(10,132,255,.12);--purple:#bf5af2;--purple-bg:rgba(191,90,242,.12);--navy:#22C55E;--navy2:#16A34A;--shadow-sm:0 1px 3px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2);--shadow:0 4px 16px rgba(0,0,0,.4),0 1px 4px rgba(0,0,0,.2);--shadow-lg:0 12px 40px rgba(0,0,0,.5),0 4px 12px rgba(0,0,0,.3)}body{font-family:var(--font);background:var(--bg);color:var(--text);height:100vh;display:flex;flex-direction:column;overflow:hidden;font-size:14px;-webkit-font-smoothing:antialiased;transition:background .55s var(--ease),color .55s var(--ease)}header{background:#0f172a;-webkit-backdrop-filter:saturate(180%) blur(20px);padding:0 20px;height:52px;display:flex;align-items:center;gap:12px;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.08);position:relative;z-index:100;overflow:visible;transition:background .55s var(--ease)}[data-dark="1"] header{background:#1c1c1ed9;border-bottom-color:#ffffff0f}.hmark{width:28px;height:28px;background:var(--teal);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #16a34a59}.hmark svg{width:20px;height:20px}.hname{font-size:13px;font-weight:600;color:#fffffff2;letter-spacing:-.01em}.hdept{font-size:10px;color:#fff6;margin-top:1px;letter-spacing:.01em}.hdot{width:6px;height:6px;border-radius:50%;background:#fff3;flex-shrink:0;transition:background .4s var(--ease)}.hdot.ok{background:#30d158;box-shadow:0 0 6px #30d15880}.hdot.err{background:#ff453a;box-shadow:0 0 6px #ff453a80}.hdot.syncing{background:#ff9f0a;animation:pulse .9s var(--ease) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.hright{display:flex;gap:8px;align-items:center}.hbtn{padding:5px 13px;border-radius:20px;font-size:11px;font-weight:500;font-family:var(--font);cursor:pointer;border:1px solid rgba(255,255,255,.16);background:#ffffff14;color:#ffffffd1;transition:all .25s var(--ease-spring);letter-spacing:.01em;position:relative;overflow:hidden}.hbtn:hover{background:#ffffff29;color:#fff;border-color:#ffffff40;transform:translateY(-1px)}.hbtn:active{transform:scale(.95)}.hbtn.acc{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600;box-shadow:0 2px 8px #16a34a59}.hbtn.acc:hover{background:var(--accent-hover);box-shadow:0 4px 14px #16a34a80}.hbtn.acc:active{transform:scale(.96)}.tgl{width:36px;height:20px;border-radius:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);cursor:pointer;position:relative;flex-shrink:0;transition:background .25s var(--ease);padding:0}.tgl:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:8px;line-height:15px;text-align:center;transition:transform .5s var(--ease-spring);box-shadow:0 1px 4px #0003}[data-dark="1"] .tgl{background:#0a84ff4d;border-color:#0a84ff66}[data-dark="1"] .tgl:after{transform:translate(16px);content:""}.avatar-btn{width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;font-size:11px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s var(--ease-spring);box-shadow:0 2px 8px #16a34a4d}.avatar-btn:hover{transform:scale(1.08);box-shadow:0 4px 12px #0071e366}.avatar-dropdown{position:absolute;right:0;top:38px;width:200px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;z-index:9999;box-shadow:var(--shadow-lg);animation:dropIn .2s ease-out}.right{flex:1;display:flex;flex-direction:column;width:100%;overflow:hidden;background:var(--bg);transition:background .55s var(--ease)}.right-header{flex-shrink:0;display:flex;flex-direction:column;position:relative;z-index:20}.tabbar{display:flex;background:#0f172a;border-bottom:1px solid rgba(255,255,255,.06);padding:0 20px;flex-shrink:0;transition:background .55s var(--ease),border-color .3s var(--ease)}[data-dark="1"] .tabbar{background:#1c1c1ed9;border-bottom-color:#ffffff0a}.tab{padding:14px 16px 12px;font-size:14px;font-weight:500;color:#fff6;cursor:pointer;border:none;background:transparent;border-bottom:2px solid transparent;transition:color .25s var(--ease),border-color .3s var(--ease-spring),transform .2s var(--ease-spring);display:flex;align-items:center;gap:5px;white-space:nowrap;letter-spacing:-.01em;font-family:var(--font)}.tab:hover{color:#ffffffb3}.tab:active{transform:scale(.97)}.tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.tbadge{background:var(--red-bg);color:var(--red);border:1px solid rgba(255,59,48,.2);border-radius:10px;font-size:9px;font-family:var(--font-mono);padding:1px 5px;font-weight:600}.search-bar{padding:10px 20px 8px;display:flex;gap:10px;align-items:center;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;transition:background .55s var(--ease),border-color .3s var(--ease);flex-wrap:wrap;animation:slideIn .3s ease-out}.search-wrap{flex:1;position:relative;max-width:340px}.search-wrap svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;fill:none;stroke:var(--text3);stroke-width:2}.search-inp{width:100%;padding:7px 10px 7px 32px;border-radius:10px;border:1.5px solid var(--border2);background:var(--bg);color:var(--text);font-family:var(--font);font-size:12px;outline:none;transition:all .3s var(--ease)}.search-inp::placeholder{color:var(--text3)}.search-inp:focus{border-color:var(--accent);box-shadow:0 0 0 3px #16a34a1a;background:var(--surface)}.filter-sel{padding:6px 10px;border-radius:10px;border:1.5px solid var(--border2);background:var(--bg);color:var(--text);font-family:var(--font);font-size:11px;outline:none;cursor:pointer;transition:all .25s var(--ease)}.filter-sel:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.search-count{font-size:10px;color:var(--text3);white-space:nowrap}.stats-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 20px;flex-shrink:0;background:var(--surface);border-bottom:1px solid var(--border);transition:background .55s var(--ease),border-color .55s var(--ease)}.stats-bar.hidden{display:none}.sc{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;box-shadow:var(--shadow-sm);transition:transform .35s var(--ease-spring),box-shadow .35s var(--ease),background .4s var(--ease),border-color .3s var(--ease);cursor:default}.sc:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.sn{font-size:22px;font-weight:700;font-family:var(--font-mono);letter-spacing:-.02em}.sl{font-size:10px;color:var(--text2);margin-top:3px;font-weight:500}.sc.cr .sn{color:var(--red)}.sc.ca .sn{color:var(--amber)}.sc.cb .sn{color:var(--blue)}.sc.cg .sn{color:var(--teal)}.sc.cn .sn{color:var(--navy)}[data-dark="1"] .sc.cn .sn{color:var(--accent)}.tc{flex:1;overflow-y:auto;overflow-x:auto;padding:0 20px 20px;scrollbar-width:thin;scrollbar-color:var(--border) transparent;scroll-behavior:smooth}.pane{display:none;animation:fadeSlideIn .3s var(--ease-out);margin-top:12px}.pane.active{display:block}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tw{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:visible;box-shadow:var(--shadow-sm);transition:background .55s var(--ease),border-color .3s var(--ease)}table{width:100%;border-collapse:separate;border-spacing:0;font-size:11px}th{text-align:left;padding:11px 14px;font-size:11px;font-weight:600;color:#ffffffe6;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap;font-family:var(--font-mono);position:sticky;top:0;background:#0f172a;border-radius:0;z-index:10;-webkit-user-select:none;user-select:none}th:first-child{border-radius:10px 0 0}th:last-child{border-radius:0 10px 0 0}[data-dark="1"] th{background:#1c1c1e;color:#ffffffd9;border-bottom-color:#ffffff14}td{padding:9px 12px;border-bottom:1px solid rgba(0,0,0,.04);vertical-align:middle;color:var(--text);line-height:1.4;transition:background .15s var(--ease);position:relative;background:var(--surface)}[data-dark="1"] td{border-bottom-color:#ffffff0a}tr:last-child td{border-bottom:none}tr:hover td{background:#007aff08}[data-dark="1"] tr:hover td{background:#0a84ff0d}.rr td:first-child{border-left:3px solid var(--red)}.ra td:first-child{border-left:3px solid var(--amber)}.rg td:first-child{border-left:3px solid var(--teal)}.pill{display:inline-flex;align-items:center;padding:3px 9px;border-radius:20px;font-size:10px;font-weight:600;white-space:nowrap;font-family:var(--font-mono);letter-spacing:.01em;border:none;cursor:pointer;transition:all .25s var(--ease-spring)}.pill.red{background:var(--red-bg);color:var(--red)}.pill.amber{background:var(--amber-bg);color:var(--amber)}.pill.blue{background:var(--blue-bg);color:var(--blue)}.pill.green{background:var(--teal-bg);color:var(--teal)}.pill.gray{background:var(--surface2);color:var(--text2);border:1px solid var(--border2)}.pill:hover{filter:brightness(1.1);transform:scale(1.05)}.pill:active{transform:scale(.93)}.mono{font-family:var(--font-mono);font-size:10px;color:var(--text2)}.del-btn{background:none;border:none;cursor:pointer;color:var(--text3);font-size:15px;padding:0 4px;line-height:1;transition:color .2s var(--ease),transform .2s var(--ease-spring)}.del-btn:hover{color:var(--red);transform:scale(1.15)}.del-btn:active{transform:scale(.9)}.inv-row-low td:first-child{border-left:3px solid var(--red)}.cat-tog{display:flex;gap:2px;padding:3px;border:1.5px solid var(--border2);background:var(--surface2);border-radius:8px;overflow:hidden;flex-shrink:0}.cat-btn{padding:6px 14px;font-size:11px;font-weight:500;font-family:var(--font);border-radius:8px;border:none;cursor:pointer;background:var(--surface);color:var(--text2);transition:all .25s var(--ease-spring)}.cat-btn:active{transform:scale(.95)}.cat-btn.active{background:var(--surface);color:var(--text);font-weight:600;box-shadow:0 1px 3px #0000001a}[data-dark="1"] .cat-btn.active{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #0000004d}.rep-bar{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.rsel{padding:7px 11px;border-radius:10px;border:1.5px solid var(--border2);background:var(--surface);color:var(--text);font-family:var(--font);font-size:12px;cursor:pointer;outline:none;transition:all .3s var(--ease)}.rsel:focus{border-color:var(--accent)}.rbtn{padding:7px 15px;border-radius:10px;border:1.5px solid var(--border2);background:var(--surface);color:var(--text);font-family:var(--font);font-size:12px;cursor:pointer;font-weight:600;transition:all .25s var(--ease-spring)}.rbtn:hover{background:var(--surface2);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.rbtn:active{transform:scale(.95)}.rbtn.pri{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 8px #16a34a4d}.rbtn.pri:hover{background:var(--accent-hover)}#rep-out{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;min-height:160px;box-shadow:var(--shadow-sm)}#rep-out h3{font-size:16px;font-weight:700;margin-bottom:4px;letter-spacing:-.02em}#rep-out .rep-sub{font-size:11px;color:var(--text2);margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--border)}.rep-total{font-weight:700;color:var(--teal);font-family:var(--font-mono)}@media print{header,.right-header,.rep-bar{display:none!important}#rep-out{border:none;box-shadow:none}}tbody tr{transition:background .2s var(--ease);opacity:0;animation:rowIn .25s ease-out forwards}tbody tr:nth-child(1){animation-delay:.02s}tbody tr:nth-child(2){animation-delay:.04s}tbody tr:nth-child(3){animation-delay:.06s}tbody tr:nth-child(4){animation-delay:.08s}tbody tr:nth-child(5){animation-delay:.1s}tbody tr:nth-child(6){animation-delay:.12s}tbody tr:nth-child(7){animation-delay:.14s}tbody tr:nth-child(8){animation-delay:.16s}tbody tr:nth-child(n+9){animation-delay:.18s}@keyframes rowIn{0%{opacity:0}to{opacity:1}}.stats-bar .sc{opacity:0;animation:cardIn .4s ease-out forwards}.stats-bar .sc:nth-child(1){animation-delay:.05s}.stats-bar .sc:nth-child(2){animation-delay:.1s}.stats-bar .sc:nth-child(3){animation-delay:.15s}@keyframes cardIn{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes expandIn{0%{opacity:0;transform:scaleY(.9)}to{opacity:1;transform:scaleY(1)}}.inv-row-action td{animation:expandIn .25s ease-out}