:root{--surface-canvas:#f4f5f7;--surface-primary:#fff;--surface-secondary:#f9fafb;--surface-tertiary:#f2f4f7;--surface-inverse:#101828;--surface-inverse-deep:#0b1220;--surface-inverse-raised:#1a2436;--topbar-bg:#ffffffeb;--scrim:#10182880;--border-subtle:#eef0f3;--border-default:#e4e7ec;--border-strong:#d0d5dd;--border-inverse:#243044;--text-primary:#1d2939;--text-secondary:#344054;--text-muted:#667085;--text-placeholder:#98a2b3;--text-on-inverse:#d0d5dd;--text-on-inverse-strong:#fff;--text-on-inverse-muted:#8b96a8;--accent:#e8b32c;--accent-hover:#d9a21a;--on-accent:#14110e;--accent-text:#8a6100;--accent-soft:#fff3d1;--accent-tint:#fffaeb;--accent-border:#f3db94;--focus-ring:#8a6100;--info:#2356a8;--info-soft:#eaf1fb;--info-tint:#f5f8fd;--info-border:#c9d9f2;--success:#1f7a4f;--success-text:#135c3a;--success-soft:#e7f5ee;--success-border:#bfdcce;--warning-text:#93400b;--warning-soft:#fff4e5;--warning-border:#fbd9b0;--danger:#b42318;--danger-hover:#912018;--on-danger:#fff;--danger-text:#7a1a12;--danger-text-muted:#9a4a42;--danger-soft:#feeceb;--danger-tint:#fef6f5;--danger-border:#f9d2ce;--channel-trendyol:#f27a1a;--channel-hepsiburada:#ff6000;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:999px;--shadow-card:0 1px 2px #1018280d;--shadow-raise:0 4px 12px #10182812;--shadow-pop:0 12px 32px #10182824;--shadow-modal:0 24px 48px #1018282e;--control-sm:32px;--control-md:40px;--control-lg:48px;--touch-min:44px;--sidebar-width:256px;--topbar-height:64px;--gutter:clamp(16px, 3vw, 32px);--page-max:1240px;--font-sans:Inter, "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;--font-display:Manrope, Inter, "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--icon-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7'/%3E%3C/svg%3E")}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--surface-canvas);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:14px;line-height:1.55}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:600;line-height:1.2}a{color:var(--info);text-decoration:none}a:hover{color:var(--accent-text)}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.sidebar :focus-visible,.bulkbar :focus-visible,.auth-brand :focus-visible,.on-navy :focus-visible{outline-color:var(--accent)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}[hidden],[x-cloak]{display:none!important}[wire\:loading][wire\:loading],[wire\:loading\.delay][wire\:loading\.delay],[wire\:loading\.delay\.none][wire\:loading\.delay\.none],[wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest],[wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter],[wire\:loading\.delay\.short][wire\:loading\.delay\.short],[wire\:loading\.delay\.long][wire\:loading\.delay\.long],[wire\:loading\.delay\.longer][wire\:loading\.delay\.longer],[wire\:loading\.delay\.longest][wire\:loading\.delay\.longest],[wire\:loading\.inline][wire\:loading\.inline],[wire\:loading\.inline-block][wire\:loading\.inline-block],[wire\:loading\.inline-flex][wire\:loading\.inline-flex],[wire\:loading\.block][wire\:loading\.block],[wire\:loading\.flex][wire\:loading\.flex],[wire\:loading\.grid][wire\:loading\.grid],[wire\:loading\.table][wire\:loading\.table]{display:none}.load-inline{align-items:center;gap:var(--space-2)}.mono{font-family:var(--font-mono)}.num{font-variant-numeric:tabular-nums}.dim{color:var(--text-muted)}.faint{color:var(--text-placeholder)}.grow{flex:1}.nowrap{white-space:nowrap}.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}.ico{flex-shrink:0;display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes popIn{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:none}}@keyframes slideIn{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:-420px 0}to{background-position:420px 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fillX{0%{transform:scaleX(0)}}@keyframes rowIn{0%{opacity:0;transform:translate(-8px)}}.anim-fade{animation:.25s backwards fadeIn}.anim-fade-up{animation:.7s backwards fadeUp}.anim-pop{animation:.22s backwards popIn}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.brand{align-items:center;gap:var(--space-2);color:var(--text-primary);display:inline-flex}.brand:hover{color:var(--text-primary)}.brand-logo{width:auto;height:48px;display:block}.brand-sm .brand-logo{height:44px}.brand-lg .brand-logo{height:64px}.brand-logo-gold,.on-navy .brand-logo-dark,.sidebar .brand-logo-dark,.lp-navy .brand-logo-dark,.lp-nav .brand-logo-dark,.lp-footer .brand-logo-dark{display:none}.on-navy .brand-logo-gold,.sidebar .brand-logo-gold,.lp-navy .brand-logo-gold,.lp-nav .brand-logo-gold,.lp-footer .brand-logo-gold{display:block}.brand-oms{font:600 12px/16px var(--font-mono);letter-spacing:.08em;color:var(--on-accent);background:var(--accent);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);align-self:center}.brand-mark{border-radius:var(--radius-md);background:var(--accent);width:32px;height:32px;font-family:var(--font-display);color:var(--on-accent);flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.brand-lg .brand-mark{width:40px;height:40px;font-size:20px}.brand-word{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;white-space:nowrap;font-size:20px;font-weight:700}.brand-sm .brand-word,.brand-word.sm{font-size:16px}.brand-lg .brand-word{font-size:24px}.brand-word em{color:var(--accent-text);font-style:normal;font-weight:700}.on-navy .brand-word,.sidebar .brand-word{color:var(--text-on-inverse-strong)}.on-navy .brand-word em,.sidebar .brand-word em{color:var(--accent)}.shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);background:linear-gradient(to right, var(--surface-inverse) 0 var(--sidebar-width), var(--surface-canvas) var(--sidebar-width));min-height:100vh;display:grid}.sidebar{background:var(--surface-inverse);color:var(--text-on-inverse);scrollbar-color:var(--surface-inverse-raised) transparent;flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-head{height:var(--topbar-height);align-items:center;gap:var(--space-2);padding:0 var(--space-4);border-bottom:1px solid var(--border-inverse);flex-shrink:0;display:flex}.nav-group{gap:var(--space-1);padding:var(--space-4) var(--space-3) 0;flex-direction:column;display:flex}.nav-title{letter-spacing:.08em;color:var(--text-on-inverse-muted);padding:0 var(--space-3) var(--space-2);text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.nav-item{align-items:center;gap:var(--space-3);height:var(--control-md);padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--text-on-inverse);cursor:pointer;text-align:left;border:1px solid #0000;width:100%;font-size:14px;font-weight:500;transition:background-color .15s,color .15s;display:flex}.nav-item .nav-ico{color:var(--text-on-inverse-muted);transition:color .15s}.nav-item:hover{color:var(--text-on-inverse-strong);background:var(--surface-inverse-raised)}.nav-item:hover .nav-ico{color:var(--text-on-inverse)}.nav-item.is-active{background:var(--surface-inverse-raised);border-color:var(--border-inverse);color:var(--text-on-inverse-strong);font-weight:600}.nav-item.is-active .nav-ico{color:var(--accent)}.nav-count{font:600 12px/20px var(--font-mono);color:var(--text-on-inverse);background:var(--surface-inverse-raised);padding:0 var(--space-2);border-radius:var(--radius-sm);font-variant-numeric:tabular-nums}.nav-item:hover .nav-count{background:var(--border-inverse)}.nav-item.is-active .nav-count{color:var(--on-accent);background:var(--accent)}.sidebar-foot{gap:var(--space-2);padding:var(--space-4) var(--space-3);flex-direction:column;margin-top:auto;display:flex}.quota-card{background:var(--surface-inverse-raised);border:1px solid var(--border-inverse);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);cursor:pointer;text-align:left;width:100%;color:var(--text-on-inverse);transition:border-color .15s;display:block}.quota-card:hover{border-color:var(--text-on-inverse-muted);color:var(--text-on-inverse)}.quota-plan{color:var(--text-on-inverse-strong);margin-bottom:var(--space-2);font-size:12px;font-weight:700}.quota-track{border-radius:var(--radius-full);background:var(--border-inverse);height:6px;overflow:hidden}.quota-fill{background:var(--accent);border-radius:var(--radius-full);height:100%;animation:1.1s cubic-bezier(.2,.8,.2,1) .2s backwards fillX}.quota-meta{color:var(--text-on-inverse-muted);margin-top:var(--space-2);font-variant-numeric:tabular-nums;font-size:12px}.sidebar-logout{align-items:center;gap:var(--space-3);color:var(--text-on-inverse-muted);height:var(--control-md);padding:0 var(--space-3);border-radius:var(--radius-md);text-align:left;width:100%;font-size:14px;font-weight:500;transition:background-color .15s,color .15s;display:flex}.sidebar-logout:hover{color:var(--text-on-inverse-strong);background:var(--surface-inverse-raised)}.nav-close,.nav-open{display:none}.main{flex-direction:column;min-width:0;display:flex}.topbar{z-index:30;height:var(--topbar-height);background:var(--topbar-bg);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-default);padding:0 var(--gutter);align-items:center;gap:var(--space-3);display:flex;position:sticky;top:0}.topbar-search{align-items:center;gap:var(--space-2);background:var(--surface-tertiary);border-radius:var(--radius-md);padding:0 var(--space-3);height:var(--control-md);border:1px solid #0000;flex:1;min-width:160px;max-width:420px;transition:border-color .15s,background-color .15s;display:flex}.topbar-search:focus-within{background:var(--surface-primary);border-color:var(--focus-ring);outline:1px solid var(--focus-ring)}.topbar-search input{background:0 0;border:0;outline:none;width:100%;min-width:0;height:100%;font-size:14px}.topbar-search input::placeholder{color:var(--text-placeholder)}.search-ico{color:var(--text-muted)}.sync-pill{align-items:center;gap:var(--space-2);height:var(--control-sm);padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--success-soft);border:1px solid var(--success-border);color:var(--success-text);flex-shrink:0;font-size:12px;font-weight:500;display:flex}.sync-pill.is-error{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger)}.sync-dot{border-radius:var(--radius-full);background:currentColor;width:8px;height:8px}.icon-btn{width:var(--control-md);height:var(--control-md);border-radius:var(--radius-md);background:var(--surface-primary);border:1px solid var(--border-default);color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s,background-color .15s;display:flex;position:relative}.icon-btn:hover{border-color:var(--border-strong);background:var(--surface-secondary)}.icon-badge{border-radius:var(--radius-full);background:var(--danger);min-width:18px;height:18px;color:var(--on-danger);border:2px solid var(--surface-primary);font:600 11px/1 var(--font-mono);padding:0 var(--space-1);justify-content:center;align-items:center;display:flex;position:absolute;top:-5px;right:-5px}.user-chip{align-items:center;gap:var(--space-2);padding:var(--space-1);border-radius:var(--radius-md);flex-shrink:0;display:flex}.user-avatar{border-radius:var(--radius-full);background:var(--accent-soft);width:36px;height:36px;color:var(--accent-text);border:1px solid var(--accent-border);flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.user-meta{flex-direction:column;min-width:0;display:flex}.user-name{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.25}.user-role{color:var(--text-muted);white-space:nowrap;font-size:12px;line-height:1.3}.page{padding:clamp(16px, 3vw, 32px) var(--gutter) var(--space-12);gap:var(--space-6);width:100%;max-width:calc(var(--page-max) + 2 * 32px);flex-direction:column;display:flex}.stack{gap:var(--space-6);flex-direction:column;display:flex}.stack-sm{gap:var(--space-4);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.row-end{align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);font-size:24px;font-weight:700;line-height:32px}.page-sub{color:var(--text-muted);font-size:14px}.card-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-primary);font-size:16px;font-weight:600;line-height:24px}.eyebrow{letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:700}.grid-auto{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(290px,1fr));align-items:start;display:grid}.grid-kpi{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(210px,1fr));display:grid}.grid-filters{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.grid-cards{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.card{background:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6);gap:var(--space-4);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.card.pad-sm{padding:var(--space-4)}.card.pad-lg{padding:var(--space-8)}.card.flush{padding:0;overflow:hidden}.card.is-error{border-color:var(--danger-border)}.card.grid-filters,.card.grid-kpi,.card.grid-auto,.card.grid-cards{display:grid}.kpi{gap:var(--space-3);transition:border-color .15s,box-shadow .15s;animation:.45s cubic-bezier(.2,.8,.2,1) backwards popIn}.kpi:hover{border-color:var(--border-strong);box-shadow:var(--shadow-raise)}.grid-kpi>.kpi:nth-child(2){animation-delay:60ms}.grid-kpi>.kpi:nth-child(3){animation-delay:.12s}.grid-kpi>.kpi:nth-child(4){animation-delay:.18s}.kpi-head{align-items:center;gap:var(--space-2);display:flex}.kpi-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.kpi-label{color:var(--text-muted);font-size:13px;font-weight:500}.kpi-value{font-family:var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--text-primary);font-size:32px;font-weight:800;line-height:40px}.kpi-foot{align-items:center;gap:var(--space-2);display:flex}.kpi-delta{font-size:12px;font-weight:600}.bar-track{background:var(--border-subtle);border-radius:var(--radius-full);height:6px;overflow:hidden}.bar-fill{border-radius:var(--radius-full);height:100%;animation:1.1s cubic-bezier(.2,.8,.2,1) .2s backwards fillX;display:block}.kpi-bar,.bar-fill,.quota-fill{transform-origin:0}.kpi-track{background:var(--border-subtle);border-radius:var(--radius-full);flex:1;height:6px;overflow:hidden}.kpi-bar{border-radius:var(--radius-full);height:100%;animation:1.1s cubic-bezier(.2,.8,.2,1) .25s backwards fillX;display:block}.counter{background:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);align-items:center;gap:var(--space-2);box-shadow:var(--shadow-card);display:flex}.counter-label{color:var(--text-muted);font-size:12px;font-weight:500}.counter-value{font:600 16px/24px var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-primary)}.donut-wrap{padding:var(--space-2) 0;justify-content:center;align-items:center;display:flex}.donut{border-radius:var(--radius-full);justify-content:center;align-items:center;width:150px;height:150px;display:flex}.donut-hole{border-radius:var(--radius-full);background:var(--surface-primary);flex-direction:column;justify-content:center;align-items:center;width:102px;height:102px;display:flex}.donut-total{font-family:var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:24px;font-weight:700}.donut-unit{color:var(--text-muted);font-size:12px}.legend{gap:var(--space-2);flex-direction:column;display:flex}.legend-row{align-items:center;gap:var(--space-2);font-size:13px;display:flex}.legend-swatch{border-radius:var(--radius-full);flex-shrink:0;width:10px;height:10px}.badge{align-items:center;gap:var(--space-2);height:24px;padding:0 var(--space-2);font:600 12px/16px var(--font-mono);border-radius:var(--radius-sm);white-space:nowrap;border:1px solid #0000;display:inline-flex}.badge:before{content:"";border-radius:var(--radius-full);background:currentColor;flex-shrink:0;width:6px;height:6px}.badge.b-neutral{background:var(--surface-tertiary);color:var(--text-secondary);border-color:var(--border-default)}.badge.b-acc{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent-border)}.badge.b-warn{background:var(--warning-soft);color:var(--warning-text);border-color:var(--warning-border)}.badge.b-ok{background:var(--success-soft);color:var(--success-text);border-color:var(--success-border)}.badge.b-info{background:var(--info-soft);color:var(--info);border-color:var(--info-border)}.badge.b-dan{background:var(--danger-soft);color:var(--danger);border-color:var(--danger-border)}.chip{align-items:center;gap:var(--space-2);height:24px;padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--surface-secondary);border:1px solid var(--border-default);color:var(--text-secondary);font-size:12px;font-weight:600;display:inline-flex}.chip.mono{font-family:var(--font-mono);font-weight:500}.chip.is-pdf{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent-text)}.chip.is-zpl{background:var(--info-soft);border-color:var(--info-border);color:var(--info)}.carrier-tile{border-radius:var(--radius-sm);width:24px;height:24px;font:600 11px/1 var(--font-mono);background:var(--surface-tertiary);color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.carrier-tile.is-kg{background:var(--accent-soft);color:var(--accent-text)}.carrier-tile.is-mng{background:var(--info-soft);color:var(--info)}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:var(--control-md);padding:0 var(--space-4);border-radius:var(--radius-md);white-space:nowrap;border:1px solid #0000;font-size:14px;font-weight:600;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);color:var(--on-accent)}.btn-secondary{border-color:var(--border-strong);color:var(--text-secondary);background:var(--surface-primary)}.btn-secondary:hover:not(:disabled){background:var(--surface-secondary);border-color:var(--text-placeholder);color:var(--text-primary)}.btn-ghost{color:var(--text-muted);padding:0 var(--space-2)}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:var(--surface-tertiary)}.btn-danger{background:var(--danger);color:var(--on-danger)}.btn-danger:hover:not(:disabled){background:var(--danger-hover);color:var(--on-danger)}.btn-danger-outline{border-color:var(--danger-border);color:var(--danger);background:var(--surface-primary)}.btn-danger-outline:hover:not(:disabled){background:var(--danger-tint)}.btn-sm{height:var(--control-sm);padding:0 var(--space-3);border-radius:var(--radius-sm);font-size:13px}.btn-lg{height:var(--control-lg);padding:0 var(--space-6);font-size:16px}.btn-block{width:100%}.btn-on-dark{color:var(--text-on-inverse);border-color:var(--text-on-inverse-muted)}.btn-on-dark:hover:not(:disabled){background:var(--surface-inverse-raised);border-color:var(--text-on-inverse);color:var(--text-on-inverse-strong)}.btn-on-dark-solid{background:var(--accent);color:var(--on-accent)}.btn-on-dark-solid:hover:not(:disabled){background:var(--accent-hover);color:var(--on-accent)}.field{gap:var(--space-2);flex-direction:column;display:flex}.field-label{color:var(--text-secondary);font-size:13px;font-weight:600}.field-hint{color:var(--text-muted);font-size:12px;line-height:1.5}.field-error{color:var(--danger);font-size:12px;font-weight:500}.input,.select,.textarea{border:1px solid var(--border-strong);background:var(--surface-primary);border-radius:var(--radius-md);padding:0 var(--space-3);height:var(--control-md);width:100%;color:var(--text-primary);outline:none;font-size:14px;transition:border-color .15s}.input:hover,.select:hover,.textarea:hover{border-color:var(--text-placeholder)}.input:focus,.select:focus,.textarea:focus{border-color:var(--focus-ring);outline:1px solid var(--focus-ring);outline-offset:0}.input.is-invalid,.select.is-invalid{border-color:var(--danger)}.input.is-invalid:focus{outline-color:var(--danger)}.input::placeholder,.textarea::placeholder{color:var(--text-placeholder)}.input.mono{font-family:var(--font-mono);font-size:13px}div.input{align-items:center;gap:var(--space-1);display:flex}.textarea{height:auto;min-height:96px;padding:var(--space-2) var(--space-3);resize:vertical;line-height:1.55}.select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--text-muted) 50%), linear-gradient(135deg, var(--text-muted) 50%, transparent 50%);padding-right:var(--space-8);background-position:calc(100% - 17px) calc(50% + 1px),calc(100% - 12px) calc(50% + 1px);background-repeat:no-repeat;background-size:5px 5px,5px 5px}.filter{gap:var(--space-2);flex-direction:column;display:flex}.filter .select.is-set,.filter .input.is-set{border-color:var(--accent);background-color:var(--accent-tint);color:var(--text-primary);font-weight:600}.checkbox{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-primary);color:#0000;cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;transition:background-color .12s,border-color .12s;display:inline-flex}.checkbox:after{content:"";width:12px;height:12px;-webkit-mask:var(--icon-check) center / contain no-repeat;-webkit-mask:var(--icon-check) center / contain no-repeat;mask:var(--icon-check) center / contain no-repeat;background:currentColor}.checkbox:hover{border-color:var(--accent-text)}.checkbox.is-on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.switch{border-radius:var(--radius-full);background:var(--border-strong);flex-shrink:0;width:40px;height:22px;transition:background-color .18s;position:relative}.switch:after{content:"";border-radius:var(--radius-full);background:var(--surface-primary);width:18px;height:18px;box-shadow:var(--shadow-card);transition:transform .18s;position:absolute;top:2px;left:2px}.switch.is-on{background:var(--accent)}.switch.is-on:after{transform:translate(18px)}.table-wrap{overflow-x:auto}.dt{min-width:880px}.dt-head,.dt-row{gap:var(--space-3);padding:var(--space-2) var(--space-4);grid-template-columns:44px 1.1fr 1.1fr .8fr 1fr .9fr .8fr;align-items:center;display:grid}.dt-head{min-height:var(--control-md);background:var(--surface-secondary);border-bottom:1px solid var(--border-default);color:var(--text-muted);font-size:12px;font-weight:600}.dt-row{border-bottom:1px solid var(--border-subtle);cursor:pointer;min-height:56px;transition:background-color .12s}.dt-row:last-child{border-bottom:0}.dt-row{animation:.35s backwards rowIn}.dt-row:nth-child(2){animation-delay:30ms}.dt-row:nth-child(3){animation-delay:60ms}.dt-row:nth-child(4){animation-delay:90ms}.dt-row:nth-child(5){animation-delay:.12s}.dt-row:nth-child(6){animation-delay:.15s}.dt-row:nth-child(7){animation-delay:.18s}.dt-row:nth-child(8){animation-delay:.21s}.dt-row:nth-child(9){animation-delay:.24s}.dt-row:nth-child(n+10){animation-delay:.27s}.dt-row:hover{background:var(--surface-secondary)}.dt-row.is-selected{background:var(--accent-tint)}.dt-cell-no{font-family:var(--font-mono);color:var(--text-primary);font-size:13px;font-weight:500}.dt-cell{color:var(--text-primary);font-size:14px}.dt-cell.dim{color:var(--text-muted)}.dt-sub{color:var(--text-muted);font-size:12px}.dt.dt-4{min-width:640px}.dt.dt-4 .dt-head,.dt.dt-4 .dt-row{grid-template-columns:1.4fr 1fr .8fr .8fr .6fr}.dt.dt-5{min-width:720px}.dt.dt-5 .dt-head,.dt.dt-5 .dt-row{grid-template-columns:44px 1.6fr 1fr 1fr .8fr}.dt.dt-staff{min-width:660px}.dt.dt-staff .dt-head,.dt.dt-staff .dt-row{grid-template-columns:1.4fr 1.4fr .9fr .8fr}.pager{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.pager-pages{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.pager-btn{min-width:var(--control-sm);height:var(--control-sm);padding:0 var(--space-3);border:1px solid var(--border-default);background:var(--surface-primary);border-radius:var(--radius-sm);font:500 13px/1 var(--font-mono);color:var(--text-secondary);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;transition:border-color .15s,background-color .15s,color .15s;display:inline-flex}.pager-btn:hover:not(.is-disabled):not(.is-active){background:var(--surface-secondary);border-color:var(--border-strong);color:var(--text-primary)}.pager-btn.is-active{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.pager-btn.is-disabled{color:var(--text-placeholder);background:var(--surface-secondary);cursor:not-allowed}.pager-gap{padding:0 var(--space-1);color:var(--text-placeholder);font-size:13px}.bulkbar{z-index:25;background:var(--surface-inverse);border:1px solid var(--border-inverse);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-3);box-shadow:var(--shadow-pop);flex-wrap:wrap;animation:.22s both popIn;display:flex;position:sticky;bottom:16px}.bulkbar-count{color:var(--text-on-inverse-strong);font-size:14px;font-weight:600}.bulkbar-meta{color:var(--text-on-inverse-muted);font-size:12px}.bulkbar .btn-ghost{color:var(--text-on-inverse-muted)}.bulkbar .btn-ghost:hover{color:var(--accent);background:0 0}.quota-banner{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--gutter);background:var(--danger);color:var(--on-danger);flex-wrap:wrap;animation:.2s both fadeIn;display:flex}.quota-banner-ico{border-radius:var(--radius-md);background:var(--danger-hover);flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.quota-banner-text{flex:1;min-width:240px;font-size:14px;line-height:1.45}.quota-banner-text b{font-weight:700}.quota-banner-btn{background:var(--surface-primary);color:var(--danger-text)}.quota-banner-btn:hover{background:var(--danger-tint);color:var(--danger-text)}.quota-pop-card{width:min(460px,100%);padding:var(--space-8) var(--space-6) var(--space-6);text-align:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.quota-pop-ico{border-radius:var(--radius-lg);background:var(--danger-soft);border:1px solid var(--danger-border);width:64px;height:64px;color:var(--danger);place-items:center;display:grid}.quota-pop-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);font-size:24px;font-weight:700}.quota-pop-body{color:var(--text-muted);margin:0;font-size:14px;line-height:1.6}.quota-pop-body b{color:var(--text-primary)}.quota-pop-actions{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.quota-pop-mail{color:var(--text-muted);font-size:12px}.error-banner{background:var(--danger-tint);border-bottom:1px solid var(--danger-border);padding:var(--space-3) var(--gutter);align-items:center;gap:var(--space-3);flex-wrap:wrap;animation:.2s both fadeIn;display:flex}.error-glyph{border-radius:var(--radius-full);background:var(--danger);width:24px;height:24px;color:var(--on-danger);flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.error-title{color:var(--danger-text);font-size:14px;font-weight:600}.error-body{color:var(--danger-text-muted);font-size:13px}.note{border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);gap:var(--space-2);align-items:flex-start;font-size:14px;line-height:1.55;display:flex}.note-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px;margin-top:calc(.775em - 4px)}.note.n-ok{background:var(--success-soft);border:1px solid var(--success-border);color:var(--success-text)}.note.n-ok .note-dot{background:var(--success)}.note.n-warn{background:var(--accent-tint);border:1px solid var(--accent-border);color:var(--accent-text)}.note.n-warn .note-dot{background:var(--accent)}.note.n-info{background:var(--info-tint);border:1px solid var(--info-border);color:var(--info)}.note.n-info .note-dot{background:var(--info)}.note.n-dan{background:var(--danger-tint);border:1px solid var(--danger-border);color:var(--danger-text)}.note.n-dan .note-dot{background:var(--danger)}.action-row{border-radius:var(--radius-md);padding:var(--space-4);align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.action-row.a-dan{border:1px solid var(--danger-border);background:var(--danger-tint)}.action-row.a-warn{border:1px solid var(--accent-border);background:var(--accent-tint)}.action-row.a-info{border:1px solid var(--info-border);background:var(--info-tint)}.action-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px}.action-text{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.action-title{color:var(--text-primary);font-size:14px;font-weight:600}.action-meta{color:var(--text-muted);font-size:12px}.empty{background:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-lg);align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;padding:clamp(32px,5vw,48px);display:flex}.empty-glyph{border-radius:var(--radius-lg);background:var(--accent-tint);border:1px solid var(--accent-border);width:48px;height:48px;color:var(--accent-text);justify-content:center;align-items:center;font-size:20px;display:flex}.empty-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-size:20px;font-weight:700}.empty-body{color:var(--text-muted);max-width:440px;font-size:14px;line-height:1.6}.skel{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--border-subtle) 8%, var(--surface-secondary) 20%, var(--border-subtle) 32%);background-size:600px 100%;animation:1.3s linear infinite shimmer}.spinner{border-radius:var(--radius-full);border:2px solid var(--border-strong);border-top-color:var(--text-primary);flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spin}.spinner.on-gold{border-color:var(--accent-hover);border-top-color:var(--on-accent)}.scrim-plain{z-index:90;background:0 0;position:fixed;inset:0}.notif-panel{top:calc(var(--topbar-height) + 8px);right:var(--gutter);z-index:95;background:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:min(390px,100vw - 32px);box-shadow:var(--shadow-modal);animation:.2s both slideIn;position:fixed;overflow:hidden}.notif-head{padding:var(--space-4);border-bottom:1px solid var(--border-default);align-items:center;gap:var(--space-2);display:flex}.notif-list{max-height:min(60vh,460px);overflow-y:auto}.notif-row{gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border-subtle);text-align:left;width:100%;display:flex}.notif-row:hover{background:var(--surface-secondary)}.notif-row.is-unread{background:var(--accent-tint)}.notif-row:last-child{border-bottom:0}.scrim{z-index:100;background:var(--scrim);-webkit-backdrop-filter:blur(3px);justify-content:center;align-items:center;padding:clamp(12px,3vw,32px);animation:.18s both fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--surface-primary);border-radius:var(--radius-lg);width:min(720px,100%);max-height:88vh;box-shadow:var(--shadow-modal);animation:.22s both popIn;overflow-y:auto}.modal-head{padding:var(--space-6);border-bottom:1px solid var(--border-default);align-items:flex-start;gap:var(--space-4);display:flex}.modal-body{padding:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.modal-foot{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-default);background:var(--surface-secondary);align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.toast-stack{right:var(--gutter);bottom:var(--gutter);z-index:120;gap:var(--space-2);pointer-events:none;flex-direction:column;width:min(390px,100vw - 32px);display:flex;position:fixed}.toast{pointer-events:auto;background:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4);align-items:flex-start;gap:var(--space-3);box-shadow:var(--shadow-pop);animation:.22s both popIn;display:flex}.toast-mark{border-radius:var(--radius-full);background:var(--accent);flex-shrink:0;width:8px;height:8px;margin-top:calc(.775em - 4px)}.toast-title{color:var(--text-primary);font-size:14px;font-weight:600}.toast-body{color:var(--text-muted);font-size:13px;line-height:1.5}.toast-close{color:var(--text-muted);padding:var(--space-1);border-radius:var(--radius-sm);font-size:16px;line-height:1}.toast-close:hover{color:var(--text-primary);background:var(--surface-tertiary)}.toast.t-green .toast-mark{background:var(--success)}.toast.t-blue .toast-mark{background:var(--info)}.toast.t-red .toast-mark{background:var(--danger)}.toast-undo{color:var(--accent-text);border:1px solid var(--accent-border);background:var(--accent-tint);height:var(--control-sm);padding:0 var(--space-3);border-radius:var(--radius-sm);white-space:nowrap;font-size:13px;font-weight:600}.toast-undo:hover{background:var(--accent-soft)}.auth{background:var(--surface-primary);grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);min-height:100vh;display:grid}.auth-brand{background:var(--surface-inverse);color:var(--text-on-inverse);gap:var(--space-8);flex-direction:column;min-height:320px;padding:clamp(32px,5vw,48px);display:flex;position:relative;overflow:hidden}.auth-glow{pointer-events:none;background-image:linear-gradient(var(--border-inverse) 1px, transparent 1px), linear-gradient(90deg, var(--border-inverse) 1px, transparent 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 70% 20%,#000,#0000);mask-image:radial-gradient(80% 70% at 70% 20%,#000,#0000)}.auth-headline{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-on-inverse-strong);margin:0;font-size:clamp(32px,3.8vw,40px);font-weight:800;line-height:1.1;position:relative}.auth-headline em{color:var(--accent);font-style:normal}.auth-lead{color:var(--text-on-inverse-muted);max-width:400px;font-size:16px;line-height:1.6}.auth-points{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex;position:relative}.auth-point{gap:var(--space-3);color:var(--text-on-inverse);align-items:flex-start;font-size:14px;line-height:1.5;display:flex}.auth-point-ico{border-radius:var(--radius-md);background:var(--surface-inverse-raised);border:1px solid var(--border-inverse);width:32px;height:32px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.auth-point b{color:var(--text-on-inverse-strong);font-weight:600}.auth-form-wrap{background:var(--surface-primary);justify-content:center;align-items:center;padding:clamp(32px,5vw,48px);display:flex}.auth-form{gap:var(--space-6);flex-direction:column;width:100%;max-width:400px;display:flex}.auth-title{letter-spacing:-.03em;color:var(--text-primary);font-size:24px;font-weight:700}.auth-sub{color:var(--text-muted);font-size:14px}.auth-foot{text-align:center;color:var(--text-muted);font-size:14px}.auth-sign{text-align:center;color:var(--text-muted);font-size:12px}.auth-sign b{color:var(--accent-text);font-weight:600}.auth-glyph{border-radius:var(--radius-lg);background:var(--accent-soft);border:1px solid var(--accent-border);width:48px;height:48px;color:var(--accent-text);justify-content:center;align-items:center;font-size:20px;display:flex}.pw-meter{gap:var(--space-1);padding-top:var(--space-1);align-items:center;display:flex}.pw-seg{border-radius:var(--radius-full);background:var(--border-subtle);flex:1;height:4px}.pw-seg.on-weak{background:var(--danger)}.pw-seg.on-mid{background:var(--accent)}.pw-seg.on-strong{background:var(--success)}.pw-label{padding-left:var(--space-2);font-size:12px;font-weight:600}.onb{background:var(--surface-canvas);flex-direction:column;min-height:100vh;display:flex}.onb-head{height:var(--topbar-height);padding:0 var(--gutter);border-bottom:1px solid var(--border-default);background:var(--surface-primary);align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.onb-body{padding:clamp(24px, 4vw, 48px) var(--gutter);flex:1}.onb-inner{gap:var(--space-6);flex-direction:column;max-width:780px;margin:0 auto;display:flex}.onb-steps{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.onb-step{gap:var(--space-2);flex-direction:column;display:flex}.onb-bar{border-radius:var(--radius-full);background:var(--border-default);height:4px}.onb-step.is-done .onb-bar,.onb-step.is-current .onb-bar{background:var(--accent)}.onb-step-row{align-items:center;gap:var(--space-2);display:flex}.onb-chip{border-radius:var(--radius-full);width:24px;height:24px;font:600 12px/1 var(--font-mono);background:var(--surface-tertiary);color:var(--text-muted);border:1px solid var(--border-default);flex-shrink:0;justify-content:center;align-items:center;display:flex}.onb-step.is-done .onb-chip{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.onb-step.is-current .onb-chip{background:var(--surface-primary);color:var(--accent-text);border-color:var(--accent-text)}.onb-step-label{color:var(--text-muted);font-size:13px}.onb-step.is-current .onb-step-label{color:var(--text-primary);font-weight:600}.onb-foot{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.tabs{gap:var(--space-1);border-bottom:1px solid var(--border-default);flex-wrap:wrap;display:flex}.tab{color:var(--text-muted);height:var(--control-lg);padding:0 var(--space-3);border-bottom:2px solid #0000;align-items:center;margin-bottom:-1px;font-size:14px;font-weight:500;transition:color .15s,border-color .15s;display:inline-flex}.tab:hover{color:var(--text-primary)}.tab.is-active{color:var(--text-primary);border-bottom-color:var(--accent);font-weight:600}.status-tabs{gap:var(--space-1);scrollbar-width:thin;background:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:0 var(--space-2);box-shadow:var(--shadow-card);display:flex;overflow-x:auto}.status-tab{align-items:center;gap:var(--space-2);height:var(--control-lg);padding:0 var(--space-3);color:var(--text-muted);border-bottom:2px solid #0000;flex-shrink:0;margin-bottom:-1px;font-size:14px;font-weight:500;transition:color .15s,border-color .15s;display:inline-flex}.status-tab:hover{color:var(--text-primary)}.status-tab.is-active{color:var(--text-primary);border-bottom-color:var(--accent);font-weight:600}.status-count{font:600 12px/20px var(--font-mono);text-align:center;min-width:24px;padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--surface-tertiary);color:var(--text-muted);font-variant-numeric:tabular-nums}.status-tab.is-active .status-count{background:var(--accent);color:var(--on-accent)}@media (width<=899px){.shell{background:var(--surface-canvas);display:block}.sidebar{z-index:80;width:min(290px,86vw);height:100vh;transition:transform .22s;position:fixed;inset:0 auto 0 0;transform:translate(-102%)}.shell.nav-open .sidebar{box-shadow:var(--shadow-modal);transform:none}.nav-scrim{z-index:70;background:var(--scrim);position:fixed;inset:0}.nav-open-btn{width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius-md);background:var(--surface-primary);border:1px solid var(--border-default);color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-close{width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius-md);border:1px solid var(--border-inverse);color:var(--text-on-inverse);justify-content:center;align-items:center;display:flex}.topbar{gap:var(--space-2)}.topbar>.grow{display:none}.topbar-search{min-width:0;max-width:none}.user-meta,.sync-pill span:not(.sync-dot){display:none}.sync-pill{padding:0 var(--space-3)}.grid-auto,.grid-kpi,.grid-cards,.auth{grid-template-columns:1fr}.auth-brand{gap:var(--space-6);min-height:0}.auth-points{display:none}.onb-steps{grid-template-columns:repeat(2,1fr)}.toast-stack,.notif-panel{left:var(--gutter);right:var(--gutter);width:auto}}@media (width>=900px){.nav-open-btn,.nav-scrim{display:none}}@media (width<=899px),(pointer:coarse){.btn,.btn-sm,.input,.select,.nav-item,.sidebar-logout,.tab,.status-tab,.toast-undo,.sync-pill{min-height:var(--touch-min)}.topbar-search{min-height:calc(var(--touch-min) + 2px)}.icon-btn,.pager-btn,.toast-close{min-width:var(--touch-min);min-height:var(--touch-min)}.textarea{min-height:96px}.auth-foot a,.auth-sign a,.auth-form>div>a{min-height:var(--touch-min);align-items:center;display:inline-flex}}@media print{.sidebar,.topbar,.bulkbar,.toast-stack,.notif-panel,.error-banner{display:none!important}.shell{display:block}.card{box-shadow:none;border-color:var(--border-strong)}body{background:var(--surface-primary)}}