:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e8eef8;--tx:#1d1d1f;--mu:#3c3c43bf;--ac:#007aff;--act:#0a5fd0;--ok:#1f8a3b;--wn:#a85a00;--er:#d70015;--ln:#3c3c4324;--f-green:#34c759;--f-blue:#007aff;--f-orange:#ff9500;--f-purple:#af52de;--f-red:#ff3b30;--grad:linear-gradient(135deg, #22d3ee, #6366f1 55%, #d946ef);--grad-v:linear-gradient(180deg, #d946ef, #6366f1 50%, #22d3ee);--g-from:#ffffffbd;--g-to:#ffffff61;--g-border:#fffc;--g-inset:#ffffffe6;--g-shadow:#2832781a;--g-flat:#ffffff8c;--g-dense-from:#ffffffe6;--g-dense-to:#ffffffb8;--sidebar:#ffffff52;--hover:#fff6;--press:#0000000d;--fill:#7676801f;--fill-2:#76768029;--thumb:#fff;--switch-off:#78788038;--chev:#3c3c4359;--scrim:#14182847;--nav-pill:#007aff1f;--pill:#fff;--btn-bg:#1d1d1f;--btn-bg-hover:#3a3a3c;--btn-tx:#fff;--btn-shadow:0 6px 16px #0000002e;--r-window:26px;--r-card:22px;--r-ctl:12px;--r-pill:99px;--gap:14px;--pad-page:26px;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", Inter, system-ui, sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1320;--tx:#f5f5f7;--mu:#ebebf59e;--ac:#0a84ff;--act:#5aa9ff;--ok:#30d158;--wn:#ffb340;--er:#ff6961;--ln:#ebebf51f;--f-green:#30d158;--f-blue:#0a84ff;--f-orange:#ff9f0a;--f-purple:#bf5af2;--f-red:#ff453a;--g-from:#2c3244b8;--g-to:#1c202e80;--g-border:#ffffff1a;--g-inset:#ffffff14;--g-shadow:#00000059;--g-flat:#ffffff0d;--g-dense-from:#2c3244f0;--g-dense-to:#1e2230e0;--sidebar:#ffffff08;--hover:#ffffff0f;--press:#ffffff14;--fill:#7676803d;--fill-2:#76768052;--thumb:#636366;--switch-off:#7878805c;--chev:#ebebf54d;--scrim:#00000080;--nav-pill:#0a84ff33;--pill:#ffffff1a;--btn-bg:#f5f5f7;--btn-bg-hover:#fff;--btn-tx:#1d1d1f;--btn-shadow:0 6px 16px #00000073}.g{background:linear-gradient(135deg, var(--g-from), var(--g-to));-webkit-backdrop-filter:blur(30px)saturate(180%);backdrop-filter:blur(30px)saturate(180%);border:1px solid var(--g-border);border-radius:var(--r-card);box-shadow:0 8px 30px var(--g-shadow), inset 0 1px 0 var(--g-inset)}.g-flat{background:var(--g-flat);border:1px solid var(--g-border);border-radius:var(--r-card);box-shadow:0 4px 18px var(--g-shadow), inset 0 1px 0 var(--g-inset)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.g{background:var(--g-dense-from)}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--tx);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:15px;line-height:1.4}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}:focus-visible{outline-offset:2px;border-radius:10px;outline:3px solid #007aff8c}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.kpi-grid{gap:var(--gap);margin-bottom:var(--gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (width<=1100px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=420px){.kpi-grid{gap:10px}}.card{padding:18px 20px}.kpi{cursor:default;padding:16px}.kpi-ic{color:#fff;border-radius:10px;place-items:center;width:36px;height:36px;margin-bottom:14px;display:grid}.kpi-label{color:var(--mu);font-size:13px;font-weight:600}.kpi-value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:1.15}.kpi-delta{margin-top:2px;font-size:13px;font-weight:600}@media (width<=420px){.kpi-value{font-size:24px}}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.card-title{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:600}.card-sub{color:var(--mu);margin:2px 0 0;font-size:13px}.seg{background:var(--fill);border-radius:10px;padding:2px;display:inline-flex}.seg button{border-radius:8px;min-width:64px;min-height:32px;padding:0 12px;font-size:13px;font-weight:500;position:relative}.seg button[aria-pressed=true]{font-weight:600}.seg button span{z-index:1;position:relative}.seg-thumb{background:var(--thumb);border-radius:8px;position:absolute;inset:0;box-shadow:0 3px 8px #0000001f,0 0 0 .5px #0000000a}.chart{align-items:flex-end;gap:10px;height:220px;padding-top:10px;display:flex}.bar-col{flex-direction:column;flex:1;align-items:center;gap:8px;min-width:0;height:100%;display:flex}.bar-track{flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex}.bar{background:var(--grad-v);background-position:bottom;background-size:100% 220px;border-radius:9px 9px 5px 5px;width:100%;max-width:44px;box-shadow:0 6px 16px #6366f138}.bar-label{color:var(--mu);font-size:12px;font-weight:500}@media (width<=760px){.chart{gap:6px;height:180px}}.list{padding:4px 0;overflow:hidden}.list-group-label{color:var(--mu);text-transform:uppercase;letter-spacing:.04em;margin:18px 4px 8px;font-size:13px;font-weight:600}.list-group-label:first-child{margin-top:0}.row{text-align:left;align-items:center;gap:12px;width:100%;min-height:60px;padding:10px 16px;display:flex;position:relative}.row+.row:before{content:"";border-top:1px solid var(--ln);position:absolute;top:0;left:64px;right:0}.row.no-avatar+.row.no-avatar:before{left:16px}button.row:hover{background:var(--hover)}button.row:active{background:var(--press)}.avatar{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:grid}.row-main{flex:1;min-width:0}.row-title{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.row-sub{color:var(--mu);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.row-end{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.row-amount{font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.chev{color:var(--chev);flex-shrink:0}.status{align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.status.ok{color:var(--ok)}.status.wn{color:var(--wn)}.status.er{color:var(--er)}.status.in{color:var(--act)}.status.mu{color:var(--mu)}.inv-row .row-main{flex-direction:column;gap:6px;display:flex}.inv-meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.progress{border-radius:var(--r-pill);background:var(--fill-2);height:6px;overflow:hidden}.progress>div{border-radius:inherit;height:100%}.empty{text-align:center;color:var(--mu);padding:28px 16px;font-size:14px}.switch-row{margin-bottom:var(--gap);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.switch-row>div:first-child{min-width:0}.switch-row .row-sub{white-space:normal}.switch{border-radius:var(--r-pill);background:var(--switch-off);flex-shrink:0;width:51px;height:31px;padding:2px;transition:background-color .2s;display:flex}.switch[aria-checked=true]{background:var(--f-green);justify-content:flex-end}.switch-knob{background:#fff;border-radius:50%;width:27px;height:27px;box-shadow:0 3px 8px #00000026,0 1px 1px #00000029}.switch{position:relative}.switch:after{content:"";position:absolute;inset:-7px -4px}.backdrop{z-index:50;background:var(--scrim);position:fixed;inset:0}.sheet{z-index:51;width:min(560px,100%);padding:8px 20px calc(20px + env(safe-area-inset-bottom));background:linear-gradient(135deg, var(--g-dense-from), var(--g-dense-to));border-radius:26px 26px 0 0;margin-left:max(-280px,-50%);position:fixed;bottom:0;left:50%}@media (width>=761px){.sheet{border-radius:26px;bottom:24px}}.grabber{background:var(--chev);border-radius:3px;width:36px;height:5px;margin:0 auto 14px}.sheet-head{align-items:center;gap:12px;margin-bottom:16px;display:flex}.sheet-title{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700}.detail-list{margin:0 0 18px;padding:4px 0}.detail-list>div{justify-content:space-between;gap:16px;padding:12px 16px;display:flex}.detail-list>div+div{border-top:1px solid var(--ln)}.detail-list dt{color:var(--mu);font-size:14px}.detail-list dd{text-align:right;margin:0;font-size:14px;font-weight:600}.btn-primary{background:var(--btn-bg);width:100%;min-height:50px;color:var(--btn-tx);box-shadow:var(--btn-shadow);border-radius:14px;font-size:16px;font-weight:600;transition:background-color .15s,transform .1s}.btn-primary:not(:disabled):hover{background:var(--btn-bg-hover)}.btn-primary:not(:disabled):active{transform:scale(.98)}.skel{background:linear-gradient(90deg,#7676801a 0%,#76768033 50%,#7676801a 100%) 0 0/200% 100%;border-radius:8px;animation:1.3s ease-in-out infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skel{animation:none}.switch{transition:none}}.icon-btn{width:44px;height:44px;color:var(--tx);border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden}.icon-btn:hover{background:var(--hover)}.icon-btn svg{display:block}.theme-btn>span{place-items:center;display:grid}.theme-btn .sun{color:#ff9f0a}.theme-btn .moon{color:#8e9cff}.theme-anim,.theme-anim *,.theme-anim :before,.theme-anim :after{transition:background-color .35s,border-color .35s,color .35s,box-shadow .35s,fill .35s!important}@media (prefers-reduced-motion:reduce){.theme-anim,.theme-anim *{transition:none!important}}.btn-add{border-radius:var(--r-ctl);background:var(--btn-bg);height:38px;color:var(--btn-tx);white-space:nowrap;box-shadow:var(--btn-shadow);align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:600;transition:background-color .15s;display:inline-flex;position:relative}.btn-add:after{content:"";position:absolute;inset:-3px}.btn-add:hover{background:var(--btn-bg-hover)}.btn-add:active{transform:scale(.97)}.form{flex-direction:column;gap:14px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=420px){.form-grid{grid-template-columns:1fr}}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field label{color:var(--mu);font-size:13px;font-weight:600}.field input,.field select{border-radius:var(--r-ctl);border:1px solid var(--ln);background:var(--fill);width:100%;min-height:44px;color:var(--tx);font:inherit;appearance:none;outline:none;padding:0 12px;font-size:16px}.field select{background-image:linear-gradient(45deg, transparent 50%, var(--mu) 50%), linear-gradient(135deg, var(--mu) 50%, transparent 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px;padding-right:34px}.field input:focus,.field select:focus{border-color:var(--ac);box-shadow:0 0 0 3px #007aff40}.field input:read-only{color:var(--mu)}.field.has-error input,.field.has-error select{border-color:var(--er)}.field-error{color:var(--er);font-size:13px;font-weight:600}.field-hint{color:var(--mu);font-size:13px}.form-error{border-radius:var(--r-ctl);color:var(--er);background:#ff3b301f;padding:10px 12px;font-size:14px;font-weight:600}.form-actions{grid-template-columns:1fr 2fr;gap:10px;margin-top:4px;display:grid}.btn-secondary{background:var(--fill);min-height:50px;color:var(--tx);border-radius:14px;font-size:16px;font-weight:600}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:default}.sheet{max-height:calc(100vh - 24px);overflow-y:auto}.status-picker{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.status-picker button{border-radius:var(--r-pill);background:var(--fill);min-height:36px;color:var(--tx);padding:0 12px;font-size:13px;font-weight:600;position:relative}.status-picker button:after{content:"";position:absolute;inset:-4px 0}.status-picker button[aria-pressed=true]{background:var(--btn-bg);color:var(--btn-tx)}.status-picker button:disabled{opacity:.6}.login-stage{place-items:center;min-height:100vh;padding:24px 12px;display:grid;position:relative}.login-theme{position:absolute;top:16px;right:16px}.login-card{border-radius:var(--r-window);width:min(400px,100%);padding:32px 24px 24px}.login-logo{height:auto;margin:0 auto 14px;display:block}.login-title{text-align:center;letter-spacing:-.02em;margin:0;font-size:24px;font-weight:700}.shell{align-items:flex-start;gap:16px;max-width:1480px;min-height:100vh;margin:0 auto;padding:16px;display:flex}.side{border-radius:var(--r-window);flex-shrink:0;width:264px;height:calc(100vh - 32px);padding:16px 14px;transition:width .28s cubic-bezier(.2,.8,.2,1),padding .28s;position:sticky;top:16px;overflow:hidden auto}.is-collapsed .side{width:84px;padding:16px 12px}.side-inner{flex-direction:column;gap:6px;display:flex}.side-head{justify-content:space-between;align-items:center;gap:8px;padding:2px 2px 12px;display:flex}.brand{letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.brand-logo{flex-shrink:0;width:34px;height:auto;display:block}.round-btn{width:40px;height:40px;color:var(--tx);background:var(--g-flat);border:1px solid var(--g-border);box-shadow:0 2px 8px var(--g-shadow);border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative}.round-btn:after{content:"";border-radius:50%;position:absolute;inset:-2px}.round-btn:hover{background:var(--hover)}.collapse-btn svg{transition:transform .28s}.is-collapsed .collapse-btn svg{transform:rotate(180deg)}.ws-card{border-radius:18px;align-items:center;gap:12px;margin-bottom:10px;padding:12px;display:flex}.ws-tile{background:var(--grad);color:#fff;border-radius:11px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:grid}.section-label{color:var(--mu);text-transform:uppercase;letter-spacing:.06em;padding:8px 12px 6px;font-size:12px;font-weight:600}.side-nav{flex-direction:column;gap:4px;display:flex}.nav-item{min-height:48px;color:var(--tx);border-radius:14px;align-items:center;gap:12px;width:100%;padding:0 14px;font-size:15px;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-item .nav-ic{z-index:1;color:var(--mu);place-items:center;display:grid;position:relative}.nav-item .nav-label{z-index:1;white-space:nowrap;position:relative}.nav-item.active{font-weight:600}.nav-item.active .nav-ic{color:var(--ac)}.nav-item:not(.active):hover{background:var(--hover)}.nav-pill{background:var(--pill);box-shadow:0 4px 14px var(--g-shadow), inset 0 1px 0 var(--g-inset);border-radius:14px;position:absolute;inset:0}.is-mini .side-head{flex-direction:column;padding-bottom:10px}.is-mini .ws-card{justify-content:center;padding:8px}.is-mini .nav-item{justify-content:center;padding:0}.main-col{flex-direction:column;flex:1;gap:16px;min-width:0;display:flex}.topbar-wrap{z-index:40;position:sticky;top:16px}.topbar{border-radius:24px;align-items:center;gap:12px;min-height:72px;padding:10px 12px 10px 24px;display:flex}.topbar-title{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:18px;font-weight:700;overflow:hidden}.burger-btn{display:none}.topbar-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.square-btn{width:46px;height:46px;color:var(--tx);background:var(--g-flat);border:1px solid var(--g-border);box-shadow:0 2px 8px var(--g-shadow);border-radius:15px;flex-shrink:0;place-items:center;display:grid;position:relative}.square-btn:hover{background:var(--hover)}.badge{border-radius:var(--r-pill);background:var(--f-red);color:#fff;text-align:center;min-width:18px;height:18px;box-shadow:0 0 0 2px var(--bg);padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:5px;right:5px}.user-btn{border-radius:var(--r-pill);text-align:left;align-items:center;gap:12px;min-height:52px;padding:4px 14px 4px 4px;display:flex}.user-btn:hover{background:var(--hover)}.user-avatar{color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#5b6cff,#8b5cf6);border-radius:50%;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:15px;font-weight:700;display:grid;box-shadow:0 4px 12px #6366f159}.user-avatar.lg{width:52px;height:52px;font-size:17px}.user-meta{flex-direction:column;min-width:0;line-height:1.25;display:flex}.user-name{white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:15px;font-weight:700;overflow:hidden}.user-role{color:var(--mu);font-size:13px}.pop{background:linear-gradient(135deg, var(--g-dense-from), var(--g-dense-to));transform-origin:100% 0;border-radius:20px;width:min(360px,100vw - 24px);max-height:min(440px,100vh - 120px);padding:8px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.pop-user{width:min(300px,100vw - 24px)}.pop-head{color:var(--mu);text-transform:uppercase;letter-spacing:.06em;padding:8px 10px;font-size:12px;font-weight:600}.note-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.note{color:var(--tx);border-radius:14px;align-items:flex-start;gap:12px;padding:10px;text-decoration:none;display:flex}.note:hover{background:var(--hover)}.note-ic{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.pop-profile{border-bottom:1px solid var(--ln);align-items:center;gap:12px;margin-bottom:6px;padding:12px 10px 14px;display:flex}.role-chip{border-radius:var(--r-pill);background:var(--nav-pill);color:var(--act);margin-top:6px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-block}.pop-action{border-radius:12px;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 12px;font-size:15px;font-weight:600;display:flex}.pop-action:hover{background:var(--hover)}.pop-action.danger{color:var(--er)}.main{min-width:0;padding:4px 6px 24px}.page-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.page-title{letter-spacing:-.03em;margin:0;font-size:30px;font-weight:700}.page-sub{color:var(--mu);margin:2px 0 0;font-size:14px}.head-actions{align-items:center;gap:10px;display:flex}.search{border-radius:var(--r-ctl);background:var(--fill);width:240px;height:38px;color:var(--mu);align-items:center;gap:8px;padding:0 12px;display:flex}.search input{min-width:0;font:inherit;color:var(--tx);background:0 0;border:0;outline:0;flex:1;font-size:14px}.search:focus-within{box-shadow:0 0 0 3px #007aff59}.drawer-scrim{z-index:59;background:var(--scrim);position:fixed;inset:0}.drawer{z-index:60;border-radius:var(--r-window);background:linear-gradient(135deg, var(--g-dense-from), var(--g-dense-to));width:min(300px,100vw - 48px);padding:16px 14px;position:fixed;top:12px;bottom:12px;left:12px;overflow-y:auto}@media (width<=760px){.shell{padding:12px;display:block}.side{display:none}.main-col{gap:14px}.topbar-wrap{top:12px}.topbar{border-radius:22px;min-height:64px;padding:8px 10px}.burger-btn{width:44px;height:44px;display:grid}.topbar-title{display:none}.topbar-actions{gap:6px}.square-btn{border-radius:14px;width:44px;height:44px}.user-btn{min-height:44px;padding:0}.user-meta{display:none}.user-avatar{width:44px;height:44px}.main{padding:0 0 24px}.search{display:none}.page-title{font-size:28px}}@media (width<=360px){.topbar .theme-btn{display:none}}
