:root{--sf-primary: #6871fd;--sf-primary-strong: #4f46e5;--sf-primary-soft: #eef2ff;--sf-bg: #f4f6f9;--sf-surface: #ffffff;--sf-border: #cbd5e1;--sf-registry-grid: #b8c4d6;--sf-registry-grid-strong: #94a3b8;--sf-registry-header-bg: #edf2ff;--sf-text: #0f172a;--sf-muted: #556177;--sf-success: #10b981;--sf-danger: #ef4444;--sf-warning: #f59e0b;--sf-info: #3b82f6;--sf-sidebar-bg: linear-gradient(180deg, #0f172a 0%, #1e1b4b 100%);--sf-card-shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 6px 16px rgba(0, 0, 0, .06);--sf-card-shadow-hover: 0 4px 12px rgba(0, 0, 0, .1), 0 12px 28px rgba(0, 0, 0, .1);--sf-radius: 16px;--sf-radius-sm: 12px;--sf-radius-xs: 8px}html{color-scheme:light;overflow-x:hidden}html.dark{color-scheme:dark;--sf-bg: #0a0e1a;--sf-surface: #111827;--sf-border: #1e293b;--sf-registry-grid: #334155;--sf-registry-grid-strong: #475569;--sf-registry-header-bg: #172033;--sf-text: #f1f5f9;--sf-muted: #94a3b8;--sf-primary-soft: rgba(99, 102, 241, .15);--sf-card-shadow: 0 1px 3px rgba(0, 0, 0, .2), 0 8px 20px rgba(0, 0, 0, .15);--sf-card-shadow-hover: 0 4px 12px rgba(0, 0, 0, .25), 0 16px 36px rgba(0, 0, 0, .2)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:TikTok Sans,Inter,system-ui,-apple-system,sans-serif;color:var(--sf-text);background:var(--sf-bg);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sf-surface{background:var(--sf-surface);border:1px solid var(--sf-border);box-shadow:var(--sf-card-shadow);border-radius:var(--sf-radius)}.sf-sidebar{background:linear-gradient(180deg,#0f172a,#1e1b4b);border-right:1px solid rgba(255,255,255,.06)}.sf-sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:radial-gradient(ellipse at 30% 0%,rgba(99,102,241,.15),transparent 70%);pointer-events:none}.sf-nav-item{transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.sf-nav-item:hover{background:#ffffff0f}.sf-nav-item-active{background:linear-gradient(135deg,#6366f140,#6366f11f);box-shadow:inset 0 0 0 1px #818cf84d,0 0 20px #6366f11a}.sf-nav-item-active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;border-radius:0 4px 4px 0;background:#818cf8}.sf-nav-section-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#ffffff08;color:#ffffffd1;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit;text-align:left}.sf-nav-section-toggle:hover{background:#ffffff14;border-color:#ffffff1f}.sf-nav-section-toggle-active{color:#fff;border-color:#818cf838;background:linear-gradient(135deg,#6366f129,#6366f10f)}.sf-nav-section-toggle-open{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.sf-nav-section-chevron{color:#ffffff85;transition:transform .2s ease,color .2s ease}.sf-nav-section-toggle-active .sf-nav-section-chevron,.sf-nav-section-toggle:hover .sf-nav-section-chevron{color:#ffffffc7}.sf-nav-section-toggle-open .sf-nav-section-chevron{transform:rotate(180deg)}.sf-nav-subnav{display:grid;gap:4px}.sf-nav-scroll{overflow-y:auto;min-height:0;padding-right:4px;margin-right:-6px}.sf-page-intro{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem}.sf-tabbar{background:var(--sf-surface);border:1px solid var(--sf-border);border-radius:var(--sf-radius-sm);padding:4px;box-shadow:0 1px 3px #0000000f;display:inline-flex;align-items:center;gap:2px;overflow-x:auto}.sf-tab{border-radius:var(--sf-radius-xs);color:var(--sf-muted);transition:all .2s cubic-bezier(.4,0,.2,1);border:none;background:transparent;cursor:pointer;white-space:nowrap;font-weight:600;font-size:13px;padding:8px 14px}.sf-tab:hover{color:var(--sf-text);background:#6366f10f}.sf-tab-active{background:var(--sf-primary)!important;color:#fff!important;box-shadow:0 2px 8px #6366f159}html.dark .sf-tab-active{background:var(--sf-primary)!important;color:#fff!important;box-shadow:0 2px 12px #6366f166}.sf-kpi{position:relative;overflow:hidden;border-radius:var(--sf-radius);box-shadow:none}.sf-kpi:hover{box-shadow:none}.sf-kpi-glow{position:absolute;bottom:-40%;right:-20%;width:120px;height:120px;border-radius:50%;filter:blur(40px);pointer-events:none;opacity:.5}.sf-kpi-icon{width:44px;height:44px;border-radius:var(--sf-radius-sm);display:inline-flex;align-items:center;justify-content:center;font-size:20px}.sf-kpi--blue .sf-kpi-icon{background:#3b82f61f;color:#3b82f6}.sf-kpi--blue .sf-kpi-glow{background:#3b82f6}.sf-kpi--green .sf-kpi-icon{background:#10b9811f;color:#10b981}.sf-kpi--green .sf-kpi-glow{background:#10b981}.sf-kpi--red .sf-kpi-icon{background:#ef44441f;color:#ef4444}.sf-kpi--red .sf-kpi-glow{background:#ef4444}.sf-kpi--orange .sf-kpi-icon{background:#f59e0b1f;color:#f59e0b}.sf-kpi--orange .sf-kpi-glow{background:#f59e0b}.sf-kpi--purple .sf-kpi-icon{background:#8b5cf61f;color:#8b5cf6}.sf-kpi--purple .sf-kpi-glow{background:#8b5cf6}.sf-kpi--slate .sf-kpi-icon{background:#64748b1f;color:#64748b}.sf-kpi--slate .sf-kpi-glow{background:#64748b}.sf-filter{border-radius:var(--sf-radius-xs);border:1px solid var(--sf-border);background:var(--sf-surface);color:var(--sf-text);outline:none;transition:all .2s ease;font-family:inherit;font-size:13px}.sf-filter:focus{border-color:var(--sf-primary);box-shadow:0 0 0 3px #6366f11f}select.sf-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:10px 6px;padding-right:28px!important;cursor:pointer}select.sf-select:hover{border-color:#6366f159}.sf-filter-section{background:var(--sf-surface);border:1px solid var(--sf-border);border-radius:var(--sf-radius);box-shadow:var(--sf-card-shadow);position:relative}.sf-filter-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,rgba(99,102,241,.03) 0%,transparent 100%);pointer-events:none}html.dark .sf-filter-section:before{background:linear-gradient(180deg,rgba(99,102,241,.06) 0%,transparent 100%)}.sf-order-card{border-radius:var(--sf-radius);border:1px solid var(--sf-border);background:var(--sf-surface);box-shadow:var(--sf-card-shadow);transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer}.sf-order-card:hover{transform:translateY(-2px);border-color:#6366f166;box-shadow:var(--sf-card-shadow-hover)}.sf-order-chip{border-radius:6px;border:1px solid var(--sf-border);padding:3px 8px;background:#6366f10f;color:var(--sf-primary);font-size:11px;line-height:1.2;font-weight:600}html.dark .sf-order-chip{color:#a5b4fc;background:#6366f11a;border-color:#6366f133}.sf-order-chip-muted{border-color:var(--sf-border);background:transparent;color:var(--sf-muted)}.sf-order-items{margin:0;padding-left:1rem}.sf-order-items li{margin:.16rem 0;color:var(--sf-muted)}.sf-order-items li strong{color:var(--sf-text)}.sf-problem-pulse{animation:sfPulse 2s ease-in-out infinite}@keyframes sfPulse{0%,to{box-shadow:var(--sf-card-shadow),0 0 #ef444426}50%{box-shadow:var(--sf-card-shadow),0 0 0 6px #ef44440d}}.sf-stat-mini{border-radius:var(--sf-radius-xs);border:1px solid var(--sf-border);background:var(--sf-bg);padding:8px 10px}html.dark .sf-stat-mini{background:#ffffff08}.sf-item-row{border-radius:var(--sf-radius-xs);border:1px solid var(--sf-border);background:var(--sf-bg);padding:8px 10px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}html.dark .sf-item-row{background:#ffffff08}.sf-stage-pill{padding:4px 6px;border-radius:6px;text-align:center;font-size:10px;font-weight:600;border:1px solid var(--sf-border);background:var(--sf-bg);color:var(--sf-muted);transition:all .15s ease}.sf-stage-pill--done{background:#6366f11a;border-color:#6366f140;color:var(--sf-primary)}.sf-progress-track{height:6px;width:100%;border-radius:999px;background:var(--sf-border);overflow:hidden}.sf-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#6366f1,#818cf8);transition:width .4s cubic-bezier(.4,0,.2,1)}.sf-empty-state{display:flex;flex-direction:column;align-items:center;padding:64px 24px}.sf-empty-icon{width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,#6366f11f,#8b5cf61f);display:flex;align-items:center;justify-content:center;color:var(--sf-primary);margin-bottom:20px}.sf-skeleton{border-radius:var(--sf-radius);background:linear-gradient(90deg,var(--sf-border) 25%,var(--sf-surface) 50%,var(--sf-border) 75%);background-size:200% 100%;animation:sfShimmer 1.5s ease-in-out infinite}@keyframes sfShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes sfSaveAttention{0%{background-position:0% 50%;box-shadow:0 10px 26px #6366f13d}35%{background-position:55% 50%;box-shadow:0 12px 28px #ef44443d}68%{background-position:100% 50%;box-shadow:0 12px 28px #ec48993d}to{background-position:0% 50%;box-shadow:0 10px 26px #6366f13d}}.sf-btn-refresh{border-radius:var(--sf-radius-xs);border:1px solid var(--sf-border);background:var(--sf-surface);color:var(--sf-text);cursor:pointer;font-family:inherit;font-weight:600;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;padding:0 14px;height:44px}.sf-btn-refresh:hover{background:var(--sf-primary);color:#fff;border-color:var(--sf-primary);box-shadow:0 2px 8px #6366f14d}.sf-btn-refresh:hover svg{animation:sfSpin .6s ease}@keyframes sfSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sf-btn-toggle{border-radius:var(--sf-radius-xs);border:1px solid var(--sf-border);background:var(--sf-surface);color:var(--sf-muted);cursor:pointer;font-family:inherit;font-weight:600;font-size:13px;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;padding:0 14px;height:40px}.sf-btn-toggle--active{background:#6366f11a;color:var(--sf-primary);border-color:#6366f166}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--sf-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--sf-muted)}.sf-mobile-hide{display:initial}.sf-mobile-show{display:none}@media(max-width:767px){.sf-page-intro{flex-direction:column;align-items:stretch}.sf-page-intro h1{font-size:20px!important;text-align:left!important}.sf-mobile-hide{display:none!important}.sf-mobile-show{display:initial!important}.sf-tabbar{display:flex;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:2px}.sf-tabbar::-webkit-scrollbar{display:none}.sf-tab{font-size:12px;padding:7px 10px;flex-shrink:0}.sf-kpi-grid-mobile{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.sf-order-card-body{grid-template-columns:1fr!important;gap:12px!important;padding:14px!important}.sf-filters-top-row{grid-template-columns:1fr!important;gap:8px!important}.sf-filters-dropdowns{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.sf-order-meta-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.sf-worker-view-grid{grid-template-columns:1fr!important;gap:20px!important}.sf-action-buttons{flex-direction:column!important}.sf-action-buttons>*{width:100%!important;justify-content:center!important}.sf-items-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -4px;padding:0 4px}.sf-manager-edit-grid{grid-template-columns:1fr!important}.sf-order-header-badges{flex-wrap:wrap!important;gap:6px!important}.sf-surface.sf-mobile-compact{padding:16px!important}.sf-bottom-sections-grid{grid-template-columns:1fr!important}.sf-photo-section-mobile-sep{border-top:1px solid var(--sf-border);padding-top:20px;margin-top:4px}}@keyframes sfFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sf-animate-in{animation:sfFadeIn .35s cubic-bezier(.4,0,.2,1) both}.sf-person-row{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--sf-muted);padding:6px 10px;border-radius:var(--sf-radius-xs);border:1px solid var(--sf-border);background:var(--sf-bg)}html.dark .sf-person-row{background:#ffffff08}.sf-person-row strong{color:var(--sf-text);font-weight:600}.sf-logo-icon{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 12px #6366f159}.sf-sidebar-user{display:flex;align-items:center;gap:12px;margin-bottom:12px}.sf-sidebar-avatar{width:40px;height:40px;border-radius:12px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff;border:1px solid rgba(255,255,255,.1)}.sf-main-glow{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;opacity:.5}.sf-toggle{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0;vertical-align:middle}.sf-toggle input{opacity:0;width:0;height:0;position:absolute}.sf-toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:var(--sf-border);transition:background .25s cubic-bezier(.4,0,.2,1);cursor:pointer}.sf-toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .25s cubic-bezier(.4,0,.2,1)}.sf-toggle input:checked+.sf-toggle-track{background:var(--sf-primary)}.sf-toggle input:checked+.sf-toggle-track:after{transform:translate(16px)}.sf-toggle input:disabled+.sf-toggle-track{opacity:.5;cursor:not-allowed}