*{box-sizing:border-box}:root{color:#172033;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}.login-page{display:grid;min-height:100vh;place-items:center;padding:24px;background:linear-gradient(135deg,rgba(31,116,255,.1),transparent 36%),linear-gradient(315deg,rgba(29,185,129,.12),transparent 32%),#f4f6f8}.login-panel{width:min(100%,400px);padding:34px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;box-shadow:0 18px 45px #0f172a1a}.brand-mark,.sidebar-logo{display:grid;place-items:center;color:#fff;background:#1f74ff}.brand-mark{width:56px;height:56px;border-radius:8px}.brand-mark img{width:100%;height:100%;display:block;border-radius:inherit;object-fit:cover}.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:28px}.login-brand .brand-mark{flex:0 0 auto;width:64px;height:64px;background:transparent}.login-heading h1{margin:0;font-size:28px;line-height:1.2}.login-heading p{margin:7px 0 0;color:#64748b;font-size:15px}.login-message{margin:-10px 0 18px;border:1px solid #fecaca;border-radius:6px;padding:10px 12px;color:#b91c1c;background:#fef2f2;font-size:13px;font-weight:700}.login-form{display:grid;gap:18px}.login-form label{display:grid;gap:8px;color:#334155;font-size:14px}.login-form input{width:100%;height:44px;border:1px solid #cbd5e1;border-radius:6px;padding:0 12px;color:#172033;background:#fff;outline:none}.login-form input:focus{border-color:#1f74ff;box-shadow:0 0 0 3px #1f74ff24}.login-form button{height:44px;margin-top:6px;border:0;border-radius:6px;color:#fff;background:#1f74ff;font-weight:700}.login-divider{display:flex;align-items:center;gap:12px;margin:22px 0;color:#94a3b8;font-size:13px}.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:#e2e8f0}.google-login-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:44px;border:1px solid #cbd5e1;border-radius:6px;color:#334155;background:#fff;font-weight:700;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.google-login-button:hover{border-color:#94a3b8;background:#f8fafc;box-shadow:0 6px 16px #0f172a14}.google-login-button span{display:grid;width:22px;height:22px;place-items:center;border:1px solid #e2e8f0;border-radius:999px;color:#4285f4;background:#fff;font-size:14px;font-weight:900}.admin-shell{display:grid;grid-template-columns:240px minmax(0,1fr);height:100vh;overflow:hidden;background:#f4f6f8;transition:grid-template-columns .2s ease}.admin-shell.sidebar-collapsed{grid-template-columns:72px minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;height:100vh;overflow:hidden;border-right:1px solid #e2e8f0;background:#fff}.sidebar-brand{display:flex;align-items:center;gap:12px;height:72px;padding:0 14px 0 20px;border-bottom:1px solid #e2e8f0}.sidebar-logo{width:40px;height:40px;flex:0 0 auto;border-radius:8px;background:transparent}.sidebar-logo img{width:100%;height:100%;display:block;border-radius:inherit;object-fit:cover}.sidebar-brand strong,.sidebar-brand span{display:block}.sidebar-brand strong{font-size:18px}.sidebar-brand span{margin-top:2px;color:#64748b;font-size:13px}.sidebar-toggle{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;margin-left:auto;border:0;border-radius:6px;color:#64748b;background:transparent}.sidebar-toggle:hover{color:#0f57d6;background:#f1f5f9}.sidebar.collapsed .sidebar-brand{justify-content:center;padding:0}.sidebar.collapsed .sidebar-logo{width:36px;height:36px}.sidebar.collapsed .sidebar-brand-text{display:none}.sidebar.collapsed .sidebar-toggle{position:absolute;top:74px;left:21px;width:30px;height:30px;margin-left:0;border:1px solid #e2e8f0;background:#fff;box-shadow:0 4px 12px #0f172a14}.menu-list{display:grid;gap:6px;padding:16px 12px}.sidebar.collapsed .menu-list{padding:46px 10px 12px}.menu-group{display:grid;gap:4px}.menu-item,.logout-button,.submenu-item{display:flex;align-items:center;width:100%;border:0;border-radius:6px;color:#475569;background:transparent;text-align:left}.menu-item,.logout-button{gap:10px;height:42px;padding:0 12px}.sidebar.collapsed .menu-item,.sidebar.collapsed .logout-button{justify-content:center;gap:0;padding:0}.sidebar.collapsed .menu-item span,.sidebar.collapsed .logout-button span,.sidebar.collapsed .sidebar-admin>div:not(.sidebar-admin-avatar){display:none}.sidebar.collapsed .menu-item svg,.sidebar.collapsed .logout-button svg{flex:0 0 auto}.menu-item:hover,.logout-button:hover,.submenu-item:hover{background:#f1f5f9}.menu-item.active{color:#0f57d6;background:#eaf2ff;font-weight:700}.submenu-list{display:grid;gap:4px;margin-left:20px;padding-left:12px;border-left:1px solid #e2e8f0}.submenu-item{gap:8px;height:34px;padding:0 12px;font-size:13px}.submenu-item svg{flex:0 0 auto}.submenu-item.active{color:#0f57d6;background:#f8fbff;font-weight:700}.sidebar-admin{display:flex;align-items:center;gap:10px;margin:auto 12px 8px;border:1px solid #e2e8f0;border-radius:8px;padding:10px;background:#f8fafc}.sidebar.collapsed .sidebar-admin{justify-content:center;margin:auto 10px 8px;border:0;padding:0;background:transparent}.sidebar-admin-avatar{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:999px;color:#fff;background:#2563eb;font-size:14px;font-weight:900}.sidebar-admin strong,.sidebar-admin span{display:block}.sidebar-admin strong{max-width:150px;overflow:hidden;color:#172033;font-size:13px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.sidebar-admin span{margin-top:3px;color:#64748b;font-size:11px;font-weight:800}.logout-button{margin:0 12px 16px}.sidebar.collapsed .logout-button{margin:0 10px 16px}.content-area{min-width:0;height:100vh;overflow:hidden}.content-header{display:flex;align-items:center;height:72px;padding:0 28px;border-bottom:1px solid #e2e8f0;background:#fff}.content-header h2{display:flex;align-items:center;gap:8px;margin:0;font-size:22px;line-height:1.2}.content-header h2 svg{color:#4f46e5}.content-header span{display:block;margin-bottom:4px;color:#64748b;font-size:12px;font-weight:700}.content-body{height:calc(100vh - 72px);overflow-y:auto;padding:28px}.content-area.immersive .content-body{height:100vh}.empty-content{display:grid;min-height:280px;place-items:center;align-content:center;gap:12px;color:#64748b;border:1px dashed #cbd5e1;border-radius:8px;background:#fff}.empty-content p{margin:0;font-size:14px}.dashboard-page{display:grid;gap:26px;max-width:1180px}.dashboard-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid #dbe3f0;padding-bottom:18px}.dashboard-hero h1{margin:0;color:#0f172a;font-size:24px;line-height:1.2}.dashboard-hero p{margin:8px 0 0;color:#8aa0bd;font-size:13px;font-weight:700}.dashboard-create-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:132px;height:38px;border:0;border-radius:8px;padding:0 13px;color:#fff;background:#4f35f5;box-shadow:0 6px 14px #4f35f533;font-size:13px;font-weight:800}.dashboard-section{display:grid;gap:14px}.dashboard-section h2{display:flex;align-items:center;gap:8px;margin:0;color:#8aa0bd;font-size:16px;line-height:1.25}.dashboard-section h2 svg{color:#5b5cf6}.dashboard-warning{margin:-8px 0 0;color:#b45309;font-size:12px;font-weight:800}.dashboard-empty{grid-column:1 / -1;border:1px dashed #cbd5e1;border-radius:8px;padding:20px;color:#64748b;background:#fff;font-size:13px;font-weight:800;text-align:center}.dashboard-channel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.dashboard-channel-card{display:flex;align-items:center;gap:12px;min-height:72px;border:1px solid var(--channel-border-color, #dbe3f0);border-radius:8px;padding:0 16px;background:#fff;box-shadow:0 2px #0f172a0d}.dashboard-channel-card strong{color:#172033;font-size:15px;line-height:1.2}.dashboard-channel-icon{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border-radius:8px;color:#5b5cf6;background:#f4f1ff}.dashboard-channel-icon img{width:22px;height:22px;object-fit:contain}.dashboard-channel-icon.douyin,.dashboard-channel-icon.tmall{color:#e11d48;background:#fff1f2}.dashboard-channel-icon.temu,.dashboard-channel-icon.amazon{color:#c2410c;background:#fff7ed}.dashboard-channel-icon.shopify{color:#15803d;background:#f0fdf4}.dashboard-channel-icon.tiktok{color:#0f172a;background:#f8fafc}.dashboard-company-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dashboard-company-card{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:82px;border:1px solid #dbe3f0;border-radius:8px;padding:16px 20px;background:#fff;box-shadow:0 2px #0f172a0d}.dashboard-company-card.active{border-color:#5b5cf6}.dashboard-company-card strong,.dashboard-company-card span{display:block}.dashboard-company-card strong{color:#0f172a;font-size:15px;line-height:1.25}.dashboard-company-card span{margin-top:7px;color:#8aa0bd;font-size:12px;font-weight:800}.dashboard-company-card.active strong,.dashboard-company-card.active button{color:#4f35f5}.dashboard-company-card button{flex:0 0 auto;border:1px solid #e8edf5;border-radius:6px;padding:5px 8px;color:#8aa0bd;background:#f8fafc;font-size:12px;font-weight:800}.template-page{position:relative;display:grid;gap:22px;max-width:1180px}.template-titlebar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid #e2e8f0}.template-titlebar h1{display:flex;align-items:center;gap:10px;margin:0;color:#0f172a;font-size:24px;line-height:1.25}.template-titlebar h1 svg{color:#4f46e5}.template-titlebar p{max-width:780px;margin:8px 0 0;color:#64748b;font-size:13px;line-height:1.6}.template-titlebar>span{flex:0 0 auto;border:1px solid #c7d2fe;border-radius:999px;padding:5px 10px;color:#4338ca;background:#eef2ff;font-size:12px;font-weight:700}.template-card,.dispatch-panel{border:1px solid #e2e8f0;border-radius:8px;padding:24px;background:#fff;box-shadow:0 1px 2px #0f172a0a}.section-title{display:flex;align-items:center;gap:9px;margin:0 0 18px;color:#0f172a;font-size:18px;line-height:1.25}.section-title>span{width:6px;height:20px;border-radius:2px;background:#111827}.section-title.emerald>span{background:#059669}.template-grid{display:grid;gap:16px;margin-bottom:22px}.template-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.template-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.template-field{display:grid;gap:7px;min-width:0}.template-field>span,.slot-area>label{color:#334155;font-size:12px;font-weight:800}.template-field em{margin-left:4px;color:#ef4444;font-style:normal}.template-field input,.template-field select,.template-field textarea{width:100%;min-width:0;border:1px solid #cbd5e1;border-radius:6px;color:#172033;background:#fff;outline:none}.template-field input,.template-field select{height:38px;padding:0 10px}.template-field textarea{min-height:82px;padding:10px;resize:vertical;line-height:1.5}.template-field input:focus,.template-field select:focus,.template-field textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.template-field-warning{margin:-12px 0 18px;color:#dc2626;font-size:12px;font-weight:700}.file-drop{position:relative;display:grid;min-height:84px;place-items:center;border:1px dashed #cbd5e1;border-radius:8px;background:#fff;transition:border-color .2s ease,background-color .2s ease}.file-drop:hover{border-color:#4f46e5;background:#f8fafc}.file-drop input,.production-file input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-drop strong{display:flex;align-items:center;gap:6px;padding:0 14px;color:#475569;font-size:13px;text-align:center}.file-drop.multipart{min-height:132px;padding:18px}.file-drop.multipart.success{border-color:#34d399;background:#ecfdf5}.multipart-content{display:grid;justify-items:center;gap:8px;width:min(100%,520px)}.cover-preview-image{width:min(100%,220px);height:58px;border:1px solid #d1fae5;border-radius:8px;object-fit:contain;background:#fff}.cover-preview-meta{display:grid;justify-items:center;gap:4px}.multipart-progress{width:100%;height:7px;overflow:hidden;border-radius:999px;background:#e2e8f0}.multipart-progress span{display:block;height:100%;border-radius:inherit;background:#4f46e5;transition:width .2s ease}.multipart-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;color:#64748b;font-size:12px;font-weight:800}.multipart-meta button{border:0;border-radius:6px;padding:5px 9px;color:#dc2626;background:#fee2e2;font-size:12px;font-weight:800}.multipart-success-text{color:#047857;font-size:12px;font-weight:800}.multipart-error-text{display:grid;justify-items:center;gap:5px;color:#dc2626;font-size:12px;font-weight:800}.multipart-error-text strong{display:inline-flex;align-items:center;gap:5px}.icon-indigo{color:#4f46e5}.icon-sky{color:#0284c7}.icon-emerald{color:#059669}.slot-area{display:grid;gap:12px;padding-top:18px;border-top:1px solid #f1f5f9}.slot-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.slot-empty{display:flex;align-items:center;min-height:58px;border:1px dashed #cbd5e1;border-radius:8px;padding:0 16px;color:#64748b;background:#f8fafc;font-size:12px;font-weight:700}.slot-empty.error{border-color:#fecaca;color:#dc2626;background:#fef2f2}.slot-option{display:flex;align-items:flex-start;gap:10px;min-width:0;min-height:74px;border:1px solid #e2e8f0;border-radius:8px;padding:13px;color:#172033;background:#f8fafc;text-align:left}.slot-option.selected{border-color:#c7d2fe;background:#eef2ff}.slot-option input{flex:0 0 auto;width:15px;height:15px;margin:2px 0 0;accent-color:#4f46e5;pointer-events:none}.slot-option span{display:grid;gap:4px;min-width:0}.slot-option strong{color:#1e293b;font-size:12px;line-height:1.3}.slot-option small{color:#94a3b8;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;line-height:1.2}.dispatch-panel{display:grid;gap:16px;border-color:#dbe3f0;background:#fff;box-shadow:0 1px 2px #0f172a0a}.dispatch-heading{border:1px solid #e2e8f0;border-radius:8px;padding:16px 18px;background:#f8fafc}.dispatch-heading h2{display:flex;align-items:center;gap:8px;margin:0;color:#0f172a;font-size:16px}.dispatch-heading h2 svg{color:#f59e0b}.dispatch-heading p{margin:7px 0 0;color:#64748b;font-size:12px;line-height:1.6}.group-matrix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:0}.group-item{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;border:1px solid #dbe3f0;border-radius:8px;padding:14px;background:#fff;box-shadow:0 1px 1px #0f172a08}.group-item>div{display:flex;align-items:center;gap:9px;min-width:0}.group-item>div span{width:9px;height:9px;flex:0 0 auto;border-radius:999px;background:#4f46e5}.group-item strong{overflow:hidden;color:#172033;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.group-item label{display:flex;align-items:center;gap:7px;flex:0 0 auto;color:#64748b;font-size:10px;font-weight:800}.group-item select{height:30px;border:1px solid #cbd5e1;border-radius:6px;padding:0 8px;color:#172033;background:#f8fafc;font-size:12px;font-weight:800;outline:none}.dispatch-empty{border:1px dashed #facc15;border-radius:8px;padding:14px 16px;color:#b45309;background:#fffbeb;font-size:13px;font-weight:800}.dispatch-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #e2e8f0;border-radius:8px;padding:12px 14px;color:#64748b;background:#f8fafc;font-size:12px}.dispatch-footer button{display:flex;align-items:center;gap:6px;flex:0 0 auto;border:0;border-radius:6px;padding:7px 10px;color:#fff;background:#111827;font-size:12px;font-weight:700}.size-header{display:flex;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid #f1f5f9}.size-header .section-title{margin-bottom:6px}.size-header p{margin:0;color:#94a3b8;font-size:12px;line-height:1.5}.size-header>div:last-child{display:flex;align-items:flex-start;gap:8px;flex:0 0 auto}.primary-action,.secondary-action,.cancel-action,.submit-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;border:0;border-radius:6px;padding:0 13px;font-size:12px;font-weight:800}.secondary-action{color:#4338ca;background:#eef2ff}.primary-action,.submit-action{color:#fff;background:#4f46e5}.primary-action{background:#111827}.primary-action:hover{background:#020617}.warning-box{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;border:1px dashed #fcd34d;border-radius:8px;padding:26px;color:#b45309;background:#fffbeb;font-size:14px}.size-list{display:grid;gap:22px;margin-top:20px}.size-block{border:1px solid #e2e8f0;border-radius:8px;padding:20px;background:#f8fafc}.size-block>header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid #e2e8f0}.size-block>header>div{display:flex;align-items:center;gap:12px;min-width:0}.size-block>header span{flex:0 0 auto;border-radius:6px;padding:6px 10px;color:#fff;background:#172033;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;font-weight:800}.size-block>header p{margin:0;color:#64748b;font-size:12px}.size-block>header strong{color:#4f46e5}.size-block>header button{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;border:0;padding:4px;color:#94a3b8;background:transparent;font-size:12px}.size-block>header button:hover{color:#dc2626}.production-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.production-card{display:grid;gap:13px;border:1px solid #e2e8f0;border-radius:8px;padding:16px;background:#fff;box-shadow:0 1px 1px #0f172a0a}.production-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.production-card-title h3{margin:0;color:#1e293b;font-size:13px}.production-card-title p{max-width:260px;overflow:hidden;margin:5px 0 0;color:#d97706;font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.production-card-title>span{flex:0 0 auto;border-radius:999px;padding:3px 7px;color:#dc2626;background:#fee2e2;font-size:10px;font-weight:800}.production-file{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;min-height:36px;border:1px solid #cbd5e1;border-radius:6px;padding:0 10px;color:#475569;background:#f8fafc;font-size:12px;font-weight:700;transition:border-color .2s ease,background-color .2s ease}.production-file:hover{border-color:#4f46e5}.production-file.selected{border-color:#34d399;color:#047857;background:#ecfdf5}.production-file.multipart.uploading{min-height:70px;padding:10px;cursor:default}.production-file.multipart.error{min-height:48px;border-color:#fecaca;color:#dc2626;background:#fef2f2}.production-upload-content{width:100%}.production-upload-content.error{display:grid;justify-items:center;gap:4px}.production-upload-content.error strong{display:inline-flex;align-items:center;gap:5px;color:#dc2626}.production-file strong,.production-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.production-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:12px;border-top:1px solid #f1f5f9}.production-meta .template-field>span{font-size:10px}.production-meta .template-field input,.production-meta .template-field select{height:32px;font-size:12px}.material-display{display:flex;align-items:center;min-height:32px;border:1px solid #cbd5e1;border-radius:6px;padding:0 10px;color:#172033;background:#f8fafc;font-size:12px;font-weight:700}.material-display.empty{color:#94a3b8;font-weight:600}.template-actions{display:flex;justify-content:flex-end;gap:12px}.cancel-action{border:1px solid #cbd5e1;color:#475569;background:#fff}.submit-action{min-width:186px;color:#fff;background:#111827}.submit-action:hover{background:#020617}.submit-action:disabled{cursor:not-allowed;opacity:.7}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:#0f172a5c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.global-loading-overlay{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:24px;background:#0f172a75;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.global-loading-box{display:grid;justify-items:center;gap:10px;width:min(100%,320px);border-radius:8px;padding:26px 24px;color:#fff;background:#111827;box-shadow:0 24px 80px #0f172a52}.global-loading-box span{width:34px;height:34px;border:3px solid rgba(255,255,255,.24);border-top-color:#fff;border-radius:999px;animation:global-loading-spin .8s linear infinite}.global-loading-box strong{font-size:16px}.global-loading-box p{margin:0;color:#cbd5e1;font-size:12px;text-align:center}@keyframes global-loading-spin{to{transform:rotate(360deg)}}.size-dialog{width:min(100%,420px);border:1px solid #e2e8f0;border-radius:8px;padding:22px;background:#fff;box-shadow:0 24px 80px #0f172a3d}.size-dialog header h3{margin:0;color:#0f172a;font-size:18px;line-height:1.25}.size-dialog header p{margin:8px 0 18px;color:#64748b;font-size:13px;line-height:1.5}.size-dialog-field{display:grid;gap:8px}.size-dialog-field span{color:#334155;font-size:12px;font-weight:800}.size-dialog-field input{width:100%;height:42px;border:1px solid #cbd5e1;border-radius:6px;padding:0 12px;color:#172033;background:#fff;outline:none}.size-dialog-field input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.size-dialog-error{margin:10px 0 0;color:#dc2626;font-size:12px;font-weight:700}.size-dialog footer{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.dialog-cancel,.dialog-confirm{display:inline-flex;align-items:center;justify-content:center;min-width:84px;height:38px;border-radius:6px;padding:0 14px;font-size:13px;font-weight:800}.dialog-cancel{border:1px solid #cbd5e1;color:#475569;background:#fff}.dialog-confirm{border:0;color:#fff;background:#4f46e5}.dialog-confirm:disabled{cursor:not-allowed;opacity:.65}.third-party-page{display:grid;gap:22px;max-width:1280px}.orders-titlebar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid #e2e8f0}.orders-titlebar h1{display:flex;align-items:center;gap:10px;margin:0;color:#0f172a;font-size:24px;line-height:1.25}.orders-titlebar h1 svg{color:#059669}.orders-titlebar p{max-width:850px;margin:8px 0 0;color:#64748b;font-size:13px;line-height:1.6}.orders-titlebar>span{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;border:1px solid #a7f3d0;border-radius:999px;padding:5px 10px;color:#047857;background:#ecfdf5;font-size:12px;font-weight:800}.orders-card,.orders-table-card{border:1px solid #e2e8f0;border-radius:8px;background:#fff;box-shadow:0 1px 2px #0f172a0a}.orders-card{padding:24px}.orders-upload-grid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,2fr);gap:22px;align-items:stretch}.orders-control-panel{display:grid;gap:18px;align-content:start;border:1px solid #e2e8f0;border-radius:8px;padding:16px;background:#f8fafc}.conflict-options{display:grid;gap:9px}.conflict-options>span{color:#334155;font-size:12px;font-weight:800}.conflict-options label{display:flex;align-items:center;gap:8px;color:#475569;font-size:12px}.conflict-options input{accent-color:#059669}.download-template{display:inline-flex;align-items:center;gap:6px;justify-self:start;border:0;border-top:1px solid #e2e8f0;padding:14px 0 0;color:#059669;background:transparent;font-size:12px;font-weight:800}.excel-drop{position:relative;display:grid;min-height:170px;place-items:center;border:2px dashed #cbd5e1;border-radius:8px;padding:24px;background:#fff;text-align:center;transition:border-color .2s ease,background-color .2s ease}.excel-drop:hover,.excel-drop.success{border-color:#10b981;background:#f8fffc}.excel-drop.disabled{border-color:#e2e8f0;background:#f8fafc;cursor:not-allowed}.excel-drop.disabled:hover{border-color:#e2e8f0;background:#f8fafc}.excel-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.excel-drop input:disabled{cursor:not-allowed}.upload-prompt,.upload-loading,.upload-success{display:grid;justify-items:center;gap:9px;max-width:520px;pointer-events:none}.upload-prompt>span,.upload-success>span{display:grid;width:52px;height:52px;place-items:center;border-radius:999px;color:#059669;background:#ecfdf5}.upload-prompt strong,.upload-success strong{color:#334155;font-size:14px}.upload-prompt p,.upload-success p{margin:0;color:#94a3b8;font-size:12px}.upload-success code{max-width:100%;overflow:hidden;color:#64748b;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.upload-success button{position:relative;z-index:1;border:0;border-radius:6px;padding:7px 12px;color:#475569;background:#f1f5f9;font-size:12px;font-weight:800;pointer-events:auto}.upload-success-actions{position:relative;z-index:1;display:flex;justify-content:center;gap:10px;pointer-events:auto}.upload-success .parse-orders-button{color:#fff;background:#111827}.upload-success .parse-orders-button:hover{background:#020617}.upload-loading span{width:30px;height:30px;border:3px solid #d1fae5;border-top-color:#059669;border-radius:999px;animation:spin .8s linear infinite}.upload-loading strong{color:#475569;font-size:12px}.upload-loading div{width:min(100%,360px);height:7px;overflow:hidden;border-radius:999px;background:#f1f5f9}.upload-loading i{display:block;width:100%;height:100%;border-radius:inherit;background:#10b981}@keyframes spin{to{transform:rotate(360deg)}}.orders-table-card{overflow:hidden}.orders-table-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid #f1f5f9;padding:20px;background:#f8fafc}.orders-table-card .section-title{margin-bottom:6px;font-size:16px}.orders-table-card header p{margin:0;color:#94a3b8;font-size:12px}.orders-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.orders-actions>span{color:#94a3b8;font-size:12px}.success-action{display:inline-flex;align-items:center;gap:6px;min-height:38px;border:0;border-radius:6px;padding:0 13px;color:#fff;background:#111827;font-size:12px;font-weight:800}.success-action:disabled{cursor:not-allowed;opacity:.62}.orders-notice{margin:16px 20px 0;border:1px solid #bfdbfe;border-radius:8px;padding:10px 12px;color:#1d4ed8;background:#eff6ff;font-size:13px;font-weight:700}.orders-notice.error{border-color:#fecaca;color:#b91c1c;background:#fff1f2}.orders-channel-warning{margin:-6px 0 4px;color:#b45309;font-size:12px;font-weight:800}.orders-import-choice{width:min(100%,520px);overflow:hidden;border:1px solid #e2e8f0;border-radius:8px;background:#fff;box-shadow:0 24px 80px #0f172a3d}.orders-import-choice header{display:flex;gap:12px;border-bottom:1px solid #f1f5f9;padding:18px}.orders-import-choice header>span{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:8px;color:#fff;background:#111827}.orders-import-choice h3{margin:0;color:#0f172a;font-size:17px}.orders-import-choice p{margin:6px 0 0;color:#64748b;font-size:13px;line-height:1.6}.orders-import-choice-summary{display:grid;gap:8px;padding:18px;color:#475569;background:#f8fafc;font-size:12px;font-weight:750}.orders-import-choice footer{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #f1f5f9;padding:14px 18px}.orders-import-choice footer button{min-height:38px;border-radius:6px;padding:0 14px;font-size:12px;font-weight:850}.orders-import-secondary{border:1px solid #dbe4ef;color:#111827;background:#fff}.orders-import-primary{border:0;color:#fff;background:#111827}.order-center-page{display:grid;gap:20px;color:#1e293b}.order-center-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid #e2e8f0}.order-center-hero.compact{padding-bottom:14px}.order-center-hero h1{display:flex;align-items:center;gap:10px;margin:0;color:#0f172a;font-size:26px;font-weight:900;letter-spacing:-.03em}.order-center-hero h1 svg{color:#111827}.order-center-hero p{max-width:760px;margin:8px 0 0;color:#64748b;font-size:13px;font-weight:650;line-height:1.7}.order-center-batch{display:inline-flex;align-items:center;gap:8px;min-height:40px;border:0;border-radius:8px;padding:0 16px;color:#fff;background:#111827;font-size:12px;font-weight:900;white-space:nowrap}.order-view-tabs{display:inline-flex;width:fit-content;border:1px solid #e2e8f0;border-radius:8px;padding:3px;background:#fff;box-shadow:0 1px 2px #0f172a0a}.order-view-tabs button{min-width:112px;height:34px;border:0;border-radius:6px;color:#64748b;background:transparent;font-size:12px;font-weight:900}.order-view-tabs button.active{color:#fff;background:#4f46e5}.all-orders-panel{overflow:hidden;border:1px solid #e2e8f0;border-radius:12px;background:#fff;box-shadow:0 1px 2px #0f172a0a}.all-orders-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#e2e8f0}.all-orders-stats article{display:grid;gap:6px;padding:16px;background:#fff}.all-orders-stats span{color:#64748b;font-size:12px;font-weight:800}.all-orders-stats strong{color:#0f172a;font-size:24px;font-weight:950;letter-spacing:0}.all-orders-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:14px 16px;background:#f8fafc}.all-orders-toolbar label{position:relative;flex:1 1 auto;max-width:420px}.all-orders-toolbar label svg{position:absolute;top:50%;left:12px;color:#94a3b8;transform:translateY(-50%)}.all-orders-toolbar input,.all-orders-toolbar select{height:36px;border:1px solid #dbe4ef;border-radius:8px;color:#0f172a;background:#fff;font-size:12px;font-weight:750;outline:none}.all-orders-toolbar input{width:100%;padding:0 12px 0 36px}.all-orders-toolbar select{flex:0 0 150px;padding:0 10px}.all-orders-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex:0 0 auto}.all-orders-start-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;border:0;border-radius:8px;padding:0 14px;color:#fff;background:#111827;font-size:12px;font-weight:900;white-space:nowrap}.all-orders-start-button:disabled,.order-dispatch-button:disabled{cursor:not-allowed;opacity:.45}.all-orders-table{min-width:1360px}.all-order-source{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;color:#fff;background:#111827;font-size:10px;font-weight:900;white-space:nowrap}.all-order-source.self{background:#111827}.all-order-source.rose{background:#e11d48}.all-order-source.blue{background:#2563eb}.all-order-source.orange{background:#f97316}.all-order-source.green{background:#16a34a}.order-center-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.order-center-toolbar>div{display:inline-flex;align-items:center;gap:8px;color:#0f172a;font-size:13px;font-weight:900}.order-center-toolbar>div span{width:7px;height:7px;border-radius:50%;background:#111827}.order-center-toolbar label{position:relative;width:min(100%,300px)}.order-center-toolbar label svg{position:absolute;top:50%;left:12px;color:#94a3b8;transform:translateY(-50%)}.order-center-toolbar input{width:100%;height:36px;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:0 12px 0 36px;color:#0f172a;background:#fff;font-size:12px;font-weight:700}.order-center-matrix{display:grid;gap:18px}.order-center-section,.order-channel-box{overflow:hidden;border:1px solid #e2e8f0;border-radius:12px;background:#fff;box-shadow:0 1px 2px #0f172a0a;animation:fadeIn .18s cubic-bezier(.16,1,.3,1)}.order-channel-box{display:block;padding:0}.order-center-section-header,.order-channel-box>header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e2e8f0;padding:12px 16px;background:#f8fafc}.order-center-section-header>div,.order-channel-box>header>div{display:inline-flex;align-items:center;gap:8px;min-width:0;color:#0f172a;font-size:13px;font-weight:900}.order-center-section-header>span{padding:4px 8px;border-radius:999px;color:#111827;background:#e5e7eb;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:900}.order-channel-count{flex:0 0 auto;padding:4px 8px;border-radius:999px;color:#111827;background:#e5e7eb;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:900}.order-channel-icon{display:grid;width:26px;height:26px;place-items:center;border-radius:8px;color:#fff;background:#111827;font-size:12px;font-weight:900}.order-channel-icon img,.order-channel-logo{width:18px;height:18px;object-fit:contain}.order-channel-logo{flex:0 0 auto}.order-channel-icon.rose{background:#e11d48}.order-channel-icon.blue{background:#2563eb}.order-channel-icon.orange{background:#f97316}.order-channel-icon.green{background:#16a34a}.order-channel-box small{overflow:hidden;color:#94a3b8;font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.order-excel-list{display:grid;gap:12px;padding:16px;background:#fff}.order-excel-shell{overflow:hidden;border:1px solid #e2e8f0;border-radius:12px;background:#fff;box-shadow:0 1px 2px #0f172a08}.order-center-empty{border:1px dashed #cbd5e1;border-radius:10px;padding:18px;color:#64748b;background:#fff;font-size:13px;font-weight:800;text-align:center}.order-center-empty.nested{margin:12px;padding:14px;background:#f8fafc}.order-center-empty.error{border-color:#fecaca;color:#b91c1c;background:#fff1f2}.order-excel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:0;border-bottom:1px solid #e2e8f0;padding:11px 14px;color:#1e293b;background:#f8fafc;text-align:left}.order-excel-header:hover{background:#f1f5f9}.order-excel-header>div{display:flex;align-items:center;gap:8px;min-width:0}.order-excel-header svg{flex:0 0 auto}.order-excel-header svg.expanded{transform:rotate(90deg)}.order-excel-header strong{overflow:hidden;color:#1e293b;font-size:12px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.order-excel-header span{flex:0 0 auto;padding:2px 6px;border-radius:6px;color:#64748b;background:#e2e8f0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:850}.order-excel-header label{display:inline-flex;align-items:center;gap:6px;color:#111827;font-size:11px;font-weight:900;white-space:nowrap}.order-center-table-wrap{overflow-x:auto}.order-center-table{width:100%;min-width:1180px;border-collapse:collapse;font-size:12px;text-align:left}.order-center-table th{border-bottom:1px solid #e2e8f0;padding:10px 12px;color:#94a3b8;background:#f8fafc;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.order-center-table td{border-bottom:1px solid #f1f5f9;padding:12px;color:#475569;font-weight:750;vertical-align:middle}.order-center-table tr:last-child td{border-bottom:0}.order-center-table tr:hover td{background:#f8fafc}.order-center-table tr.pending td{background:#fff1f257}.order-center-table th:first-child,.order-center-table td:first-child{width:52px;text-align:center}.order-center-table td>strong{display:block;color:#0f172a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:900}.order-center-table td>small{display:block;margin-top:3px;color:#94a3b8;font-size:10px;font-weight:700}.order-center-sku{color:#0f172a!important;font-weight:900!important}.order-size-pill{display:inline-flex;min-width:34px;justify-content:center;border-radius:999px;padding:3px 8px;color:#fff;background:#111827;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:900}.order-slot-list{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.order-slot-list span{padding:3px 6px;border:1px solid #e5e7eb;border-radius:5px;color:#111827;background:#f8fafc;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:850}.order-slot-list .family{color:#fff;background:#111827}.order-slot-list em{display:inline-flex;align-items:center;gap:4px;color:#e11d48;font-size:11px;font-style:normal;font-weight:900}.order-status{display:inline-flex;align-items:center;justify-content:center;min-width:68px;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900;white-space:nowrap}.order-status.ready{border:1px solid #fde68a;color:#92400e;background:#fffbeb}.order-status.pending{border:1px solid #fecdd3;color:#be123c;background:#fff1f2}.order-status.dispatched{border:1px solid #bbf7d0;color:#047857;background:#ecfdf5}.order-status.completed{border:1px solid #dbeafe;color:#1d4ed8;background:#eff6ff}.order-dispatch-button,.order-fix-button,.order-locked{display:inline-flex;align-items:center;gap:5px;border:0;color:#111827;background:transparent;font-size:12px;font-weight:900;white-space:nowrap}.order-fix-button{color:#e11d48}.order-locked{color:#94a3b8}.orders-table-wrap{overflow-x:auto}.orders-table{width:100%;min-width:1040px;border-collapse:collapse;text-align:left;font-size:12px}.orders-table th{border-bottom:1px solid #e2e8f0;padding:14px 16px;color:#94a3b8;background:#f8fafc;font-size:10px;font-weight:900;letter-spacing:0;text-transform:uppercase}.orders-table td{border-bottom:1px solid #f1f5f9;padding:14px 16px;color:#475569;font-weight:700;vertical-align:middle}.orders-table tbody tr:hover{background:#f8fafc}.order-row-warning{background:#fffbeb}.orders-index,.orders-id,.orders-code,.size-chip{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.orders-index,.orders-qty{text-align:center}.orders-id{color:#0f172a}.orders-name{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orders-code.ready{color:#4f46e5}.orders-code.error{color:#dc2626}.platform-badge,.status-badge,.size-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:900;white-space:nowrap}.platform-badge.red{color:#b91c1c;background:#fee2e2}.platform-badge.sky{color:#0369a1;background:#e0f2fe}.size-chip{color:#fff;background:#0f172a}.status-badge.ready{border:1px solid #bbf7d0;color:#047857;background:#ecfdf5}.status-badge.ready i{width:7px;height:7px;border-radius:999px;background:#10b981}.status-badge.error{border:1px solid #fde68a;color:#b45309;background:#fffbeb}.normal-text{color:#94a3b8;font-size:11px}.fix-button{display:inline-flex;align-items:center;gap:5px;border:0;border-radius:6px;padding:5px 8px;color:#fff;background:#d97706;font-size:10px;font-weight:900}.orders-row-delete{display:inline-flex;align-items:center;gap:5px;border:1px solid #fecaca;border-radius:6px;padding:5px 8px;color:#dc2626;background:#fef2f2;font-size:10px;font-weight:900}.orders-row-delete:hover{border-color:#fca5a5;background:#fee2e2}.orders-empty-cell{height:180px;color:#94a3b8;text-align:center}.orders-empty-cell svg{display:block;margin:0 auto 10px;color:#cbd5e1}.material-page{display:grid;gap:22px;max-width:1280px}.material-center-page{display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:16px;height:100%;min-height:0;color:#0f172a}.material-center-page-header{grid-row:1;margin:-28px -28px 8px;border-bottom:1px solid #e2e8f0;padding:22px 28px 20px;background:#fff}.material-center-page-header span{display:block;margin-bottom:6px;color:#64748b;font-size:13px;font-weight:800}.material-center-page-header h1{margin:0;color:#0f172a;font-size:28px;line-height:1.15;font-weight:950;letter-spacing:0}.material-center-topbar{grid-row:2;display:flex;align-items:center;justify-content:space-between;gap:16px}.material-center-topbar>span{color:#64748b;font-size:12px;font-weight:700}.material-center-tabs{display:inline-flex;border-radius:8px;padding:3px;background:#e2e8f0}.material-center-tabs button{min-height:34px;border:0;border-radius:6px;padding:0 18px;color:#64748b;background:transparent;font-size:12px;font-weight:850}.material-center-tabs button.active{color:#4f46e5;background:#fff;box-shadow:0 1px 2px #0f172a1f}.material-center-notice{grid-row:3;border:1px solid #bfdbfe;border-radius:8px;padding:10px 12px;color:#1d4ed8;background:#eff6ff;font-size:12px;font-weight:800}.material-center-layout{grid-row:4;display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;height:100%;min-height:0}.material-designer-panel,.material-gallery-panel{overflow:hidden;border:1px solid #cbd5e1;border-radius:10px;background:#fff;box-shadow:0 1px 3px #0f172a0d}.material-designer-panel{display:flex;flex-direction:column;height:100%;min-height:0}.material-designer-search{border-bottom:1px solid #e2e8f0;padding:12px}.material-designer-search label,.material-asset-search{position:relative;display:block}.material-designer-search svg,.material-asset-search svg{position:absolute;top:50%;left:10px;color:#94a3b8;transform:translateY(-50%)}.material-designer-search input,.material-asset-search input{width:100%;height:32px;border:1px solid #cbd5e1;border-radius:6px;padding:0 10px 0 32px;color:#0f172a;background:#fff;font-size:12px;font-weight:700;outline:none}.material-designer-search input:focus,.material-asset-search input:focus{border-color:#4f46e5}.material-designer-list{flex:1;overflow-y:auto}.material-designer-item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:0;border-bottom:1px solid #e2e8f0;padding:12px 14px;color:#0f172a;background:#fff;text-align:left}.material-designer-item:hover{background:#f8fafc}.material-designer-item.active{border-left:4px solid #4f46e5;padding-left:10px;background:#f5f7ff}.material-designer-meta{display:inline-flex;align-items:center;gap:10px;min-width:0}.material-avatar{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border-radius:999px;color:#fff;font-size:13px;font-weight:900}.material-designer-meta strong{display:block;color:#0f172a;font-size:13px;font-weight:900}.material-designer-meta small{display:block;margin-top:2px;color:#64748b;font-size:11px;font-weight:700}.material-designer-item em{flex:0 0 auto;border-radius:999px;padding:2px 7px;color:#64748b;background:#f1f5f9;font-size:11px;font-style:normal;font-weight:850}.material-designer-item.active em{color:#4f46e5;background:#e0e7ff}.material-gallery-panel{display:flex;flex-direction:column;height:100%;min-width:0;min-height:0}.material-gallery-header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #cbd5e1;padding:12px 16px;background:#f8fafc}.material-batch-zone{display:inline-flex;align-items:center;gap:12px;color:#0f172a;font-size:12px;font-weight:750}.material-batch-zone label{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.material-batch-zone input{width:14px;height:14px;accent-color:#4f46e5}.material-batch-zone>span{width:1px;height:18px;background:#cbd5e1}.material-batch-zone button,.material-card-info button{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #cbd5e1;border-radius:5px;color:#0f172a;background:#fff;font-size:11px;font-weight:850}.material-batch-zone button{min-height:28px;padding:0 10px}.material-batch-zone button:hover{border-color:#4f46e5;color:#4f46e5}.material-batch-zone button.danger:hover,.material-card-info button.danger:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2}.material-asset-search{flex:0 0 210px}.material-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-content:start;gap:14px;flex:1;overflow-y:auto;padding:16px}.material-asset-card{position:relative;overflow:hidden;border:1px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background-color .18s ease}.material-asset-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a0f;transform:translateY(-2px)}.material-asset-card.selected{border-color:#4f46e5;background:#f5f7ff}.material-asset-card>input{position:absolute;top:10px;left:10px;z-index:2;width:15px;height:15px;accent-color:#4f46e5}.material-preview-thumb{height:120px;border-bottom:1px solid #e2e8f0;background-color:#f8fafc;background-position:center;background-size:cover}.material-card-info{padding:10px}.material-card-info h3{overflow:hidden;margin:0 0 8px;color:#0f172a;font-size:12px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.material-card-info div{display:grid;grid-template-columns:1fr 1fr;gap:4px}.material-card-info button{min-height:25px;padding:0 6px}.material-card-info button:first-child{border-color:#4f46e5;color:#fff;background:#4f46e5}.material-card-info button.danger{border-color:#fca5a5;color:#ef4444}.material-gallery-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #cbd5e1;padding:10px 16px;color:#64748b;background:#f8fafc;font-size:12px;font-weight:750}.material-gallery-footer strong,.material-gallery-footer b{color:#4f46e5}.material-pager{display:inline-flex;gap:4px}.material-pager button{min-height:26px;border:1px solid #cbd5e1;border-radius:5px;padding:0 8px;color:#64748b;background:#fff;font-size:11px;font-weight:800}.material-pager button.active{border-color:#4f46e5;color:#fff;background:#4f46e5}.material-pager button:disabled{cursor:not-allowed;opacity:.45}.material-center-empty{padding:18px;color:#64748b;font-size:12px;font-weight:800;text-align:center}.material-center-empty.error{color:#b91c1c;background:#fff1f2}.material-center-empty.wide{grid-column:1 / -1;border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc}.material-titlebar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid #e2e8f0}.material-titlebar h1{display:flex;align-items:center;gap:9px;margin:0;color:#0f172a;font-size:21px;line-height:1.25}.material-titlebar h1 svg{color:#4f46e5}.material-titlebar p{max-width:860px;margin:8px 0 0;color:#94a3b8;font-size:12px;line-height:1.6}.material-titlebar>span{flex:0 0 auto;border:1px solid #e0e7ff;border-radius:6px;padding:6px 10px;color:#4338ca;background:#eef2ff;font-size:12px;font-weight:800}.material-card,.material-table-card{border:1px solid #e2e8f0;border-radius:8px;background:#fff;box-shadow:0 1px 2px #0f172a0a}.material-card{padding:24px}.material-upload-grid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,2fr);gap:22px;align-items:stretch}.material-side{display:flex;flex-direction:column;justify-content:space-between;gap:16px}.material-designer-box{border:1px solid #e2e8f0;border-radius:8px;padding:16px;background:#fff}.material-designer-box p{margin:8px 0 0;color:#94a3b8;font-size:10px;line-height:1.6}.material-designer-warning{margin:8px 0 0;color:#b45309;font-size:12px;font-weight:800}.material-tip{display:grid;gap:7px;border:1px solid #fde68a;border-radius:8px;padding:14px;color:#92400e;background:#fffbeb}.material-tip strong{display:flex;align-items:center;gap:6px;font-size:12px}.material-tip p{margin:0;font-size:11px;line-height:1.7}.material-tip code{display:inline-block;margin-left:4px;border:1px solid #e2e8f0;border-radius:4px;padding:1px 4px;color:#475569;background:#fff}.folder-drop{position:relative;display:grid;min-height:190px;place-items:center;border:2px dashed #e2e8f0;border-radius:8px;padding:24px;background:#fff;text-align:center;transition:border-color .2s ease,background-color .2s ease}.folder-drop:hover,.folder-drop.success{border-color:#818cf8;background:#fafaff}.folder-drop.disabled,.folder-drop.disabled:hover{cursor:not-allowed;border-color:#e2e8f0;background:#f8fafc;opacity:.68}.folder-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.folder-drop input:disabled{cursor:not-allowed}.folder-prompt,.folder-success{display:grid;justify-items:center;gap:9px;max-width:520px;pointer-events:none}.folder-prompt>span,.folder-success>span{display:grid;width:52px;height:52px;place-items:center;border-radius:999px;color:#4f46e5;background:#f8fafc;box-shadow:0 1px 2px #0f172a0f}.folder-success>span{width:44px;height:44px;color:#059669;background:#ecfdf5}.folder-prompt strong,.folder-success strong{color:#334155;font-size:13px}.folder-prompt p,.folder-success p{margin:0;color:#94a3b8;font-size:11px;line-height:1.6}.folder-success b{color:#0f172a}.folder-success button{position:relative;z-index:1;border:0;border-radius:6px;padding:6px 10px;color:#475569;background:#f1f5f9;font-size:10px;font-weight:800;pointer-events:auto}.material-table-card{overflow:hidden}.material-table-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid #f1f5f9;padding:20px;background:#fff}.material-table-card .section-title{margin-bottom:6px;font-size:15px}.material-table-card header p{margin:0;color:#94a3b8;font-size:11px}.material-actions{flex:0 0 auto}.material-actions>span{color:#94a3b8;font-size:11px}.material-upload-progress{display:grid;gap:8px;margin:16px 20px 0;border:1px solid #dbeafe;border-radius:8px;padding:12px;color:#334155;background:#eff6ff;font-size:12px;font-weight:750}.material-upload-progress>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.material-upload-progress strong{color:#0f172a;font-weight:900}.material-upload-progress span{color:#64748b;font-size:11px}.material-upload-progress p{margin:0}.material-upload-progress progress{width:100%;height:8px;overflow:hidden;border:0;border-radius:999px;background:#dbeafe}.material-upload-progress progress::-webkit-progress-bar{background:#dbeafe}.material-upload-progress progress::-webkit-progress-value{background:#111827}.material-upload-progress progress::-moz-progress-bar{background:#111827}.material-table{width:100%;min-width:980px;border-collapse:collapse;text-align:left;font-size:12px}.material-table th{border-bottom:1px solid #e2e8f0;padding:14px 16px;color:#94a3b8;background:#f8fafc;font-size:10px;font-weight:900;letter-spacing:0;text-transform:uppercase}.material-table td{border-bottom:1px solid #f1f5f9;padding:14px 16px;color:#475569;font-weight:700;vertical-align:middle}.material-table tbody tr:hover{background:#f8fafc}.material-preview{display:block;width:38px;height:38px;overflow:hidden;border:1px solid #e2e8f0;border-radius:6px;background:#fff;box-shadow:0 1px 2px #0f172a14}.material-preview img{width:100%;height:100%;object-fit:cover}.material-name{max-width:260px;color:#0f172a}.material-name strong,.material-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-name strong{color:#0f172a;font-weight:900}.material-name small{margin-top:3px;color:#94a3b8;font-size:10px;font-weight:750}.designer-badge{display:inline-flex;border:1px solid #e0e7ff;border-radius:999px;padding:3px 8px;color:#4338ca;background:#eef2ff;font-size:10px;font-weight:900;white-space:nowrap}.staff-page{display:grid;gap:22px;max-width:1280px}.staff-card{overflow:hidden;border:1px solid #e2e8f0;border-radius:8px;background:#fff;box-shadow:0 1px 2px #0f172a0a}.staff-filters{display:grid;grid-template-columns:280px 220px 200px minmax(140px,1fr);align-items:center;gap:12px;border-bottom:1px solid #f1f5f9;padding:16px 20px;background:#f8fafc}.staff-create-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;justify-self:end;min-width:128px;height:36px;border:0;border-radius:8px;padding:0 12px;color:#fff;background:#4f46e5;font-size:12px;font-weight:800;box-shadow:0 1px 2px #0f172a14}.staff-filters select,.staff-search input{width:100%;height:34px;border:1px solid #e2e8f0;border-radius:8px;color:#475569;background:#fff;font-size:12px;outline:none}.staff-filters select{padding:0 11px}.staff-filters select:focus,.staff-search input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.staff-search{position:relative;display:block}.staff-search svg{position:absolute;top:10px;left:11px;color:#94a3b8;pointer-events:none}.staff-search input{padding:0 11px 0 31px}.staff-notice{margin:14px 20px 0;border:1px solid #e0e7ff;border-radius:8px;padding:9px 12px;color:#4338ca;background:#eef2ff;font-size:12px;font-weight:800}.staff-notice.error{border-color:#fecaca;color:#b91c1c;background:#fef2f2}.staff-table{width:100%;min-width:760px;border-collapse:collapse;text-align:left;font-size:12px}.staff-table th{border-bottom:1px solid #e2e8f0;padding:14px 16px;color:#94a3b8;background:#f8fafc;font-size:10px;font-weight:900;letter-spacing:0;text-transform:uppercase}.staff-table td{border-bottom:1px solid #f1f5f9;padding:14px 16px;color:#475569;font-weight:700;vertical-align:middle}.staff-table tbody tr:hover{background:#f8fafc}.staff-person{display:flex;align-items:center;gap:9px}.staff-person strong,.staff-person small{display:block}.staff-person strong{color:#0f172a}.staff-person small{margin-top:3px;color:#94a3b8;font-size:10px}.store-empty{color:#94a3b8;font-size:11px}.store-cell{display:flex;align-items:center;gap:12px}.store-add-button{display:grid;width:28px;height:28px;flex:0 0 auto;place-items:center;border:1px solid #bfdbfe;border-radius:999px;color:#2563eb;background:#eff6ff;box-shadow:0 1px 2px #2563eb1f}.store-add-button:hover{border-color:#2563eb;background:#dbeafe}.store-carousel{display:grid;justify-items:center;gap:7px;width:260px}.store-card{width:260px;min-height:112px;border:1px solid var(--store-border-color, #dbeafe);border-radius:12px;padding:14px 16px 18px;background:#fff;text-align:left;outline:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.store-card:hover,.store-card:focus-visible{box-shadow:0 10px 24px #0f172a1a;transform:translateY(-1px)}.store-card.tmall{border-color:#fecaca}.store-card.douyin{border-color:#bfdbfe}.store-card.dewu{border-color:#bae6fd}.store-card.pdd{border-color:#fde68a}.store-card.tiktok{border-color:#c7d2fe}.store-card.shopify,.store-card.temu{border-color:#bbf7d0}.store-card.amazon{border-color:#fed7aa}.store-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.store-platform{display:inline-flex;align-items:center;min-width:0;gap:6px;color:#dc2626;font-size:14px;font-weight:900;line-height:1}.store-platform-icon{width:18px;height:18px;flex:0 0 auto;object-fit:contain}.store-card.douyin .store-platform{color:#0f172a}.store-card.dewu .store-platform{color:#0369a1}.store-card.pdd .store-platform{color:#d97706}.store-card.tiktok .store-platform{color:#0f172a}.store-card.shopify .store-platform{color:#2f6f20}.store-card.temu .store-platform,.store-card.amazon .store-platform{color:#c2410c}.store-edit-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:28px;flex:0 0 auto;border:1px solid #dbe3f0;border-radius:8px;padding:0 9px;color:#8798b3;background:#fff;font-size:11px;font-weight:900;line-height:1;white-space:nowrap;transition:border-color .2s ease,color .2s ease,background-color .2s ease,box-shadow .2s ease}.store-edit-button svg{color:#b7c4d7}.store-edit-button:hover{border-color:#bfdbfe;color:#2563eb;background:#f8fbff;box-shadow:0 4px 10px #2563eb1a}.store-edit-button:hover svg{color:#60a5fa}.store-card strong{display:block;color:#0f172a;font-size:13px;line-height:1.35}.store-subject{display:flex;align-items:center;gap:5px;margin-top:10px;border-top:1px solid #f1f5f9;padding-top:8px;color:#64748b;font-size:11px;font-weight:800}.store-company-icon{width:15px;height:15px;flex:0 0 auto;object-fit:contain;opacity:.55;filter:invert(57%) sepia(14%) saturate(694%) hue-rotate(176deg) brightness(86%) contrast(83%)}.store-switchers{display:flex;justify-content:center;gap:6px}.store-switchers button{width:18px;height:3px;border:0;border-radius:999px;padding:0;background:#dbeafe}.store-switchers button.active{background:#2563eb}.store-modal-backdrop{background:#0f172a6b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.store-dialog{width:min(100%,560px);overflow:hidden;border:1px solid #dbe3f0;border-radius:14px;background:#fff;box-shadow:0 20px 60px #0f172a3d}.store-dialog-header{display:flex;align-items:center;justify-content:space-between;min-height:84px;border-bottom:1px solid #e8edf5;padding:18px 22px;background:#f8fafc}.store-dialog-title{display:flex;align-items:center;gap:10px;min-width:0}.store-dialog-logo{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;color:#4f46e5;background:#eef2ff}.store-dialog-title h3{display:flex;align-items:center;gap:8px;margin:0;color:#0f172a;font-size:17px;line-height:1.2}.store-dialog-title p{margin:6px 0 0;color:#8a9bb6;font-size:12px;font-weight:800}.store-dialog-title p strong{color:#475569;letter-spacing:.4px}.store-dialog-info-icon{display:grid;width:16px;height:16px;place-items:center;border-radius:999px;color:#fff;background:#5b5cf6;font-size:11px;font-style:normal;font-weight:900}.store-dialog-edit-icon{color:#f59e0b}.store-dialog-close{display:grid;width:30px;height:30px;place-items:center;border:0;border-radius:7px;color:#94a3b8;background:transparent}.store-dialog-close:hover{color:#475569;background:#eef2f7}.store-dialog-content,.store-edit-form{padding:22px 24px}.store-detail-platform{display:grid;gap:0;margin-bottom:18px;border:1px solid #e6edf6;border-radius:10px;padding:14px 16px;background:#f8fafc}.store-detail-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.store-detail-row:first-child{border-bottom:1px solid #e8edf5;padding-bottom:10px;margin-bottom:10px}.store-detail-row:last-child{align-items:flex-end}.store-detail-platform span,.store-detail-field span{color:#8da0bb;font-size:13px;font-weight:900}.store-detail-platform strong{display:inline-flex;align-items:center;gap:6px;color:#1f2937;font-size:15px;font-weight:900;letter-spacing:.2px}.store-detail-platform img{width:18px;height:18px;object-fit:contain}.store-detail-row:first-child strong{border:1px solid #dbe3ff;border-radius:7px;padding:4px 10px;color:#4f46e5;background:#f3f6ff;font-size:13px}.store-detail-field{display:grid;gap:8px;border-bottom:1px solid #e8edf5;padding:0 4px 16px;margin-bottom:14px}.store-detail-field:last-child{border-bottom:0;margin-bottom:0;padding-bottom:18px}.store-detail-field strong{color:#0f172a;font-size:15px;line-height:1.35}.store-edit-form{display:grid;gap:16px}.store-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.store-edit-form .template-field{gap:7px}.store-edit-form .template-field>span{color:#60728d;font-size:13px}.store-edit-form .template-field input,.store-edit-form .template-field select{height:42px;border-color:#d9e2ef;border-radius:10px;color:#1e293b;font-size:14px}.store-form-error{margin:-4px 0 0;color:#dc2626;font-size:12px;font-weight:800}.store-form-warning{margin:-4px 0 0;color:#b45309;font-size:12px;font-weight:800}.store-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e8edf5;padding:14px 20px;background:#f8fafc}.store-dialog-footer>div{display:flex;justify-content:flex-end;gap:14px}.store-dialog-footer.editing{justify-content:flex-end}.store-dialog-footer .dialog-cancel,.store-dialog-footer .dialog-confirm,.store-unbind-button{min-width:84px;height:38px;border-radius:8px;padding:0 16px;font-size:13px}.store-unbind-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;color:#ff293d;background:transparent;font-weight:900}.store-unbind-button:hover{background:#fff1f2}.store-edit-confirm{gap:6px;min-width:120px}.store-save-button{min-width:108px;background:#059669}.store-unbind-dialog{position:fixed;z-index:21;width:min(100%,420px);overflow:hidden;border:1px solid #fecdd3;border-radius:12px;background:#fff;box-shadow:0 22px 70px #0f172a47}.store-unbind-dialog header{display:flex;gap:12px;border-bottom:1px solid #fee2e2;padding:18px 20px;background:#fff7f7}.store-unbind-dialog header>span{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border-radius:10px;color:#ef4444;background:#fee2e2}.store-unbind-dialog h3{margin:0;color:#991b1b;font-size:17px;line-height:1.25}.store-unbind-dialog p{margin:6px 0 0;color:#64748b;font-size:12px;line-height:1.5}.store-unbind-content{display:grid;gap:16px;padding:18px 20px}.store-unbind-target{display:grid;gap:5px;border:1px solid #e8edf5;border-radius:10px;padding:12px;background:#f8fafc}.store-unbind-target strong{color:#0f172a;font-size:14px}.store-unbind-target span{color:#64748b;font-size:12px;font-weight:800}.store-unbind-content label{display:grid;gap:8px;color:#475569;font-size:12px;font-weight:800}.store-unbind-content label strong{color:#ef4444}.store-unbind-content input{width:100%;height:40px;border:1px solid #cbd5e1;border-radius:8px;padding:0 12px;color:#172033;outline:none}.store-unbind-content input:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441f}.store-unbind-dialog footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #fee2e2;padding:14px 20px;background:snow}.store-unbind-dialog .dialog-cancel,.store-unbind-dialog .dialog-confirm{height:38px;border-radius:8px;font-size:13px}.store-unbind-confirm-button{background:#ef4444}.staff-avatar{display:grid;width:28px;height:28px;flex:0 0 auto;place-items:center;border-radius:999px;color:#fff;font-size:10px;font-weight:900}.staff-avatar.indigo{background:#6366f1}.staff-avatar.purple{background:#a855f7}.staff-avatar.pink{background:#ec4899}.staff-avatar.emerald{background:#059669}.staff-avatar.slate{background:#475569}.role-badge,.staff-status{display:inline-flex;align-items:center;gap:6px;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:900;white-space:nowrap}.role-badge.designer{border:1px solid #e0e7ff;color:#4338ca;background:#eef2ff}.role-badge.workshop{border:1px solid #bbf7d0;color:#047857;background:#ecfdf5}.staff-phone{color:#64748b;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.staff-status.active{border:1px solid #bbf7d0;color:#047857;background:#ecfdf5}.staff-status.disabled{border:1px solid #e2e8f0;color:#64748b;background:#f1f5f9}.staff-status i{width:7px;height:7px;border-radius:999px}.staff-status.active i{background:#10b981}.staff-status.disabled i{background:#94a3b8}.staff-row-actions{display:flex;justify-content:center;gap:12px}.staff-row-actions button{border:0;padding:0;background:transparent;font-size:12px;font-weight:900}.staff-row-actions .edit{color:#4f46e5}.staff-row-actions .freeze{color:#d97706}.staff-row-actions .activate{color:#059669}.staff-row-actions button:hover{text-decoration:underline}.staff-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e2e8f0;padding:14px 16px;color:#64748b;background:#f8fafc;font-size:11px}.staff-pagination div{display:flex;align-items:center;gap:4px}.staff-pagination button{min-width:30px;height:28px;border:1px solid #e2e8f0;border-radius:6px;padding:0 8px;color:#94a3b8;background:#fff;font-size:11px}.staff-pagination select{height:28px;border:1px solid #e2e8f0;border-radius:6px;padding:0 8px;color:#64748b;background:#fff;font-size:11px}.staff-pagination button.active{border-color:#4f46e5;color:#fff;background:#4f46e5;font-weight:900}.staff-modal{width:min(100%,448px);overflow:hidden;border:1px solid #e2e8f0;border-radius:8px;background:#fff;box-shadow:0 24px 80px #0f172a3d}.staff-modal>header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1f5f9;padding:14px 18px;background:#f8fafc}.staff-modal h3{display:flex;align-items:center;gap:7px;margin:0;color:#0f172a;font-size:14px}.staff-modal h3 svg{color:#4f46e5}.staff-modal>header button{display:grid;width:28px;height:28px;place-items:center;border:0;border-radius:6px;color:#94a3b8;background:transparent}.staff-modal>header button:hover{color:#475569;background:#f1f5f9}.staff-form{display:grid;gap:16px;padding:18px;font-size:12px}.staff-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.staff-role-error{margin:-4px 0 0;color:#b91c1c;font-size:12px;font-weight:700}.staff-modal>footer{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #f1f5f9;padding:12px 18px;background:#f8fafc}.template-center-page{display:flex;flex-direction:column;gap:22px;color:#1e293b}.template-center-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding-bottom:14px;border-bottom:1px solid #e2e8f0}.template-family-rack-header span,.template-slot-meta span{display:inline-flex;align-items:center;gap:6px;color:#94a3b8;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.template-center-hero h1{margin:0;color:#0f172a;font-size:28px;font-weight:900;letter-spacing:-.03em}.template-center-hero p{margin:7px 0 0;color:#64748b;font-size:13px;font-weight:650}.template-center-tabs{display:flex;flex:0 0 auto;gap:4px;padding:4px;border:1px solid rgba(148,163,184,.28);border-radius:12px;background:#e2e8f0b8}.template-center-tabs button{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border:0;border-radius:8px;color:#64748b;background:transparent;font-size:13px;font-weight:900}.template-center-tabs button.active{color:#0f172a;background:#fff;box-shadow:0 2px 8px #0f172a14}.template-center-tabs button.active svg{color:#4f46e5}.template-center-view,.template-family-view{animation:fadeIn .22s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0;transform:scale(.98) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.template-center-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 1px 2px #0f172a0a}.template-center-stat{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:112px;padding:22px;border-right:1px solid #f1f5f9}.template-center-stat:last-child{border-right:0}.template-center-stat span{display:flex;align-items:center;gap:6px;color:#111827;font-size:11px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.template-center-stat strong{display:inline-block;margin-top:7px;color:#0f172a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:34px;font-weight:900;line-height:1}.template-center-stat.indigo strong{color:#4f46e5}.template-center-stat.green strong{color:#059669}.template-center-stat.rose strong{color:#f43f5e}.template-center-stat small{margin-left:5px;color:#111827;font-size:12px;font-weight:750}.template-center-stat>div:last-child{display:grid;width:44px;height:44px;flex:0 0 auto;place-items:center;border-radius:13px}.template-center-stat.indigo>div:last-child{color:#4f46e5}.template-center-stat.indigo>div:last-child{border:1px solid #e0e7ff;background:#eef2ff}.template-center-stat.green>div:last-child{color:#059669}.template-center-stat.green>div:last-child{border:1px solid #d1fae5;background:#ecfdf5}.template-center-stat.rose>div:last-child{color:#f43f5e}.template-center-stat.rose>div:last-child{border:1px solid #ffe4e6;background:#fff1f2}.template-center-board{margin-top:18px;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 1px 2px #0f172a0a}.template-center-toolbar{display:flex;align-items:center;gap:12px;padding:18px;border:0;border-bottom:1px solid #eef2f7;border-radius:0;color:#1e293b;background:#f9fafc;box-shadow:none}.template-center-search{position:relative;flex:0 1 520px;min-width:260px}.template-center-search svg{position:absolute;top:50%;left:12px;color:#94a3b8;transform:translateY(-50%)}.template-center-filter select{width:100%;border:1px solid #334155;outline:none;color:#e2e8f0;background:#1e293b;font-size:13px;font-weight:750}.template-center-search input{width:100%;height:52px;border:1px solid #e2e8f0;outline:none;padding:0 12px 0 36px;border-radius:8px;color:#0f172a;background:#fff;font-size:13px;font-weight:750}.template-center-search input::placeholder{color:#94a3b8}.template-center-tip,.template-center-filter{display:inline-flex;align-items:center;gap:7px;min-height:52px;padding:0 14px;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;background:#fff;font-size:11px;font-weight:700;white-space:nowrap}.template-center-tip svg{color:#f59e0b}.template-center-filter svg{color:#818cf8}.template-center-filter span{color:#64748b;font-size:11px;font-weight:900;letter-spacing:.04em}.template-center-filter select{width:auto;min-width:132px;height:32px;border:0;padding-right:4px;color:#1e293b;background:transparent}.template-center-filter-error{padding:10px 18px 0;color:#b91c1c;background:#fff;font-size:12px;font-weight:750}.template-center-switch{display:flex;margin-left:auto;gap:2px;padding:4px;border:1px solid #e2e8f0;border-radius:8px;background:#f1f5f9}.template-center-switch button{min-height:42px;padding:0 14px;border:0;border-radius:6px;color:#64748b;background:transparent;font-size:12px;font-weight:850}.template-center-switch button.active{color:#fff;background:#111827}.template-center-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:0;padding:18px;background:#fff}.template-center-pagination,.order-center-pagination,.material-preview-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border-top:1px solid #e2e8f0;color:#64748b;background:#f9fafc;font-size:12px;font-weight:750}.template-center-pagination>div,.order-center-pagination>div,.material-preview-pagination>div{display:flex;align-items:center;gap:8px}.template-center-pagination select,.template-center-pagination button,.order-center-pagination select,.order-center-pagination button,.material-preview-pagination button{height:34px;border:1px solid #e2e8f0;border-radius:8px;padding:0 12px;color:#64748b;background:#fff;font-size:12px;font-weight:750}.template-center-pagination button.active,.order-center-pagination button.active,.material-preview-pagination button.active{border-color:#4f46e5;color:#fff;background:#4f46e5;font-weight:900}.template-center-pagination button:disabled,.order-center-pagination button:disabled,.material-preview-pagination button:disabled{cursor:not-allowed;opacity:.48}.template-center-card{display:flex;flex-direction:column;gap:13px;min-height:244px;padding:18px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;box-shadow:0 1px 2px #0f172a0a;transition:border-color .2s ease,box-shadow .2s ease}.template-center-card:hover{border-color:#6366f1;box-shadow:0 12px 28px #0f172a14}.template-center-card.inactive{background:#f8fafcb8}.template-center-cover{display:grid;overflow:hidden;width:100%;aspect-ratio:16 / 7;place-items:center;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}.template-center-cover img{width:100%;height:100%;object-fit:cover}.template-center-cover>div{display:grid;gap:6px;place-items:center;color:#94a3b8;font-size:12px;font-weight:800}.template-center-card-top,.template-center-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.template-center-card-top span{padding:4px 8px;border:1px solid #e2e8f0;border-radius:6px;color:#475569;background:#f8fafc;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:850}.template-center-card-top strong{padding:4px 8px;border-radius:999px;color:#047857;background:#ecfdf5;font-size:10px;font-weight:850}.template-center-card.inactive .template-center-card-top strong{color:#64748b;background:#e2e8f0}.template-center-card-title h3{overflow:hidden;margin:0;color:#0f172a;font-size:15px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.template-center-card-title p{margin:4px 0 0;color:#94a3b8;font-size:12px;font-weight:700}.template-center-flow{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}.template-center-flow div{display:inline-flex;align-items:center;gap:7px;min-width:0;color:#0f172a;font-size:12px;font-weight:850;white-space:nowrap}.template-center-flow div span{overflow:hidden;text-overflow:ellipsis}.template-center-flow div:first-child{max-width:56%}.template-center-flow div:last-child{max-width:38%}.template-center-flow div:first-child svg{color:#4f46e5}.template-center-flow div:last-child svg{color:#059669}.template-center-flow i{flex:1;min-width:24px;border-top:1px dashed #c7d2fe}.template-center-meta-tags{display:grid;gap:8px}.template-center-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.template-center-tags strong{margin-right:2px;color:#64748b;font-size:11px;font-weight:850}.template-center-tags span{padding:4px 7px;border:1px solid #111827;border-radius:6px;color:#fff;background:#111827;font-size:11px;font-weight:800}.template-center-tags em{color:#94a3b8;font-size:11px;font-style:normal;font-weight:750}.template-center-card footer{margin-top:auto;padding-top:12px;border-top:1px solid #f1f5f9}.template-center-card footer button{display:inline-flex;align-items:center;gap:6px;border:0;color:#475569;background:transparent;font-size:12px;font-weight:850}.template-center-card footer button:disabled{cursor:not-allowed;opacity:.64}.template-center-card footer button:last-child{color:#4f46e5}.template-center-card footer button>span{position:relative;display:inline-block;width:30px;height:16px;border-radius:999px;background:#cbd5e1}.template-center-card footer button>span:after{position:absolute;top:3px;left:3px;width:10px;height:10px;border-radius:50%;background:#fff;content:"";transition:transform .15s ease}.template-center-card footer button>span.on{background:#10b981}.template-center-card footer button>span.on:after{transform:translate(14px)}.template-center-empty{grid-column:1 / -1;padding:48px 20px;border:1px dashed #cbd5e1;border-radius:12px;color:#94a3b8;background:#fff;font-size:13px;font-weight:700;text-align:center}.template-family-view{display:grid;grid-template-columns:minmax(280px,.38fr) minmax(0,.62fr);gap:22px;align-items:flex-start}.template-family-rack{display:flex;flex-direction:column;gap:12px}.template-family-rack-header,.template-slot-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px}.template-family-rack-header strong,.template-slot-meta strong{padding:3px 7px;border:1px solid #cbd5e1;border-radius:6px;color:#475569;background:#f1f5f9;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.template-family-list{display:flex;flex-direction:column;gap:12px}.template-family-card{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:16px;border:1px solid #e2e8f0;border-radius:12px;color:#1e293b;background:#fff;text-align:left;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.template-family-card:hover{border-color:#818cf8;box-shadow:0 10px 24px #0f172a12;transform:translateY(-1px)}.template-family-card.active{border-color:#4f46e5;color:#fff;background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 12px 28px #4f46e52e}.template-family-card>div{display:flex;align-items:center;gap:12px}.template-family-card>div:first-child>span{display:grid;width:38px;height:38px;place-items:center;border:1px solid #e2e8f0;border-radius:12px;color:#64748b;background:#f8fafc}.template-family-card.active>div:first-child>span{border-color:#ffffff3d;color:#fff;background:#ffffff24}.template-family-card strong{display:block;font-size:13px;font-weight:900}.template-family-card small{display:block;margin-top:3px;color:#94a3b8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:850}.template-family-card.active small{color:#c7d2fe}.template-family-card em{padding:3px 7px;border:1px solid #e2e8f0;border-radius:999px;color:#64748b;background:#f8fafc;font-style:normal;font-size:10px;font-weight:900}.template-family-card.active em{border-color:#ffffff38;color:#eef2ff;background:#312e8161}.template-family-add{display:grid;grid-template-columns:1fr .48fr 34px;gap:8px;padding:12px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.template-family-add input,.template-slot-add input{min-width:0;border:1px solid #e2e8f0;outline:none;color:#0f172a;background:#f8fafc;font-size:13px;font-weight:750}.template-family-add input{height:34px;padding:0 10px;border-radius:8px}.template-family-add button{display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:8px;color:#fff;background:#111827}.template-slot-panel{position:relative;overflow:hidden;padding:24px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 1px 2px #0f172a0a}.template-slot-panel:after{position:absolute;top:-64px;right:-64px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(226,232,240,.65),transparent 68%);content:"";pointer-events:none}.template-slot-panel header{position:relative;z-index:1;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.template-slot-panel header>div{display:flex;align-items:center;gap:8px}.template-slot-panel header>div>span{width:8px;height:8px;border-radius:50%;background:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.template-slot-panel h2{margin:0;color:#0f172a;font-size:16px;font-weight:900}.template-slot-panel header strong{padding:3px 8px;border:1px solid #e0e7ff;border-radius:999px;color:#4f46e5;background:#eef2ff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.template-slot-panel header p{margin:7px 0 0 16px;color:#94a3b8;font-size:12px;font-weight:650}.template-slot-add{position:relative;z-index:1;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:10px;margin:18px 0;padding:12px;border:1px solid #1e293b;border-radius:12px;color:#94a3b8;background:#0f172a}.template-slot-add input{height:38px;padding:0 12px;border-color:#334155;color:#f8fafc;background:#1e293b}.template-slot-add input::placeholder{color:#64748b}.template-slot-add button{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 16px;border:0;border-radius:8px;color:#fff;background:#4f46e5;font-size:13px;font-weight:900}.template-center-notice{margin:-4px 0 14px;padding:10px 12px;border:1px solid #fed7aa;border-radius:10px;color:#9a3412;background:#fff7ed;font-size:12px;font-weight:750}.template-slot-meta{margin-bottom:12px;padding:0}.template-slot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.template-slot-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;transition:border-color .18s ease,box-shadow .18s ease}.template-slot-item:hover{border-color:#818cf8;box-shadow:0 8px 20px #0f172a0f}.template-slot-item>div{display:flex;align-items:center;gap:11px}.template-slot-item span{position:relative;display:grid;width:26px;height:26px;place-items:center;border:1px solid #e2e8f0;border-radius:8px;color:#475569;background:#f8fafc;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:900}.template-slot-item span i{position:absolute;top:-2px;right:-2px;width:6px;height:6px;border:1px solid #ffffff;border-radius:50%;background:#10b981}.template-slot-item strong{color:#1e293b;font-size:13px;font-weight:900}.template-slot-item button{display:grid;width:28px;height:28px;place-items:center;border:0;border-radius:8px;color:#cbd5e1;background:transparent}.template-slot-item button:hover{color:#e11d48;background:#fff1f2}@media(max-width:720px){.admin-shell{grid-template-columns:1fr}.sidebar{min-height:auto;border-right:0;border-bottom:1px solid #e2e8f0}.sidebar-brand{height:64px}.menu-list{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:12px}.logout-button{margin-top:0}.content-header{height:62px;padding:0 18px}.content-body{min-height:calc(100vh - 204px);padding:18px}.template-titlebar,.dashboard-hero,.orders-titlebar,.orders-table-card>header,.material-titlebar,.material-table-card>header,.size-header,.dispatch-footer,.size-block>header,.production-card-title{flex-direction:column;align-items:stretch}.template-titlebar>span,.orders-titlebar>span,.material-titlebar>span,.size-header>div:last-child{align-self:flex-start}.dashboard-channel-grid,.dashboard-company-grid,.template-grid-4,.template-grid-2,.template-center-stats,.template-center-grid,.template-family-view,.template-slot-grid,.orders-upload-grid,.material-upload-grid,.staff-filters,.staff-form-grid,.store-edit-grid,.slot-grid,.group-matrix,.production-grid,.production-meta{grid-template-columns:1fr}.store-dialog{width:min(100%,520px)}.store-dialog-header,.store-dialog-content,.store-edit-form,.store-dialog-footer{padding-left:18px;padding-right:18px}.template-card,.orders-card,.material-card,.dispatch-panel,.size-block{padding:18px}.orders-actions{align-items:stretch;flex-direction:column;width:100%}.staff-pagination,.template-center-pagination{align-items:flex-start;flex-direction:column}.template-center-pagination>div{flex-wrap:wrap}.staff-create-button{justify-self:stretch}.orders-actions .secondary-action,.orders-actions .success-action{width:100%}.size-block>header>div,.size-header>div:last-child{flex-wrap:wrap}.production-card-title p{max-width:none}.template-center-hero,.order-center-hero,.material-center-topbar,.material-gallery-header,.material-gallery-footer,.order-center-toolbar,.template-center-toolbar{align-items:stretch;flex-direction:column}.order-center-batch,.order-center-toolbar label,.order-view-tabs,.all-orders-toolbar,.all-orders-toolbar label{width:100%}.all-orders-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.all-orders-toolbar{align-items:stretch;flex-direction:column}.all-orders-toolbar select{flex-basis:auto;width:100%}.all-orders-toolbar-actions{align-items:stretch;flex-direction:column;width:100%}.all-orders-start-button{width:100%}.order-excel-header{align-items:flex-start;flex-direction:column}.template-center-board{border-radius:12px}.template-center-toolbar,.template-center-grid{padding:12px}.template-center-search{flex-basis:auto;min-width:0}.template-center-tabs,.template-center-switch,.material-center-tabs,.material-asset-search{width:100%}.template-center-tabs button,.template-center-switch button,.material-center-tabs button{flex:1;justify-content:center}.material-center-layout{grid-template-columns:1fr}.material-designer-panel{max-height:280px}.material-batch-zone{align-items:flex-start;flex-wrap:wrap}.template-center-stat{border-right:0;border-bottom:1px solid #f1f5f9}.template-center-stat:last-child{border-bottom:0}.template-center-tip,.template-center-filter{justify-content:space-between;white-space:normal}.template-center-flow{align-items:stretch;flex-direction:column}.template-center-flow i{min-height:1px}.template-family-add,.template-slot-add{grid-template-columns:1fr}.template-family-add button,.template-slot-add button{width:100%}}