:root{--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--radius-card:16px;--radius-ctl:10px;--radius-sm:6px;--radius-pill:999px;--sidebar-w:260px;--sidebar-w-collapsed:76px;--topbar-h:72px;--content-max:1440px;--gutter:20px;--ease:cubic-bezier(.2, .7, .2, 1);--t-fast:.15s;--t-med:.22s}:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-app:#f4f6f9;--bg-sidebar:#fff;--bg-card:#fff;--bg-card-hover:#f0f3f7;--bg-input:#f7f9fc;--bg-elevated:#fff;--border:#e3e8ef;--border-strong:#cfd6e0;--text-primary:#0f1722;--text-secondary:#5b6779;--text-muted:#94a0b2;--accent:#0fb892;--accent-hover:#0ca17f;--accent-soft:#0fb8921a;--accent-ring:#0fb89259;--on-accent:#fff;--success:#16a34a;--danger:#dc2626;--warning:#d97706;--info:#2563eb;--success-soft:#16a34a1f;--danger-soft:#dc26261f;--warning-soft:#d977061f;--info-soft:#2563eb1f;--neutral-soft:#5b67791f;--on-danger:#fff;--shadow-card:0 4px 16px #0f17220f;--shadow-pop:0 12px 32px #0f172224;--overlay:#0f17226b;--skeleton-base:#eaeef4;--skeleton-shine:#f6f8fb;--chart-grid:#0f17220f;--row-alert:#dc26260d;--row-warn:#d9770612;--login-glow-1:#0fb8922e;--login-glow-2:#2563eb1a;--doc-bg:#e9edf3;--scrollbar:#cfd6e0;--avatar-1:#0fb892;--avatar-2:#2563eb;--avatar-3:#7c3aed;--avatar-4:#d97706;--avatar-5:#db2777;--avatar-6:#0891b2;--avatar-7:#65a30d;--avatar-8:#dc2626;--on-avatar:#fff;--chart-1:#0fb892;--chart-2:#2563eb;--chart-3:#d97706;--chart-4:#db2777}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-app:#0e1117;--bg-sidebar:#121821;--bg-card:#161b24;--bg-card-hover:#1c2330;--bg-input:#1a202b;--bg-elevated:#1a202b;--border:#232b38;--border-strong:#2f3a4b;--text-primary:#e8ecf2;--text-secondary:#8a94a6;--text-muted:#5c6678;--accent:#1de9b6;--accent-hover:#3cf0c4;--accent-soft:#1de9b61f;--accent-ring:#1de9b666;--on-accent:#06231c;--success:#22c55e;--danger:#f25c5c;--warning:#f5a524;--info:#4c9aff;--success-soft:#22c55e1f;--danger-soft:#f25c5c1f;--warning-soft:#f5a5241f;--info-soft:#4c9aff1f;--neutral-soft:#8a94a624;--on-danger:#fff;--shadow-card:0 8px 24px #00000059;--shadow-pop:0 16px 40px #0000008c;--overlay:#04060aa8;--skeleton-base:#1c2330;--skeleton-shine:#252e3d;--chart-grid:#e8ecf20f;--row-alert:#f25c5c0f;--row-warn:#f5a52412;--login-glow-1:#1de9b629;--login-glow-2:#4c9aff14;--doc-bg:#10151d;--scrollbar:#2a3342;--avatar-1:#14b892;--avatar-2:#3b82f6;--avatar-3:#8b5cf6;--avatar-4:#e0961f;--avatar-5:#e0518f;--avatar-6:#0ea5c4;--avatar-7:#6fae1c;--avatar-8:#e45656;--on-avatar:#fff;--chart-1:#1de9b6;--chart-2:#4c9aff;--chart-3:#f5a524;--chart-4:#f06aa5}@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-app:#0e1117;--bg-sidebar:#121821;--bg-card:#161b24;--bg-card-hover:#1c2330;--bg-input:#1a202b;--border:#232b38;--text-primary:#e8ecf2;--text-secondary:#8a94a6;--text-muted:#5c6678;--accent:#1de9b6;--on-accent:#06231c}}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11", "ss01";margin:0;font-size:14px;line-height:20px}body.theme-anim,body.theme-anim *{transition:background-color var(--t-med) ease-out, color var(--t-med) ease-out, border-color var(--t-med) ease-out!important}h1,h2,h3,h4,p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img,svg{display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-soft)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--scrollbar);background-clip:padding-box;border:2px solid #0000;border-radius:10px}[hidden]{display:none!important}.icon{flex-shrink:0}.page-title{letter-spacing:-.01em;font-size:22px;font-weight:600;line-height:28px}.card-title{font-size:16px;font-weight:600;line-height:24px}.label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:12px;font-weight:500;line-height:16px}.big-stat{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:700;line-height:34px}.num{font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono);letter-spacing:-.01em;font-size:12px}.muted{color:var(--text-secondary)}.faint{color:var(--text-muted)}.small{font-size:12px;line-height:16px}.strong{font-weight:600}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-info{color:var(--info)}.text-accent{color:var(--accent)}.nowrap{white-space:nowrap}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.right{text-align:right}.row{align-items:center;gap:var(--sp-2);display:flex}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.row.gap-3{gap:var(--sp-3)}.row.gap-4{gap:var(--sp-4)}.col{gap:var(--sp-2);flex-direction:column;display:flex}.col.gap-1{gap:var(--sp-1)}.col.gap-4{gap:var(--sp-4)}.grow{flex:1;min-width:0}.stack{gap:var(--gutter);flex-direction:column;display:flex}.grid{gap:var(--gutter);display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.span-2{grid-column:span 2}.span-all{grid-column:1/-1}@media (max-width:1279px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1023px){.grid-3,.grid-2{grid-template-columns:minmax(0,1fr)}.span-2{grid-column:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--bg-sidebar);border-right:1px solid var(--border);height:100vh;transition:width var(--t-med) var(--ease), transform var(--t-med) var(--ease);z-index:40;flex-direction:column;flex-shrink:0;display:flex}.sidebar-head{height:var(--topbar-h);align-items:center;gap:var(--sp-3);padding:0 var(--sp-5);flex-shrink:0;display:flex}.brand-mark{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.brand-text{flex-direction:column;min-width:0;line-height:1.1;display:flex}.brand-name{letter-spacing:-.02em;font-size:17px;font-weight:700}.brand-sub{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-top:3px;font-size:11px}.sidebar-nav{padding:var(--sp-2) var(--sp-3) var(--sp-4);flex:1;overflow:hidden auto}.nav-group+.nav-group{margin-top:var(--sp-4)}.nav-group-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:0 var(--sp-3) var(--sp-2);white-space:nowrap;font-size:11px;font-weight:600}.nav-item{align-items:center;gap:var(--sp-3);height:42px;padding:0 var(--sp-3);border-radius:var(--radius-ctl);color:var(--text-secondary);white-space:nowrap;transition:background-color var(--t-fast) ease-out, color var(--t-fast) ease-out;font-weight:500;display:flex;position:relative}.nav-item+.nav-item{margin-top:2px}.nav-item:hover{background:var(--bg-card-hover);color:var(--text-primary)}.nav-item.active{background:var(--accent-soft);color:var(--accent)}.nav-item.active:before{content:"";left:calc(-1 * var(--sp-3));background:var(--accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:9px;bottom:9px}.nav-label{text-overflow:ellipsis;flex:1;overflow:hidden}.nav-badge{border-radius:var(--radius-pill);background:var(--warning-soft);min-width:22px;height:20px;color:var(--warning);font-variant-numeric:tabular-nums;place-items:center;padding:0 6px;font-size:11px;font-weight:600;display:grid}.nav-item.active .nav-badge{background:var(--accent);color:var(--on-accent)}.sidebar-foot{border-top:1px solid var(--border);padding:var(--sp-3) var(--sp-4) var(--sp-4);gap:var(--sp-2);flex-direction:column;display:flex}.theme-row{align-items:center;gap:var(--sp-3);height:42px;padding:0 var(--sp-2);border-radius:var(--radius-ctl);color:var(--text-secondary);white-space:nowrap;font-weight:500;display:flex}.theme-row .nav-label{color:var(--text-primary)}.foot-row{justify-content:space-between;align-items:center;gap:var(--sp-2);padding:0 var(--sp-2);display:flex}.app-version{color:var(--text-muted);white-space:nowrap;font-size:11px}body.sidebar-collapsed .sidebar{width:var(--sidebar-w-collapsed)}body.sidebar-collapsed .sidebar .brand-text,body.sidebar-collapsed .sidebar .nav-label,body.sidebar-collapsed .sidebar .nav-group-label,body.sidebar-collapsed .sidebar .app-version,body.sidebar-collapsed .sidebar .theme-row .switch{display:none}body.sidebar-collapsed .sidebar-head,body.sidebar-collapsed .nav-item,body.sidebar-collapsed .theme-row{justify-content:center;padding:0}body.sidebar-collapsed .nav-group+.nav-group{margin-top:var(--sp-2);padding-top:var(--sp-2);border-top:1px solid var(--border)}body.sidebar-collapsed .nav-badge{min-width:18px;height:16px;padding:0 4px;font-size:10px;position:absolute;top:4px;right:4px}body.sidebar-collapsed .foot-row{justify-content:center;padding:0}body.sidebar-collapsed .theme-row{cursor:pointer}.main-wrap{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex}.topbar{height:var(--topbar-h);align-items:center;gap:var(--sp-4);padding:0 var(--sp-6);background:var(--bg-app);border-bottom:1px solid var(--border);z-index:20;flex-shrink:0;display:flex;position:relative}.topbar-left{align-items:center;gap:var(--sp-3);flex:1 1 0;min-width:0;display:flex}.btn-icon.menu-btn{display:none}.page-heading{min-width:0}.topbar-title{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:600;line-height:24px;overflow:hidden}.crumbs{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex;overflow:hidden}.crumbs a{color:var(--text-secondary)}.crumbs a:hover{color:var(--accent)}.crumbs .sep{color:var(--text-muted)}.crumbs .current{color:var(--text-primary);text-overflow:ellipsis;overflow:hidden}.topbar-search{flex:0 440px;min-width:200px;position:relative}.topbar-right{justify-content:flex-end;align-items:center;gap:var(--sp-3);flex:1 1 0;display:flex}.notif-wrap{position:relative}.notif-dot{background:var(--danger);width:8px;height:8px;box-shadow:0 0 0 2px var(--bg-app);border-radius:50%;position:absolute;top:6px;right:7px}.avatar-btn{align-items:center;gap:var(--sp-2);border-radius:var(--radius-pill);border:1px solid var(--border);transition:background-color var(--t-fast) ease-out;background:0 0;padding:4px 10px 4px 4px;display:flex}.avatar-btn:hover{background:var(--bg-card-hover)}.avatar-btn .who{text-align:left;flex-direction:column;align-items:flex-start;line-height:1.2;display:flex}.avatar-btn .who-name{white-space:nowrap;font-size:13px;font-weight:600}.avatar-btn .who-role{color:var(--text-secondary);white-space:nowrap;font-size:11px}.content{flex:1;overflow:hidden auto}.content-inner{max-width:var(--content-max);padding:var(--sp-6) var(--sp-6) var(--sp-8);margin:0 auto}.notice.desktop-notice{margin:var(--sp-3) var(--sp-4) 0;display:none}.sidebar-backdrop{display:none}.search-box{align-items:center;display:flex;position:relative}.search-box .icon{color:var(--text-muted);pointer-events:none;position:absolute;left:14px}.search-box input{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-input);width:100%;height:42px;transition:border-color var(--t-fast) ease-out, box-shadow var(--t-fast) ease-out;outline:none;padding:0 44px 0 40px}.search-box input::placeholder{color:var(--text-muted)}.search-box input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-box kbd{font-family:var(--font-mono);color:var(--text-secondary);border:1px solid var(--border);background:var(--bg-card);border-radius:6px;padding:1px 7px;font-size:11px;position:absolute;right:12px}.search-results{background:var(--bg-elevated);border:1px solid var(--border);max-height:440px;box-shadow:var(--shadow-pop);padding:var(--sp-2);border-radius:14px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.search-group-label{padding:8px 10px 4px}.search-item{align-items:center;gap:var(--sp-3);border-radius:var(--radius-ctl);cursor:pointer;color:var(--text-primary);padding:8px 10px;display:flex}.search-item.active,.search-item:hover{background:var(--bg-card-hover)}.search-item .si-icon{background:var(--neutral-soft);width:32px;height:32px;color:var(--text-secondary);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.search-empty{padding:var(--sp-4);text-align:center;color:var(--text-secondary)}@media (max-width:1023px){.sidebar{box-shadow:var(--shadow-pop);position:fixed;top:0;left:0;transform:translate(-100%);width:var(--sidebar-w)!important}body.sidebar-collapsed .sidebar .brand-text,body.sidebar-collapsed .sidebar .nav-label,body.sidebar-collapsed .sidebar .nav-group-label,body.sidebar-collapsed .sidebar .app-version,body.sidebar-collapsed .sidebar .theme-row .switch{display:revert}body.sidebar-open .sidebar{transform:translate(0)}body.sidebar-open .sidebar-backdrop{background:var(--overlay);z-index:35;display:block;position:fixed;inset:0}.btn-icon.menu-btn{display:inline-grid}.collapse-btn{display:none!important}.topbar{padding:0 var(--sp-4)}.avatar-btn .who{display:none}.content-inner{padding:var(--sp-5) var(--sp-4) var(--sp-8)}}@media (max-width:767px){.notice.desktop-notice{display:flex}.topbar-search{flex-basis:160px;min-width:0}.search-box kbd,.crumbs{display:none}}.btn{justify-content:center;align-items:center;gap:var(--sp-2);height:40px;padding:0 var(--sp-4);border-radius:var(--radius-ctl);white-space:nowrap;transition:background-color var(--t-fast) ease-out, border-color var(--t-fast) ease-out, color var(--t-fast) ease-out, opacity var(--t-fast) ease-out;background:0 0;border:1px solid #0000;font-size:14px;font-weight:600;display:inline-flex;position:relative}.btn:disabled,.btn.is-disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{border-color:var(--border-strong);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-card-hover)}.btn-ghost{color:var(--text-secondary);padding:0 var(--sp-3)}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:var(--bg-card-hover)}.btn-danger{background:var(--danger);color:var(--on-danger)}.btn-danger:hover:not(:disabled){filter:brightness(1.08)}.btn-danger-outline{border-color:var(--danger);color:var(--danger)}.btn-danger-outline:hover:not(:disabled){background:var(--danger-soft)}.btn-warning-outline{border-color:var(--warning);color:var(--warning)}.btn-warning-outline:hover:not(:disabled){background:var(--warning-soft)}.btn-sm{height:32px;padding:0 var(--sp-3);gap:6px;font-size:13px}.btn-block{width:100%}.btn-icon{border:1px solid var(--border);width:40px;height:40px;color:var(--text-secondary);transition:background-color var(--t-fast) ease-out, color var(--t-fast) ease-out;background:0 0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.btn-icon:hover{background:var(--bg-card-hover);color:var(--text-primary)}.btn-icon.sm{width:32px;height:32px}.btn-icon.xs{border:none;width:26px;height:26px}.btn-icon.plain{border:none}.btn.is-loading{pointer-events:none;color:#0000!important}.btn.is-loading>*{visibility:hidden}.btn.is-loading:after{content:"";border:2px solid;border-color:var(--text-secondary);border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;position:absolute}.btn-primary.is-loading:after{border-color:var(--on-accent);border-right-color:#0000}.btn-danger.is-loading:after{border-color:var(--on-danger);border-right-color:#0000}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--border-strong);border-right-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.link-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-weight:500}.link-btn:hover{color:var(--accent-hover)}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field-label{color:var(--text-secondary);font-size:12px;font-weight:500;line-height:16px}.field-label .req{color:var(--danger);margin-left:2px}.field-hint{color:var(--text-muted);font-size:12px}.field-error{color:var(--danger);font-size:12px}.input,.select,.textarea{width:100%;height:40px;padding:0 var(--sp-3);border-radius:var(--radius-ctl);border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);transition:border-color var(--t-fast) ease-out, box-shadow var(--t-fast) ease-out;outline:none}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input[readonly]{color:var(--text-secondary)}.input.invalid,.select.invalid,.textarea.invalid{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.input.sm,.select.sm{height:34px;font-size:13px}.input.mono{font-family:var(--font-mono)}.textarea{height:auto;min-height:84px;padding:10px var(--sp-3);resize:vertical;line-height:20px}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-secondary) 50%), linear-gradient(135deg, var(--text-secondary) 50%, transparent 50%);cursor:pointer;background-position:calc(100% - 17px),calc(100% - 12px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:34px}.select option{background:var(--bg-card);color:var(--text-primary)}.input-wrap{align-items:center;display:flex;position:relative}.input-wrap>.icon{color:var(--text-muted);pointer-events:none;position:absolute;left:12px}.input-wrap>.input{padding-left:36px}.input-wrap>.input-suffix{position:absolute;right:6px}.form-grid{gap:var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.form-grid .full{grid-column:1/-1}.switch{flex-shrink:0;width:40px;height:22px;display:inline-flex;position:relative}.switch input{opacity:0;cursor:pointer;z-index:1;margin:0;position:absolute;inset:0}.switch .track{border-radius:var(--radius-pill);background:var(--border-strong);width:100%;height:100%;transition:background-color var(--t-fast) ease-out}.switch .track:after{content:"";background:var(--bg-card);width:16px;height:16px;box-shadow:0 1px 3px var(--overlay);transition:transform var(--t-fast) var(--ease);border-radius:50%;position:absolute;top:3px;left:3px}.switch input:checked+.track{background:var(--accent)}.switch input:checked+.track:after{background:var(--on-accent);transform:translate(18px)}.switch input:focus-visible+.track{outline:2px solid var(--accent);outline-offset:2px}.switch input:disabled{cursor:not-allowed}.switch input:disabled+.track{opacity:.4}.checkbox{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;margin:0}.segmented{border-radius:var(--radius-ctl);background:var(--bg-input);border:1px solid var(--border);gap:2px;padding:3px;display:inline-flex}.seg-btn{height:30px;color:var(--text-secondary);white-space:nowrap;transition:background-color var(--t-fast) ease-out, color var(--t-fast) ease-out;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.seg-btn:hover{color:var(--text-primary)}.seg-btn.active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-card)}.segmented.accent .seg-btn.active{background:var(--accent-soft);color:var(--accent);box-shadow:none}.otp{gap:var(--sp-2);display:flex}.otp-box{text-align:center;width:100%;min-width:0;height:48px;font-size:20px;font-weight:600;font-family:var(--font-mono);border-radius:var(--radius-ctl);border:1px solid var(--border);background:var(--bg-input);transition:border-color var(--t-fast) ease-out, box-shadow var(--t-fast) ease-out;outline:none}.otp-box:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.otp.invalid .otp-box{border-color:var(--danger)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);min-width:0}.card-pad{padding:var(--sp-6)}.card-head{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-5) var(--sp-6) 0;min-height:44px;display:flex}.card-head.bordered{padding-bottom:var(--sp-4);border-bottom:1px solid var(--border)}.card-head .card-sub{color:var(--text-secondary);font-size:12px}.card-actions{align-items:center;gap:var(--sp-2);display:flex}.card-body{padding:var(--sp-5) var(--sp-6) var(--sp-6)}.card-body.tight{padding-top:var(--sp-3)}.divider{background:var(--border);height:1px;margin:var(--sp-4) 0}.kv-grid{gap:var(--sp-5) var(--sp-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.kv-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.kv{flex-direction:column;gap:4px;min-width:0;display:flex}.kv-label{color:var(--text-secondary);font-size:12px}.kv-value{word-break:break-word;font-weight:500}.kv-list{flex-direction:column;display:flex}.kv-line{justify-content:space-between;align-items:center;gap:var(--sp-4);border-bottom:1px dashed var(--border);padding:10px 0;display:flex}.kv-line:last-child{border-bottom:none}.kv-line>:first-child{color:var(--text-secondary)}.kv-line>:last-child{text-align:right;min-width:0;font-weight:500}.kv-line.total>*{color:var(--text-primary);font-weight:700}@media (max-width:1023px){.kv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--sp-4);margin-bottom:var(--gutter);flex-wrap:wrap;display:flex}.page-header .page-desc{color:var(--text-secondary);margin-top:4px}.page-actions{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.title-row{align-items:center;gap:var(--sp-3);display:flex}.stats-strip{margin-bottom:var(--gutter);padding:var(--sp-4) 0;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0;display:grid}.strip-item{padding:0 var(--sp-6);border-left:1px solid var(--border);flex-direction:column;gap:6px;min-width:0;display:flex}.strip-item:first-child{border-left:none}.strip-value{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:20px;font-weight:700;line-height:26px}.strip-sub{color:var(--text-secondary);font-size:12px}.list-card>.tabs{padding:0 var(--sp-6)}.filter-bar{align-items:center;gap:var(--sp-2) var(--sp-3);padding:var(--sp-4) var(--sp-6);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.filter-bar .filter-search{flex:240px;max-width:340px}.filter-bar .select{width:auto;min-width:140px;height:36px;font-size:13px}.filter-bar .input{height:36px;font-size:13px}.filter-bar .filter-number{width:140px}.filter-chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border-radius:var(--radius-pill);border:1px solid var(--border);height:30px;color:var(--text-secondary);white-space:nowrap;transition:background-color var(--t-fast) ease-out, color var(--t-fast) ease-out, border-color var(--t-fast) ease-out;background:0 0;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.chip:hover{color:var(--text-primary);border-color:var(--border-strong)}.chip.active{background:var(--accent-soft);color:var(--accent);border-color:#0000}.filter-toggle{align-items:center;gap:var(--sp-2);color:var(--text-secondary);white-space:nowrap;cursor:pointer;font-size:13px;display:inline-flex}.filter-reset{margin-left:auto;font-size:13px}.date-range{border-radius:var(--radius-ctl);border:1px solid var(--border);background:var(--bg-input);height:36px;color:var(--text-secondary);align-items:center;gap:6px;padding:0 4px 0 10px;display:inline-flex}.date-range input{height:32px;color:var(--text-primary);background:0 0;border:none;outline:none;width:124px;font-size:13px}.date-range .dr-sep{color:var(--text-muted)}.date-range .dr-presets{border-left:1px solid var(--border);gap:2px;padding-left:4px;display:flex}.date-range .dr-presets button{color:var(--text-secondary);background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:12px}.date-range .dr-presets button:hover{background:var(--bg-card-hover);color:var(--text-primary)}.table-wrap{position:relative}.table-scroll{max-height:none;overflow-x:auto}.data-table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px;line-height:18px}.data-table th{z-index:1;background:var(--bg-card);text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 14px;font-size:12px;font-weight:500;position:sticky;top:0}.data-table th:first-child,.data-table td:first-child{padding-left:var(--sp-6)}.data-table th:last-child,.data-table td:last-child{padding-right:var(--sp-6)}.data-table th.right,.data-table td.right{text-align:right}.data-table th.center,.data-table td.center{text-align:center}.th-sort{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;display:inline-flex}.th-sort:hover,.th-sort.sorted{color:var(--text-primary)}.th-sort .icon{opacity:.6}.data-table td{border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap;font-variant-numeric:tabular-nums;padding:13px 14px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background-color var(--t-fast) ease-out}.data-table tbody tr:hover{background:var(--bg-card-hover)}.data-table tr.clickable{cursor:pointer}.data-table tr.selected{background:var(--accent-soft)}.data-table tr.row-alert{background:var(--row-alert)}.data-table tr.row-alert td:first-child{box-shadow:inset 3px 0 0 var(--danger)}.data-table tr.row-warn{background:var(--row-warn)}.data-table tr.row-warn td:first-child{box-shadow:inset 3px 0 0 var(--warning)}.data-table .cell-check{width:44px;padding-right:0}.data-table td.wrap{white-space:normal;min-width:200px}body.density-compact .data-table td{padding-top:8px;padding-bottom:8px}body.density-compact .data-table th{padding-top:9px;padding-bottom:9px}.table-state{padding:var(--sp-8) var(--sp-6)}.table-footer{border-top:1px solid var(--border);padding:var(--sp-3) var(--sp-6)}.mini-table .data-table th:first-child,.mini-table .data-table td:first-child{padding-left:var(--sp-5)}.mini-table .data-table th:last-child,.mini-table .data-table td:last-child{padding-right:var(--sp-5)}.pagination{justify-content:space-between;align-items:center;gap:var(--sp-4);color:var(--text-secondary);flex-wrap:wrap;font-size:13px;display:flex}.pagination .pg-left,.pagination .pg-right{align-items:center;gap:var(--sp-3);display:flex}.pagination .select{width:76px;height:32px;font-size:13px}.pg-pages{align-items:center;gap:4px;display:flex}.page-btn{min-width:32px;height:32px;color:var(--text-secondary);font-variant-numeric:tabular-nums;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;padding:0 8px;font-size:13px;font-weight:500;display:inline-grid}.page-btn:hover:not(:disabled){background:var(--bg-card-hover);color:var(--text-primary)}.page-btn.active{background:var(--accent-soft);color:var(--accent)}.page-btn:disabled{opacity:.35;cursor:not-allowed}.pg-jump{text-align:center;width:56px!important;height:32px!important;padding:0 6px!important}.bulk-bar{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:10px var(--sp-6);background:var(--accent-soft);border-bottom:1px solid var(--border);font-weight:500;display:flex}.badge{border-radius:var(--radius-pill);white-space:nowrap;background:var(--neutral-soft);height:24px;color:var(--text-secondary);align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.badge .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.badge.sm{height:20px;padding:0 8px;font-size:11px}.badge-success{background:var(--success-soft);color:var(--success)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-accent{background:var(--accent-soft);color:var(--accent)}.badge-outline{border:1px solid var(--border-strong);color:var(--text-secondary);background:0 0}.count-pill{border-radius:var(--radius-pill);background:var(--neutral-soft);min-width:22px;height:20px;color:var(--text-secondary);font-variant-numeric:tabular-nums;place-items:center;padding:0 7px;font-size:11px;font-weight:600;display:inline-grid}.lev-chip{background:var(--info-soft);height:22px;color:var(--info);font-variant-numeric:tabular-nums;border-radius:6px;align-items:center;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.dir-chip{align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.dir-chip .wchip{background:var(--neutral-soft);height:22px;color:var(--text-primary);border-radius:6px;align-items:center;padding:0 8px;display:inline-flex}.dir-chip .icon{color:var(--text-muted)}.tabs{gap:var(--sp-5);border-bottom:1px solid var(--border);scrollbar-width:none;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{align-items:center;gap:var(--sp-2);height:48px;color:var(--text-secondary);white-space:nowrap;transition:color var(--t-fast) ease-out;background:0 0;border:none;padding:0 2px;font-weight:500;display:inline-flex;position:relative}.tab:hover,.tab.active{color:var(--text-primary)}.tab.active:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.tab.active .count-pill{background:var(--accent-soft);color:var(--accent)}.overlay{background:var(--overlay);z-index:100;opacity:0;transition:opacity var(--t-med) ease-out;display:flex;position:fixed;inset:0}.overlay.open{opacity:1}.overlay.center{padding:var(--sp-6);justify-content:center;align-items:center}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);width:100%;max-width:480px;max-height:calc(100vh - 48px);box-shadow:var(--shadow-pop);transition:transform var(--t-med) var(--ease);flex-direction:column;display:flex;transform:translateY(12px)scale(.98)}.overlay.open .modal{transform:none}.modal-head,.drawer-head{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--border);display:flex}.modal-head h3,.drawer-head h3{font-size:16px;font-weight:600;line-height:24px}.modal-sub{color:var(--text-secondary);margin-top:2px;font-size:13px}.modal-body{padding:var(--sp-5) var(--sp-6);gap:var(--sp-4);flex-direction:column;display:flex;overflow-y:auto}.modal-foot,.drawer-foot{justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.modal-message{color:var(--text-secondary)}.drawer{background:var(--bg-card);border-left:1px solid var(--border);width:520px;max-width:100vw;height:100%;box-shadow:var(--shadow-pop);transition:transform var(--t-med) var(--ease);flex-direction:column;margin-left:auto;display:flex;transform:translate(100%)}.overlay.open .drawer{transform:none}.drawer-body{padding:var(--sp-5) var(--sp-6) var(--sp-6);gap:var(--sp-5);flex-direction:column;flex:1;display:flex;overflow-y:auto}.drawer-section{gap:var(--sp-3);flex-direction:column;display:flex}.drawer-section>.label{margin-bottom:2px}.drawer-hero{padding:var(--sp-4) var(--sp-5);background:var(--bg-input);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:6px;display:flex}.popover{z-index:200;background:var(--bg-elevated);border:1px solid var(--border);min-width:200px;box-shadow:var(--shadow-pop);opacity:0;transition:opacity var(--t-fast) ease-out, transform var(--t-fast) ease-out;border-radius:12px;padding:6px;position:fixed;transform:translateY(-4px)}.popover.open{opacity:1;transform:none}.menu-item{width:100%;min-height:36px;color:var(--text-primary);text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:6px 10px;font-size:13px;font-weight:500;display:flex}.menu-item .icon{color:var(--text-secondary)}.menu-item:hover,.menu-item:focus-visible{background:var(--bg-card-hover);outline:none}.menu-item.danger,.menu-item.danger .icon{color:var(--danger)}.menu-item.checked:after{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;margin-left:auto}.menu-sep{background:var(--border);height:1px;margin:6px 4px}.menu-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:8px 10px 4px;font-size:11px;font-weight:600}.menu-header{gap:var(--sp-3);align-items:center;padding:10px 10px 12px;display:flex}.notif-list{width:360px;max-width:calc(100vw - 32px)}.notif-item{gap:var(--sp-3);cursor:pointer;border-radius:10px;align-items:flex-start;padding:10px;display:flex}.notif-item:hover{background:var(--bg-card-hover)}.notif-icon{border-radius:9px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.notif-icon.warning{background:var(--warning-soft);color:var(--warning)}.notif-icon.danger{background:var(--danger-soft);color:var(--danger)}.notif-icon.info{background:var(--info-soft);color:var(--info)}.notif-icon.accent{background:var(--accent-soft);color:var(--accent)}.toast-stack{top:calc(var(--topbar-h) + 12px);z-index:300;gap:var(--sp-2);pointer-events:none;flex-direction:column;display:flex;position:fixed;right:20px}.toast{pointer-events:auto;align-items:flex-start;gap:var(--sp-3);background:var(--bg-elevated);border:1px solid var(--border);min-width:300px;max-width:400px;box-shadow:var(--shadow-pop);opacity:0;transition:transform var(--t-med) var(--ease), opacity var(--t-med) ease-out;border-radius:12px;padding:12px 14px;font-weight:500;display:flex;transform:translate(16px)}.toast.show{opacity:1;transform:none}.toast .t-icon{margin-top:1px}.toast-success .t-icon{color:var(--success)}.toast-error .t-icon{color:var(--danger)}.toast-info .t-icon{color:var(--info)}.toast-warning .t-icon{color:var(--warning)}.toast .t-close{color:var(--text-muted);background:0 0;border:none;margin-left:auto;padding:0}.lightbox{flex-direction:column;align-items:stretch}.lb-top{padding:var(--sp-4) var(--sp-6);color:var(--text-primary);justify-content:space-between;align-items:center;display:flex}.lb-title{font-weight:600}.lb-tools{gap:var(--sp-2);display:flex}.lb-tools .btn-icon{background:var(--bg-card)}.lb-stage{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.lb-stage img{max-width:80vw;max-height:76vh;box-shadow:var(--shadow-pop);transition:transform var(--t-med) var(--ease);border-radius:12px}.lb-nav{position:absolute;top:50%;transform:translateY(-50%);background:var(--bg-card)!important}.lb-nav.prev{left:24px}.lb-nav.next{right:24px}.lb-thumbs{justify-content:center;gap:var(--sp-2);padding:var(--sp-4);display:flex}.lb-thumbs img{object-fit:cover;cursor:pointer;opacity:.6;border:2px solid #0000;border-radius:6px;width:64px;height:44px}.lb-thumbs img.active{border-color:var(--accent);opacity:1}.stat-card{padding:var(--sp-5) var(--sp-5) var(--sp-4);gap:var(--sp-3);flex-direction:column;display:flex;position:relative;overflow:hidden}.stat-top{justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex}.stat-icon{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:11px;place-items:center;display:grid}.stat-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:26px;font-weight:700;line-height:32px;overflow:hidden}.stat-bottom{justify-content:space-between;align-items:flex-end;gap:var(--sp-3);min-height:36px;display:flex}.stat-meta{color:var(--text-secondary);flex-direction:column;gap:2px;min-width:0;font-size:12px;display:flex}.delta{font-variant-numeric:tabular-nums;align-items:center;gap:2px;font-size:12px;font-weight:600;display:inline-flex}.delta.up{color:var(--success)}.delta.down{color:var(--danger)}.delta.flat{color:var(--text-secondary)}.sparkline{width:96px;height:36px;color:var(--accent);flex-shrink:0}.sparkline .spark-area{fill:var(--accent-soft);stroke:none}.sparkline .spark-line{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round}.sparkline.down{color:var(--danger)}.sparkline.down .spark-area{fill:var(--danger-soft)}.avatar{width:36px;height:36px;color:var(--on-avatar);letter-spacing:.02em;border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:600;display:inline-grid}.avatar.sm{width:28px;height:28px;font-size:11px}.avatar.lg{width:64px;height:64px;font-size:22px}.user-cell{align-items:center;gap:var(--sp-3);min-width:0;display:flex}.user-cell .uc-text{flex-direction:column;min-width:0;line-height:1.3;display:flex}.user-cell .uc-name{color:var(--text-primary);font-weight:600}.user-cell .uc-sub{color:var(--text-secondary);font-size:12px}a.user-cell:hover .uc-name{color:var(--accent)}.copy-text{align-items:center;gap:6px;max-width:100%;display:inline-flex;position:relative}.copy-text .ct-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.copy-btn{color:var(--text-muted);background:0 0;border:none;border-radius:4px;flex-shrink:0;place-items:center;padding:2px;display:inline-grid}.copy-btn:hover{color:var(--accent)}.copy-btn.copied{color:var(--success)}.copy-tip{background:var(--text-primary);color:var(--bg-card);white-space:nowrap;pointer-events:none;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;animation:1.2s ease-out forwards fadeup;position:absolute;bottom:calc(100% + 6px);right:-6px}@keyframes fadeup{0%{opacity:0;transform:translateY(4px)}15%,75%{opacity:1;transform:none}to{opacity:0}}.empty-state{text-align:center;align-items:center;gap:var(--sp-2);padding:var(--sp-8) var(--sp-4);flex-direction:column;display:flex}.empty-state .es-icon{background:var(--neutral-soft);width:52px;height:52px;color:var(--text-secondary);margin-bottom:var(--sp-2);border-radius:16px;place-items:center;display:grid}.empty-state.error .es-icon{background:var(--danger-soft);color:var(--danger)}.empty-state .es-title{font-size:15px;font-weight:600}.empty-state .es-msg{color:var(--text-secondary);max-width:360px}.empty-state .btn{margin-top:var(--sp-2)}.empty-state.compact{padding:var(--sp-5) var(--sp-4)}.skeleton{background:linear-gradient(90deg, var(--skeleton-base) 0%, var(--skeleton-shine) 50%, var(--skeleton-base) 100%);background-size:200% 100%;border-radius:6px;height:12px;animation:1.2s ease-in-out infinite shimmer;display:block}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.timeline{flex-direction:column;display:flex;position:relative}.tl-item{gap:var(--sp-3);padding-bottom:var(--sp-4);display:flex;position:relative}.tl-item:last-child{padding-bottom:0}.tl-item:not(:last-child):before{content:"";background:var(--border);width:2px;position:absolute;top:26px;bottom:2px;left:11px}.tl-dot{background:var(--neutral-soft);width:24px;height:24px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.tl-dot.success{background:var(--success-soft);color:var(--success)}.tl-dot.danger{background:var(--danger-soft);color:var(--danger)}.tl-dot.warning{background:var(--warning-soft);color:var(--warning)}.tl-dot.info{background:var(--info-soft);color:var(--info)}.tl-dot.accent{background:var(--accent-soft);color:var(--accent)}.tl-body{flex-direction:column;gap:2px;min-width:0;padding-top:2px;display:flex}.tl-title{font-weight:600}.tl-meta{color:var(--text-secondary);font-size:12px}.tl-note{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);white-space:pre-wrap;border-radius:10px;margin-top:4px;padding:8px 12px;font-size:13px}.progress{border-radius:var(--radius-pill);background:var(--neutral-soft);min-width:60px;height:6px;overflow:hidden}.progress>span{border-radius:inherit;background:var(--accent);height:100%;transition:width var(--t-med) var(--ease);display:block}.progress.success>span{background:var(--success)}.progress.warning>span{background:var(--warning)}.progress.danger>span{background:var(--danger)}.progress.info>span{background:var(--info)}.progress-cell{align-items:center;gap:var(--sp-2);min-width:110px;display:flex}.progress-cell .progress{flex:1}.meter{flex-direction:column;gap:6px;display:flex}.meter-top{justify-content:space-between;font-size:13px;display:flex}.meter .progress{height:8px}.notice{gap:var(--sp-3);border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);border-radius:12px;align-items:flex-start;padding:12px 16px;font-size:13px;display:flex}.notice .icon{margin-top:1px}.notice-info{background:var(--info-soft);border-color:#0000}.notice-info>.icon{color:var(--info)}.notice-warning{background:var(--warning-soft);border-color:#0000}.notice-warning>.icon{color:var(--warning)}.notice-danger{background:var(--danger-soft);border-color:#0000}.notice-danger>.icon{color:var(--danger)}.notice-success{background:var(--success-soft);border-color:#0000}.notice-success>.icon{color:var(--success)}.side-text-buy{color:var(--success);font-weight:600}.side-text-sell{color:var(--danger);font-weight:600}.pnl-pos{color:var(--success);font-weight:600}.pnl-neg{color:var(--danger);font-weight:600}.check-icon-yes{color:var(--success)}.check-icon-no{color:var(--text-muted)}.asset-icon{width:30px;height:30px;color:var(--on-avatar);letter-spacing:.02em;border-radius:50%;flex-shrink:0;place-items:center;font-size:10px;font-weight:700;display:inline-grid}.asset-cell{align-items:center;gap:10px;display:flex}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.json-diff{gap:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}.json-col{border:1px solid var(--border);border-radius:12px;min-width:0;overflow:hidden}.json-col-head{border-bottom:1px solid var(--border);background:var(--bg-input);padding:8px 12px}.json-pre{font-family:var(--font-mono);margin:0;padding:10px 0;font-size:12px;line-height:20px;overflow-x:auto}.json-line{white-space:pre;padding:0 12px}.json-line.changed-before{background:var(--danger-soft);color:var(--danger)}.json-line.changed-after{background:var(--success-soft);color:var(--success)}.diff-list{flex-direction:column;gap:6px;display:flex}.diff-row{gap:var(--sp-3);background:var(--bg-input);border:1px solid var(--border);border-radius:10px;grid-template-columns:minmax(0,1.4fr) auto;align-items:center;padding:10px 12px;display:grid}.diff-vals{font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-weight:600;display:flex}.diff-vals .old{color:var(--danger);font-weight:500;text-decoration:line-through}.diff-vals .new{color:var(--success)}.qr{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;gap:0;width:132px;height:132px;padding:8px;display:grid}.qr span{background:0 0}.qr span.on{background:var(--text-primary)}.login-page{justify-content:center;align-items:center;gap:var(--sp-5);min-height:100vh;padding:var(--sp-8) var(--sp-4);background:radial-gradient(900px 520px at 15% 10%, var(--login-glow-1), transparent 60%), radial-gradient(700px 480px at 90% 90%, var(--login-glow-2), transparent 60%), var(--bg-app);flex-direction:column;display:flex;position:relative}.login-theme{background:var(--bg-card);position:absolute;top:20px;right:20px}.login-card{width:100%;max-width:440px;padding:var(--sp-8);gap:var(--sp-6);flex-direction:column;display:flex}.login-brand{align-items:center;gap:var(--sp-3);display:flex}.login-brand .brand-mark{border-radius:13px;width:44px;height:44px}.demo-block{border-top:1px dashed var(--border);padding-top:var(--sp-5);gap:var(--sp-3);flex-direction:column;display:flex}.demo-label{color:var(--text-secondary);justify-content:space-between;font-size:12px;font-weight:500;display:flex}.demo-chips{gap:var(--sp-2);flex-wrap:wrap;display:flex}.demo-chip:hover{border-color:var(--accent);color:var(--accent)}.login-foot{text-align:center}.shake{animation:.36s ease-in-out shake}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.system-page{text-align:center;align-items:center;gap:var(--sp-4);flex-direction:column;max-width:520px;margin:8vh auto 0;display:flex}.system-code{letter-spacing:-.04em;color:var(--accent-soft);-webkit-text-stroke:1px var(--accent);font-size:88px;font-weight:700;line-height:1}.system-icon{background:var(--neutral-soft);width:56px;height:56px;color:var(--text-secondary);border-radius:16px;place-items:center;display:grid}.system-icon.danger{background:var(--danger-soft);color:var(--danger)}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (min-width:1760px){.stat-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width:1023px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.dash-charts,.dash-bottom{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:1023px){.dash-charts,.dash-bottom{grid-template-columns:minmax(0,1fr)}}.chart-box{height:280px;position:relative}.chart-box.tall{height:320px}.donut-box{height:190px;position:relative}.donut-box.small-donut{flex-shrink:0;width:180px;height:180px}.donut-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut-legend{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.legend-row{align-items:center;gap:10px;display:flex}.queue-card{flex-direction:column;display:flex}.queue-icon{border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.queue-icon.warning{background:var(--warning-soft);color:var(--warning)}.queue-icon.info{background:var(--info-soft);color:var(--info)}.queue-icon.accent{background:var(--accent-soft);color:var(--accent)}.queue-icon.danger{background:var(--danger-soft);color:var(--danger)}.queue-list{padding:var(--sp-3) var(--sp-3) var(--sp-4);flex-direction:column;display:flex}.queue-row,.activity-row{align-items:center;gap:var(--sp-3);color:var(--text-primary);transition:background-color var(--t-fast) ease-out;border-radius:12px;min-width:0;padding:10px 12px;display:flex}.queue-row:hover,.activity-row:hover{background:var(--bg-card-hover);color:var(--text-primary)}.activity-list{flex-direction:column;margin:0 -12px;display:flex}.split-bar{border-radius:var(--radius-pill);gap:3px;height:10px;display:flex;overflow:hidden}.split-bar span{border-radius:3px;height:100%;display:block}.split-legend{gap:var(--sp-3);grid-template-columns:repeat(3,1fr);display:grid}.asset-list{flex-direction:column;gap:12px;display:flex}.asset-row{align-items:center;gap:12px;display:flex}.user-header{padding:var(--sp-6);gap:var(--sp-5);flex-direction:column;display:flex}.uh-top{gap:var(--sp-5);align-items:flex-start;display:flex}.uh-main{gap:var(--sp-2);flex-direction:column;flex:1;min-width:0;display:flex}.uh-meta{color:var(--text-secondary);flex-wrap:wrap;gap:6px 18px;font-size:13px;display:flex}.uh-meta .icon{color:var(--text-muted)}.uh-actions{justify-content:flex-end;gap:var(--sp-2);flex-wrap:wrap;max-width:420px;display:flex}.flag{border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.flag.on{color:var(--success);background:var(--success-soft)}.flag.off{color:var(--danger);background:var(--danger-soft)}.balance-strip{border:1px solid var(--border);border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.bs-item{padding:var(--sp-4) var(--sp-5);border-left:1px solid var(--border);flex-direction:column;gap:6px;display:flex}.bs-item:first-child{border-left:none}.bs-item.total{background:var(--accent-soft)}.bs-item.total .bs-value{color:var(--accent)}.bs-value{letter-spacing:-.01em;font-size:20px;font-weight:700}.user-tabs{border-bottom:1px solid var(--border)}.profile-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}@media (max-width:1279px){.uh-top{flex-wrap:wrap}.uh-actions{justify-content:flex-start;width:100%;max-width:none}}@media (max-width:1023px){.profile-grid{grid-template-columns:minmax(0,1fr)}.balance-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.bs-item:nth-child(3){border-left:none}.bs-item:nth-child(n+3){border-top:1px solid var(--border)}}.doc-thumbs{gap:var(--sp-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.doc-thumb{border:1px solid var(--border);background:var(--bg-input);text-align:left;transition:border-color var(--t-fast) ease-out;border-radius:12px;flex-direction:column;gap:4px;padding:8px;display:flex}.doc-thumb:hover{border-color:var(--accent)}.doc-thumb img{aspect-ratio:4/3;object-fit:cover;background:var(--doc-bg);border-radius:8px;width:100%;margin-bottom:4px}.wallet-cards{gap:var(--gutter);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}@media (max-width:1279px){.wallet-cards{grid-template-columns:minmax(0,1fr)}}.wallet-card.is-frozen{border-color:var(--info)}.wallet-assets{flex-direction:column;gap:10px;display:flex}.wallet-asset{border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.wa-top{justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;display:flex}.wa-nums{text-align:right;grid-template-columns:repeat(3,auto);gap:16px;font-size:13px;display:grid}.wa-address{border-top:1px dashed var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding-top:10px;display:flex}.wallet-foot{gap:var(--sp-2);padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.alloc-body{align-items:center;gap:var(--sp-8);flex-wrap:wrap;display:flex}.kyc-review{gap:var(--gutter);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;padding-bottom:88px;display:grid}.kyc-left{position:sticky;top:0}@media (max-width:1023px){.kyc-review{grid-template-columns:minmax(0,1fr)}.kyc-left{position:static}}.doc-stage{background:var(--doc-bg);border:1px solid var(--border);border-radius:14px;place-items:center;height:420px;display:grid;overflow:hidden}.doc-img{cursor:zoom-in;max-width:92%;max-height:92%;transition:transform var(--t-med) var(--ease);box-shadow:var(--shadow-card);border-radius:10px}.doc-locked{margin:var(--sp-5) var(--sp-6) var(--sp-6);border:1px dashed var(--border-strong);text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:360px;display:flex}.doc-locked .es-icon{background:var(--neutral-soft);width:52px;height:52px;color:var(--text-secondary);border-radius:16px;place-items:center;display:grid}.check-list{flex-direction:column;display:flex}.check-row{border-bottom:1px dashed var(--border);align-items:center;gap:10px;padding:10px 0;display:flex}.check-row:last-child{border-bottom:none}.action-bar{margin:0 calc(-1 * var(--sp-6)) calc(-1 * var(--sp-8));padding:var(--sp-4) var(--sp-6);background:var(--bg-card);border-top:1px solid var(--border);box-shadow:0 -8px 24px var(--overlay);justify-content:space-between;align-items:center;gap:var(--sp-3);z-index:5;flex-wrap:wrap;display:flex;position:sticky;bottom:0}.picker-list{border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:4px;max-height:220px;padding:4px;display:flex;overflow-y:auto}.picker-item{text-align:left;color:var(--text-primary);background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;padding:8px 10px;display:flex}.picker-item:hover{background:var(--bg-card-hover)}.picker-item.active{background:var(--accent-soft);border-color:var(--accent)}.picker-compare{background:var(--bg-input);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;padding:14px;display:flex}.compare-grid{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.mini-list{flex-direction:column;gap:2px;display:flex}.mini-row{border-bottom:1px dashed var(--border);align-items:center;gap:12px;padding:8px 0;display:flex}.mini-row:last-child{border-bottom:none}.user-summary{border:1px solid var(--border);border-radius:12px;padding:14px}.summary-chips{gap:var(--sp-3);margin-bottom:var(--gutter);flex-wrap:wrap;display:flex}.summary-chip{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex}.legend-strip{padding:10px var(--sp-6);color:var(--text-secondary);border-bottom:1px solid var(--border);align-items:center;gap:8px;font-size:12px;display:flex}.legend-strip .icon{color:var(--danger)}.legend-swatch{background:var(--row-alert);width:14px;height:14px;box-shadow:inset 3px 0 0 var(--danger);border-radius:4px}.rev-split{flex-wrap:wrap;gap:6px 14px;display:flex}.rev-split .row{gap:6px}.fee-edit{justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.fee-input{text-align:right;width:110px}.fee-input.changed{border-color:var(--warning);background:var(--warning-soft)}.coming-soon{align-items:center;gap:var(--sp-4);box-shadow:none;border-style:dashed;display:flex}.matrix td,.matrix th{white-space:nowrap}.matrix-yes{color:var(--success);align-items:center;gap:4px;display:inline-flex}.settings-layout{gap:var(--gutter);grid-template-columns:220px minmax(0,1fr);align-items:start;display:grid}.settings-nav{padding:var(--sp-3);flex-direction:column;gap:2px;display:flex;position:sticky;top:0}.settings-nav .nav-item{text-align:left;background:0 0;border:none;width:100%}.settings-section{scroll-margin-top:16px}.setting-row{align-items:center;gap:var(--sp-4);border-bottom:1px dashed var(--border);padding:12px 0;display:flex}.setting-row:last-child{border-bottom:none}.theme-options{gap:var(--sp-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.theme-option{border:1px solid var(--border);background:var(--bg-input);text-align:left;color:var(--text-primary);transition:border-color var(--t-fast) ease-out;border-radius:14px;flex-direction:column;gap:6px;padding:10px;display:flex}.theme-option:hover{border-color:var(--border-strong)}.theme-option.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.theme-preview{border:1px solid var(--border);border-radius:10px;height:84px;margin-bottom:4px;display:flex;overflow:hidden}.tp-side{width:26%}.tp-main{flex-direction:column;flex:1;gap:6px;padding:8px;display:flex}.tp-bar{border-radius:4px;width:50%;height:8px}.tp-card{border-radius:6px;flex:1}.tp-light{background:#f4f6f9}.tp-light .tp-side,.tp-light .tp-card{background:#fff}.tp-light .tp-bar{background:#0fb892}.tp-dark{background:#0e1117}.tp-dark .tp-side{background:#121821}.tp-dark .tp-card{background:#161b24}.tp-dark .tp-bar{background:#1de9b6}.tp-system{background:linear-gradient(90deg,#f4f6f9 50%,#0e1117 50%)}.tp-system .tp-side{background:#fff}.tp-system .tp-card{background:linear-gradient(90deg,#fff 50%,#161b24 50%)}.tp-system .tp-bar{background:linear-gradient(90deg,#0fb892,#1de9b6)}@media (max-width:1023px){.settings-layout{grid-template-columns:minmax(0,1fr)}.settings-nav{flex-direction:row;position:static;overflow-x:auto}}@media (max-width:767px){.theme-options{grid-template-columns:minmax(0,1fr)}.doc-thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}.wa-nums{text-align:left;grid-template-columns:repeat(3,1fr)}}