:root{font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif;color:#202938;background:#f6f7fb;font-synthesis:none;--navy: #0b2545;--blue: #2563eb;--blue-soft: #eff6ff;--border: #dfe3ea;--muted: #5b6474;--soft: #f6f7fb;--danger: #dc2626;--success: #059669;--warning: #d97706}*{box-sizing:border-box}html,body,#root{width:100%;min-width:1180px;height:100%;margin:0}body{overflow:hidden;background:#f6f7fb;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{color:#1e293b}.app-shell{width:100vw;height:100vh;display:flex;overflow:hidden;background:#f8fafc}.sidebar{width:72px;flex:0 0 72px;height:100vh;padding:18px 8px 12px;background:var(--navy);color:#dbeafe;display:flex;flex-direction:column;align-items:center}.brand-mark{width:58px;height:38px;margin-bottom:26px;padding:5px 4px;border-radius:6px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.brand-mark img{width:100%;height:100%;object-fit:contain}.sidebar nav{width:100%;display:flex;flex-direction:column;gap:10px}.sidebar nav button,.sidebar-settings{width:56px;height:58px;border:0;border-radius:9px;background:transparent;color:#c7d8ed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:12px}.sidebar nav button:hover,.sidebar-settings:hover{background:#17385f;color:#fff}.sidebar-settings.active{background:#2563eb;color:#fff}.sidebar nav button.active{background:#1d5dc5;color:#fff;box-shadow:0 7px 18px #0000002e}.sidebar-settings{margin-top:auto}.sidebar-logout{width:56px;height:54px;margin-top:6px;border:0;border-radius:9px;background:transparent;color:#c7d8ed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px}.sidebar-logout:hover{background:#17385f;color:#fff}.sidebar nav:has(+.sidebar-logout)+.sidebar-logout{margin-top:auto}.main-app{flex:1;min-width:0;height:100vh;display:flex;flex-direction:column;overflow:hidden}.topbar{height:58px;flex:0 0 58px;padding:0 18px;border-bottom:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:space-between}.breadcrumb{display:flex;align-items:center;gap:10px;color:#94a3b8;font-size:14px}.breadcrumb strong{color:#0f172a;font-size:16px}.topbar-actions{display:flex;align-items:center;gap:10px}.processing-summary{height:36px;padding:0 10px;border:1px solid #a5d8ff;border-radius:8px;background:#eff8ff;color:#1769aa;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;white-space:nowrap}.processing-summary:hover{border-color:#60a5fa;background:#e4f3ff}.save-state{height:34px;padding:0 11px;border:1px solid var(--border);border-radius:7px;color:#64748b;display:flex;align-items:center;gap:8px;font-size:12px}.save-state i{width:8px;height:8px;border-radius:50%;background:#10b981}.notice-button{width:38px;height:38px;border:0;border-radius:8px;background:transparent;color:#334155;display:grid;place-items:center;position:relative}.notice-button:hover{background:#f1f5f9}.notice-button b{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 4px;border:2px solid #fff;border-radius:10px;background:#ef4444;color:#fff;display:grid;place-items:center;font-size:10px}.new-project{height:38px;padding:0 14px;border:1px solid #1d4ed8;border-radius:7px;background:var(--blue);color:#fff;display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700}.new-project:hover,.primary-action:hover,.modal-primary:hover{background:#1d4ed8}.profile-button{height:42px;padding:0 4px 0 7px;border:0;background:transparent;color:#0f172a;display:flex;align-items:center;gap:7px}.profile-button>svg:first-child{color:#0ea5e9}.profile-button span{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.profile-button strong{font-size:12px}.profile-button small{color:#94a3b8;font-size:10px}.workbench{flex:1;min-height:0;display:grid;grid-template-columns:340px minmax(0,1fr);overflow:hidden}.task-queue{min-height:0;border-right:1px solid var(--border);background:#fff;display:flex;flex-direction:column;overflow:hidden}.task-queue>header{height:60px;flex:0 0 60px;padding:0 14px 0 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.task-queue h2{margin:0;color:#0f172a;font-size:17px}.task-queue header p{margin:3px 0 0;color:#94a3b8;font-size:11px}.task-queue header select{height:32px;padding:0 8px;border:1px solid var(--border);border-radius:6px;background:#fff;color:#475569;font-size:11px;outline:0}.queue-search{height:46px;flex:0 0 46px;margin:11px 12px 8px;padding:0 11px;border:1px solid #d8e0ea;border-radius:7px;display:flex;align-items:center;gap:8px;color:#94a3b8}.queue-search:focus-within{border-color:#93b4ee;box-shadow:0 0 0 3px #eff6ff}.queue-search input{min-width:0;flex:1;border:0;outline:0;font-size:13px}.queue-controls{min-height:68px;padding:0 12px 10px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.queue-controls>select{height:31px;border:1px solid var(--border);border-radius:6px;background:#fff;color:#475569;padding:0 8px;font-size:11px;outline:0}.queue-controls>div{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border);border-radius:6px;padding:2px}.queue-controls button{height:29px;border:0;border-radius:4px;background:transparent;color:#64748b;font-size:11px}.queue-controls button.active{background:var(--blue-soft);color:#1d4ed8;font-weight:700}.task-list{flex:1;min-height:0;overflow-y:auto}.task-row{width:100%;min-height:126px;padding:12px;border:0;border-bottom:1px solid #e7edf4;background:#fff;display:flex;align-items:flex-start;gap:11px;text-align:left}.task-row:hover{background:#f8fbff}.task-row.selected{background:#f5f9ff;box-shadow:inset 3px 0 #2563eb}.task-row>img{width:76px;height:76px;flex:0 0 76px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;object-fit:cover}.task-row-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.task-row-title{display:flex;align-items:center;justify-content:space-between;gap:7px}.store-tag{min-height:24px;padding:0 8px;border-radius:5px;background:var(--store-soft);color:var(--store);display:inline-flex;align-items:center;font-size:12px;font-weight:800;white-space:nowrap}.store-tag.compact{min-height:20px;padding:0 6px;font-size:10px}.queue-status{font-style:normal;font-size:10px;white-space:nowrap}.queue-status.danger{color:var(--danger)}.queue-status.success{color:var(--success)}.queue-status.warning{color:var(--warning)}.queue-status.muted{color:#94a3b8}.queue-status.claimed{color:#64748b}.video-team-load{margin:0 10px 8px;padding:8px 9px;border:1px solid #b9ecf4;border-radius:8px;background:#f2fcfe;flex:0 0 auto}.video-team-load>header{margin-bottom:6px;display:flex;align-items:center;justify-content:space-between}.video-team-load>header span{color:#0e7490;display:flex;align-items:center;gap:5px;font-size:11px;font-weight:800}.video-team-load>header strong{padding:3px 7px;border-radius:999px;background:#cffafe;color:#0e7490;font-size:10px}.video-team-load>div{min-height:27px;padding:0 6px;border-top:1px solid #d9f3f7;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;font-size:10px}.video-team-load>div.current{border-radius:5px;background:#e6faff}.video-team-load>div span{color:#334155;font-weight:750}.video-team-load>div span em{margin-left:4px;padding:1px 4px;border-radius:999px;background:#06b6d4;color:#fff;font-size:8px;font-style:normal}.video-team-load>div small{color:#64748b}.video-team-load>div b{color:#0891b2;font-weight:750}.video-team-load>p{margin:2px 0;color:#64748b;font-size:10px}.task-row-copy>strong{margin-top:2px;color:#1e293b;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-row-copy>small{color:#94a3b8;font-size:11px}.task-row-copy>small{display:flex;align-items:center;justify-content:space-between;gap:6px}.task-window-action{padding:3px 5px;border:1px solid #cbdcf7;border-radius:5px;background:#f5f9ff;color:#2563eb;display:inline-flex;align-items:center;gap:3px;font-size:9px;font-weight:750;white-space:nowrap}.task-window-action:hover{border-color:#7eabf5;background:#eaf2ff}.task-window-action.claim{border-color:#f6b8cc;background:#fff1f6;color:#db2777}.task-window-action.claim:hover{border-color:#f472b6;background:#fce7f3}.task-window-action:disabled{border-color:#d8dee8;background:#f1f4f8;color:#8b96a6;cursor:not-allowed}.task-row-time{margin-top:4px;display:flex;justify-content:space-between;gap:6px;color:#94a3b8;font-size:10px}.task-row-time b{color:#dc2626;font-size:10px;white-space:nowrap}.task-row-copy>i{display:flex;align-items:center;gap:4px;color:#dc2626;font-size:10px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-queue>footer{height:38px;flex:0 0 38px;padding:0 12px;border-top:1px solid var(--border);color:#64748b;display:flex;align-items:center;justify-content:space-between;font-size:10px}.task-queue footer small{color:#94a3b8}.empty-queue{padding:64px 20px;color:#94a3b8;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}.empty-queue strong{color:#475569;font-size:13px}.empty-queue button{border:0;background:transparent;color:#2563eb;font-size:12px}.record-workspace{min-width:0;min-height:0;background:#f8fafc;display:flex;flex-direction:column;overflow:hidden}.private-workspace-empty{flex:1;min-height:0;margin:14px;border:1px dashed #b9c9dc;border-radius:12px;background:linear-gradient(145deg,#fff,#f4f8ff);color:#66758a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center}.private-workspace-empty>span{width:54px;height:54px;border-radius:16px;background:#e8f1ff;color:#2563eb;display:grid;place-items:center}.private-workspace-empty h2{margin:4px 0 0;color:#243247;font-size:19px}.private-workspace-empty p{max-width:520px;margin:0;font-size:13px;line-height:1.65}.private-workspace-empty strong{padding:6px 11px;border-radius:999px;background:#eef4ff;color:#2563eb;font-size:11px}.task-claim-preview{margin:12px 14px;padding:18px;border:1px solid color-mix(in srgb,var(--stage) 34%,#d8e2ee);border-radius:11px;background:linear-gradient(135deg,#fff,var(--stage-soft));display:grid;grid-template-columns:auto minmax(260px,1fr) minmax(260px,.8fr) auto;align-items:center;gap:16px}.task-claim-preview-icon{width:48px;height:48px;border-radius:14px;background:var(--stage-soft);color:var(--stage);display:grid;place-items:center}.task-claim-preview>div{min-width:0}.task-claim-preview>div>small{color:var(--stage);font-size:11px;font-weight:800}.task-claim-preview h2{margin:4px 0;color:#182337;font-size:19px}.task-claim-preview p{margin:0;color:#66758a;display:flex;align-items:center;gap:7px;font-size:11px}.task-claim-preview section{padding-left:15px;border-left:1px solid #dbe3ed;display:flex;flex-direction:column;gap:5px}.task-claim-preview section strong{color:#334155;font-size:12px}.task-claim-preview section small{color:#748196;font-size:10px;line-height:1.5}.task-claim-preview>button{height:38px;padding:0 14px;border:0;border-radius:7px;background:var(--stage);color:#fff;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;white-space:nowrap}.task-claim-preview>button:disabled{background:#aab4c2;cursor:not-allowed}.release-stage-action{border-color:#fecaca!important;color:#b42318!important}.stage-rail{min-height:64px;flex:0 0 64px;padding:0 22px;border-bottom:1px solid var(--border);background:#fff;display:grid;grid-template-columns:repeat(7,minmax(104px,1fr));align-items:center;gap:3px}.registration-step,.stage-rail button{min-width:0;height:46px;border:0;background:transparent;display:flex;align-items:center;gap:8px;text-align:left;position:relative}.registration-step:after,.stage-rail button:not(:last-child):after{content:"";width:22px;height:1px;background:#dbe4ee;position:absolute;right:2px;top:23px}.registration-step>span,.stage-rail button>span{width:25px;height:25px;flex:0 0 25px;border:1px solid #d8e1ec;border-radius:50%;background:#fff;color:#94a3b8;display:grid;place-items:center;font-size:10px;font-weight:800}.registration-step>span{border-color:#a7e4cf;background:#dff7ed;color:#059669}.registration-step>div,.stage-rail button>div{min-width:0;display:flex;flex-direction:column;gap:3px}.registration-step strong,.stage-rail button strong{color:#475569;font-size:12px;white-space:nowrap}.registration-step small,.stage-rail button small{color:#94a3b8;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-rail button.active>span{border-color:#2563eb;background:#2563eb;color:#fff}.stage-rail button.active strong{color:#1d4ed8}.stage-rail button.stage-locked{border-color:#e5eaf0;background:#f8fafc;cursor:not-allowed;box-shadow:none;opacity:.72}.stage-rail button.stage-locked>span{background:#eef2f6;color:#8a96a6}.stage-rail button.stage-locked strong{color:#778397}.product-header{min-height:126px;flex:0 0 126px;margin:12px 14px 0;padding:12px;border:1px solid var(--border);border-radius:9px;background:#fff;display:grid;grid-template-columns:94px minmax(220px,1fr) minmax(420px,1.6fr) auto;align-items:center;gap:14px}.product-header>img{width:94px;height:94px;border:1px solid #e2e8f0;border-radius:8px;object-fit:cover;background:#f8fafc}.product-identity{min-width:0}.product-identity>div{display:flex;align-items:center;gap:8px}.product-store-line{flex-wrap:wrap;row-gap:4px!important}.product-store-line .store-tag{min-height:27px;padding:0 9px;border:1px solid color-mix(in srgb,var(--store) 25%,transparent);font-size:13px}.store-lock-state{height:26px;padding:0 7px;border:1px solid;border-radius:6px;display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:750;white-space:nowrap}.store-lock-state.pending{border-color:#fdba74;background:#fff7ed;color:#c2410c}.store-lock-state.confirmed{border-color:#86efac;background:#f0fdf4;color:#15803d}.store-lock-state:hover{filter:brightness(.98)}.product-identity>div>span{color:#94a3b8;font-size:11px}.product-identity h1{margin:8px 0 5px;color:#0f172a;font-size:21px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-identity p{margin:0;color:#64748b;display:flex;align-items:center;gap:7px;font-size:11px}.product-identity p span{width:1px;height:11px;background:#cbd5e1}.time-metrics{display:grid;grid-template-columns:repeat(4,minmax(88px,1fr))}.time-metrics.five-metrics{grid-template-columns:repeat(5,minmax(76px,1fr))}.time-metrics>div{min-height:58px;padding:4px 13px;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;justify-content:center;gap:7px}.time-metrics span{color:#94a3b8;font-size:10px}.time-metrics strong{color:#334155;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.warning-text{color:#d97706!important}.danger-text{color:#dc2626!important}.success-text{color:#059669!important}.edit-base{align-self:start;height:34px;padding:0 9px;border:1px solid var(--border);border-radius:6px;background:#fff;color:#64748b;display:flex;align-items:center;gap:6px;font-size:11px}.edit-base:hover{border-color:#93b4ee;color:#2563eb}.base-info-readonly{align-self:start;min-height:34px;padding:0 9px;border:1px solid #e1e6ed;border-radius:6px;background:#f8fafc;color:#7b8798;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:650}.product-header-actions{align-self:stretch;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:6px}.product-header-actions .edit-base,.product-header-actions .base-info-readonly{align-self:stretch;justify-content:center}.internal-task-tabs{min-height:48px;flex:0 0 48px;padding:5px 10px;border-bottom:1px solid #dce5f0;background:#f5f8fc;display:flex;align-items:center;gap:8px;overflow:hidden}.internal-task-tabs-label{height:34px;flex:0 0 auto;padding:0 9px;border:1px solid #bfd2f3;border-radius:7px;background:#eaf2ff;color:#2563eb;display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;white-space:nowrap}.internal-task-tabs-label b{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#2563eb;color:#fff;display:grid;place-items:center;font-size:9px}.internal-task-tabs-scroll{min-width:0;flex:1;display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:thin}.internal-task-tab{height:36px;flex:0 0 205px;border:1px solid #d4dde8;border-radius:7px;background:#fff;display:flex;align-items:center;overflow:hidden}.internal-task-tab:hover{border-color:var(--tab-color)}.internal-task-tab.active{border-color:var(--tab-color);background:var(--tab-soft);box-shadow:inset 0 -2px var(--tab-color)}.internal-task-tab-main{min-width:0;height:100%;flex:1;padding:3px 5px;border:0;background:transparent;display:flex;align-items:center;gap:6px;text-align:left}.internal-task-tab-main>img{width:27px;height:27px;flex:0 0 27px;border:1px solid #e2e8f0;border-radius:5px;background:#fff;object-fit:cover}.internal-task-tab-main>span{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px}.internal-task-tab-main strong{color:#263246;font-size:10px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.internal-task-tab-main small{color:#728096;display:flex;align-items:center;gap:4px;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.internal-task-tab .store-tag.compact{min-height:15px;padding:0 4px;border-radius:3px;font-size:7px}.internal-task-tab-close{width:25px;height:100%;flex:0 0 25px;border:0;border-left:1px solid transparent;background:transparent;color:#8b98aa;display:grid;place-items:center}.internal-task-tab-close:hover{border-left-color:#d8e0eb;background:#fff;color:#dc2626}.internal-task-tabs-tip{flex:0 0 auto;color:#748196;font-size:9px;white-space:nowrap}.video-assignment-card{min-height:68px;flex:0 0 68px;margin:8px 14px 0;padding:8px 10px;border:1px solid #a5e9f3;border-radius:9px;background:#f4fdff;display:grid;grid-template-columns:minmax(260px,1.2fr) minmax(360px,1.5fr) auto;align-items:center;gap:12px}.video-assignment-card.claimed{border-color:#67d7e7;background:#edfbfe}.video-assignment-state{min-width:0;display:flex;align-items:center;gap:9px}.video-assignment-icon{width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:#cffafe;color:#0891b2;display:grid;place-items:center}.video-assignment-state>span:last-child{min-width:0;display:flex;flex-direction:column;gap:3px}.video-assignment-state strong{color:#164e63;font-size:12px}.video-assignment-state small{color:#527486;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-assignment-times{display:grid;grid-template-columns:repeat(4,minmax(72px,1fr))}.video-assignment-times>span{min-width:0;padding:1px 9px;border-left:1px solid #bfe8ef;display:flex;flex-direction:column;gap:4px}.video-assignment-times small{color:#7193a2;font-size:9px}.video-assignment-times strong{color:#285366;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-assignment-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.video-assignment-actions>button,.transfer-task-control button,.transfer-task-control select{height:32px;border-radius:6px;font-size:10px;font-weight:750}.claim-task-button{padding:0 13px;border:0;background:#06b6d4;color:#fff;display:inline-flex;align-items:center;gap:5px}.release-task-button{padding:0 10px;border:1px solid #f1a9a9;background:#fff;color:#b42318}.transfer-task-control{display:flex;align-items:center;gap:5px}.transfer-task-control select{max-width:104px;padding:0 6px;border:1px solid #b9dce4;background:#fff;color:#334155}.transfer-task-control button{padding:0 8px;border:1px solid #78cbd9;background:#fff;color:#0e7490}.transfer-task-control button:disabled{border-color:#d5e4e8;color:#94a3b8;background:#f8fafc}.task-guide{min-height:100px;flex:0 0 auto;margin:10px 14px 0;padding:14px 12px;border:1px solid var(--border);border-radius:9px;background:#fff;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.task-guide>div{min-width:0;padding:2px 16px;display:flex;align-items:flex-start;gap:10px}.task-guide>div+div{border-left:1px solid #e2e8f0}.task-guide svg{flex:0 0 auto;margin-top:2px;color:#2563eb}.task-guide span{min-width:0}.task-guide strong{color:#334155;font-size:13px}.task-guide p{margin:6px 0 0;color:#64748b;font-size:11px;line-height:1.55;overflow-wrap:anywhere}.record-content{flex:1;min-height:0;margin:10px 14px 0;display:grid;grid-template-columns:minmax(560px,1fr) 310px;gap:10px;overflow:hidden}.record-content.context-collapsed{grid-template-columns:minmax(620px,1fr) 42px}.role-form,.context-panel{min-height:0;border:1px solid var(--border);border-radius:9px;background:#fff;overflow:hidden}.role-form{display:flex;flex-direction:column}.role-form-heading{min-height:56px;flex:0 0 56px;padding:0 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.role-form-heading>div{display:flex;align-items:center;gap:9px}.role-form-heading>div>span{width:25px;height:25px;border-radius:50%;background:#0b2545;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800}.role-form-heading h2{margin:0;color:#1e293b;font-size:16px}.role-form-heading>button{height:32px;padding:0 9px;border:1px solid var(--border);border-radius:6px;background:#fff;color:#64748b;display:flex;align-items:center;gap:6px;font-size:11px}.role-form-heading>button:hover{color:#2563eb;border-color:#93b4ee}.role-edit-state{min-height:25px;padding:0 8px;border-radius:999px;display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:750;font-style:normal}.role-edit-state.editable{background:color-mix(in srgb,var(--stage) 11%,#fff);color:var(--stage)}.role-edit-state.readonly{background:#eef2f6;color:#667085}.role-form-scroll{flex:1;min-height:0;padding:0 14px 24px;overflow-y:auto}.image-upload-section{padding:17px 0 18px;border-bottom:1px solid #e2e8f0}.image-upload-section>header{margin-bottom:11px;display:flex;align-items:center;justify-content:space-between}.image-upload-section header>div{display:flex;align-items:center;gap:8px}.image-upload-section header svg{color:#2563eb}.image-upload-section header span{display:flex;flex-direction:column;gap:2px}.image-upload-section header strong{color:#334155;font-size:13px}.image-upload-section header small{color:#94a3b8;font-size:10px}.image-upload-section header b{color:#64748b;font-size:10px}.image-upload-row{display:grid;grid-template-columns:235px minmax(0,1fr);gap:12px}.drop-zone{min-height:112px;border:1px dashed #b9c8da;border-radius:8px;background:#fbfdff;color:#64748b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.drop-zone:hover,.drop-zone.dragging{border-color:#2563eb;background:#f4f8ff;color:#2563eb}.drop-zone small{color:#94a3b8;font-size:9px}.image-thumbnails{min-width:0;display:grid;grid-template-columns:repeat(4,minmax(80px,1fr));gap:8px}.image-thumbnails>div{min-width:0;min-height:112px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;position:relative;overflow:hidden}.image-thumbnails>div.main{border:2px solid #2563eb}.image-thumbnails img{width:100%;height:82px;object-fit:cover;display:block}.set-main{width:100%;height:27px;border:0;border-top:1px solid #e2e8f0;background:#fff;color:#64748b;font-size:9px}.main .set-main{background:#eff6ff;color:#1d4ed8;font-weight:700}.remove-image{position:absolute;top:4px;right:4px;width:22px;height:22px;border:0;border-radius:50%;background:#0f172ac2;color:#fff;display:grid;place-items:center}.form-section{padding:18px 0 3px}.form-section+.form-section{border-top:1px solid #e2e8f0}.form-section>header{margin-bottom:13px;display:flex;align-items:center;justify-content:space-between}.form-section>header>div{display:flex;align-items:center;gap:8px}.form-section>header>div>span{width:24px;height:24px;border-radius:50%;background:#0b2545;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:800}.form-section h3{margin:0;color:#334155;font-size:14px}.form-section header small{color:#94a3b8;font-size:10px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 14px}.form-grid label,.modal-form label,.create-form label{min-width:0;display:flex;flex-direction:column;gap:7px}.form-grid label.wide,.create-form .wide{grid-column:1 / -1}.form-grid label>span,.modal-form label>span,.create-form label>span{color:#475569;font-size:12px;font-weight:650;display:flex;align-items:center;gap:4px}.form-grid label>span b,.create-form label span b{color:#dc2626}.form-grid label>span em{margin-left:auto;padding:2px 5px;border-radius:4px;background:#f1f5f9;color:#64748b;font-size:8px;font-style:normal;font-weight:500}.form-grid input,.form-grid select,.form-grid textarea,.modal-form input,.modal-form select,.modal-form textarea,.create-form input,.create-form select{width:100%;border:1px solid #cfd8e4;border-radius:7px;background:#fff;outline:0;font-size:15px}.form-grid input,.form-grid select,.modal-form input,.modal-form select,.create-form input,.create-form select{height:43px;padding:0 11px}.form-grid textarea,.modal-form textarea{min-height:78px;padding:10px 11px;resize:vertical;line-height:1.55}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus,.create-form input:focus,.create-form select:focus{border-color:#5b8ee5;box-shadow:0 0 0 3px #eff6ff}.form-grid label.readonly input,.form-grid label.readonly textarea{background:#f1f5f9;color:#64748b}.form-grid label.readonly select{background:#f1f5f9;color:#64748b;cursor:not-allowed}.image-upload-section.readonly-section{background:#fafbfc}.image-upload-section.readonly-section .drop-zone{border-style:solid;background:#f4f6f8;color:#7b8797;cursor:not-allowed}.image-upload-section.readonly-section .image-thumbnails button:disabled{cursor:default}.url-input{position:relative}.url-input input{padding-right:38px}.url-input a{position:absolute;top:0;right:0;width:38px;height:43px;color:#2563eb;display:grid;place-items:center}.context-panel{overflow-y:auto}.context-panel>header{min-height:56px;padding:0 13px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.context-panel h2{margin:0;color:#1e293b;font-size:15px}.context-panel h2 small{margin-left:4px;color:#8a96a8;font-size:10px;font-weight:600}.context-panel header p{margin:2px 0 0;color:#94a3b8;font-size:9px}.context-panel header button{height:29px;padding:0 6px;border:0;background:transparent;color:#64748b;display:flex;align-items:center;gap:3px;font-size:10px}.context-panel>section{padding:14px 13px;border-bottom:1px solid #e7edf4}.context-title{margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.context-title strong{color:#334155;font-size:12px}.context-title span{color:#94a3b8;font-size:9px}.shared-product{display:flex;align-items:center;gap:9px}.shared-product img{width:58px;height:58px;border:1px solid var(--border);border-radius:7px;object-fit:cover}.shared-product>span{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.shared-product strong{max-width:180px;color:#1e293b;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shared-product small{color:#94a3b8;font-size:9px}.context-values{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px}.context-values.dense{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:5px}.context-values.dense .context-copy-value.wide{grid-column:1 / -1}.context-copy-value{width:100%;min-width:0;min-height:43px;padding:5px 4px;border:0;border-bottom:1px solid #eef2f6;background:transparent;color:#8b97a8;display:flex;align-items:center;gap:5px;text-align:left}.context-copy-value.wide{grid-column:1 / -1}.context-copy-value:last-child{border-bottom:0}.context-copy-value:hover:not(:disabled){padding-right:7px;padding-left:7px;border-radius:6px;background:#f3f7ff;color:#2563eb}.context-copy-value:disabled{cursor:default;opacity:.58}.context-copy-value>span{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.context-copy-value small{max-width:100%;color:#94a3b8;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.context-copy-value strong{max-width:100%;color:#475569;font-size:11px;line-height:1.35;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.context-copy-value.wide strong{white-space:pre-line}.context-copy-value svg{flex:0 0 auto}.quick-links{display:flex;flex-direction:column;gap:7px}.copy-value{width:100%;min-height:48px;padding:8px 9px;border:1px solid var(--border);border-radius:6px;background:#f8fafc;color:#64748b;display:flex;align-items:center;gap:8px;text-align:left}.copy-value:hover{border-color:#93b4ee;background:#f4f8ff}.copy-value-content{min-width:0;flex:1;padding:0;border:0;background:transparent;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left}.copy-value-content:hover strong{color:#2563eb;text-decoration:underline;text-underline-offset:2px}.copy-value small{color:#94a3b8;font-size:8px}.copy-value strong{color:#475569;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.copy-value-content em{color:#8a96a8;font-size:8px;font-style:normal}.copy-value-actions{flex:0 0 auto;display:flex;align-items:center;gap:4px}.copy-value-actions button,.copy-value-actions a{height:30px;padding:0 6px;border:1px solid #d7e0ed;border-radius:6px;background:#fff;color:#526176;display:inline-flex;align-items:center;justify-content:center;gap:3px;font-size:10px;font-weight:650;white-space:nowrap}.copy-value-actions button:hover{border-color:#93b4ee;color:#2563eb;background:#f8fbff}.copy-value-actions a{border-color:#b9d1ff;background:#edf4ff;color:#2563eb;text-decoration:none}.copy-value-actions a:hover{border-color:#78a7ff;background:#dfeaff}.change-log{display:flex;flex-direction:column;gap:10px}.change-log>div{display:flex;align-items:flex-start;gap:8px}.change-log i{width:7px;height:7px;flex:0 0 7px;margin-top:4px;border-radius:50%;background:#2563eb}.change-log span{display:flex;flex-direction:column;gap:3px}.change-log strong{color:#475569;font-size:9px;font-weight:600}.change-log small{color:#94a3b8;font-size:8px}.context-expand{border:1px solid var(--border);border-radius:8px;background:#fff;color:#64748b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.context-expand span{writing-mode:vertical-rl;font-size:11px;letter-spacing:2px}.action-bar{min-height:74px;flex:0 0 74px;padding:9px 14px;border-top:1px solid var(--border);background:#fff;display:flex;align-items:center;gap:9px;box-shadow:0 -6px 18px #0f172a0a}.validation-state{min-width:210px;margin-right:auto;display:flex;align-items:center;gap:9px;color:#10b981}.validation-state span{display:flex;flex-direction:column;gap:2px}.validation-state strong{color:#334155;font-size:12px}.validation-state small{color:#94a3b8;font-size:9px}.validation-state.store-pending{color:#f97316}.validation-state.store-pending strong{color:#c2410c}.validation-state.store-pending small{color:#9a5b2d}.readonly-action-bar{background:#f8fafc}.readonly-action-bar .validation-state{color:#64748b}.secondary-action,.primary-action{height:42px;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:700}.secondary-action{min-width:108px;padding:0 12px;border:1px solid #d5dde8;background:#fff;color:#475569}.secondary-action:hover{border-color:#93b4ee;color:#2563eb}.primary-action{min-width:220px;padding:0 16px;border:1px solid #1d4ed8;background:#2563eb;color:#fff}.page-shell{flex:1;min-height:0;margin:12px;border:1px solid var(--border);border-radius:9px;background:#fff;display:flex;flex-direction:column;overflow:hidden}.page-heading{min-height:74px;padding:0 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.page-heading h1{margin:0;color:#0f172a;font-size:20px}.page-heading p{margin:5px 0 0;color:#64748b;font-size:12px}.page-heading>button{height:36px;padding:0 12px;border:1px solid var(--border);border-radius:6px;background:#fff;color:#475569;display:flex;align-items:center;gap:6px;font-size:12px}.integration-settings-page{overflow:auto}.integration-settings-grid{width:min(1080px,calc(100% - 36px));margin:18px auto 32px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.integration-card{min-width:0;padding:18px;border:1px solid #dfe5ed;border-radius:10px;background:#fff;box-shadow:0 5px 18px #0f172a0a}.integration-card.personal-notice-card{grid-column:1 / -1;border-color:#bfd3ff;background:linear-gradient(135deg,#f7faff,#fff)}.integration-card>header{display:flex;align-items:center;gap:11px}.integration-card>header>div{min-width:0;flex:1}.integration-card h2{margin:0;color:#172033;font-size:15px}.integration-card header p{margin:4px 0 0;color:#64748b;font-size:11px;line-height:1.5}.integration-icon{width:42px;height:42px;flex:0 0 42px;border-radius:9px;display:grid;place-items:center}.integration-icon.blue{background:#eaf2ff;color:#2563eb}.integration-icon.orange{background:#fff1e4;color:#f97316}.integration-icon.green{background:#eafaf1;color:#16a34a}.integration-card header>em{padding:5px 8px;border-radius:999px;font-size:10px;font-style:normal;font-weight:800}.integration-card header>em.connected{background:#dcfce7;color:#15803d}.integration-card header>em.waiting{background:#fff7ed;color:#c2410c}.sound-switch{width:88px;height:34px;padding:0 9px;border:1px solid #d4dce8;border-radius:999px;background:#f8fafc;color:#64748b;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:750}.sound-switch i{width:17px;height:17px;border-radius:50%;background:#94a3b8}.sound-switch.on{border-color:#86efac;background:#f0fdf4;color:#15803d}.sound-switch.on i{background:#22c55e}.integration-flow{margin-top:15px;padding:10px 12px;border:1px solid #dbe6f7;border-radius:8px;background:#fff;color:#52647b;display:flex;align-items:center;gap:9px;font-size:11px}.integration-flow span{display:flex;align-items:center;gap:6px}.integration-flow b{width:21px;height:21px;border-radius:50%;background:#2563eb;color:#fff;display:grid;place-items:center;font-size:9px}.sound-profile-section{margin-top:14px}.sound-profile-section>strong{color:#334155;font-size:11px}.sound-profile-section>small{margin-left:8px;color:#7c899b;font-size:9px}.sound-profile-options{margin-top:8px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.sound-profile-options>button{min-width:0;min-height:59px;padding:8px 9px;border:1px solid #dbe3ed;border-radius:7px;background:#fff;color:#64748b;display:flex;align-items:center;gap:8px;text-align:left}.sound-profile-options>button:hover{border-color:#93b4ee}.sound-profile-options>button.active{border-color:#5b8ee5;background:#eff6ff;color:#2563eb;box-shadow:inset 0 0 0 1px #5b8ee5}.sound-profile-options>button>i{width:29px;height:29px;flex:0 0 29px;border-radius:7px;background:#f1f5f9;display:grid;place-items:center;font-style:normal}.sound-profile-options>button.active>i{background:#dbeafe}.sound-profile-options>button>span{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.sound-profile-options b{color:#334155;font-size:10px}.sound-profile-options small{color:#7c899b;font-size:8px;line-height:1.35}.sound-profile-options>button.active b{color:#1d4ed8}.sound-profile-options>button.alert-sound:not(.active){border-color:#fed7aa;background:#fffaf5}.sound-profile-options>button.alert-sound:not(.active) b{color:#c2410c}.sound-profile-options>button.music-sound:not(.active){border-color:#ddd6fe;background:#fbfaff}.sound-profile-options>button.music-sound:not(.active)>i{background:#f1edff;color:#7c3aed}.sound-profile-options>button.music-sound:not(.active) b{color:#6d28d9}.test-sound{height:31px;margin-top:11px;padding:0 10px;border:1px solid #bfd3ff;border-radius:6px;background:#fff;color:#2563eb;display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700}.server-config-box{margin-top:15px;padding:12px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;display:flex;flex-direction:column;gap:7px}.server-config-box strong{color:#334155;font-size:11px}.server-config-box code{padding:5px 8px;border-radius:5px;background:#eaf2ff;color:#1d4ed8;font-size:10px;font-weight:700}.server-config-box small{color:#64748b;font-size:10px;line-height:1.55}.account-binding-box{margin-top:10px;padding:11px;border:1px solid #d9e8df;border-radius:8px;background:#f5fcf8;display:flex;align-items:center;gap:10px}.account-binding-box>span{min-width:0;flex:1;color:#15803d;display:grid;grid-template-columns:22px 1fr;gap:3px 6px}.account-binding-box>span svg{grid-row:1 / 3}.account-binding-box b{color:#334155;font-size:11px}.account-binding-box small{color:#64748b;font-size:9px}.account-binding-box button{height:31px;padding:0 9px;border:1px solid #86efac;border-radius:6px;background:#fff;color:#15803d;display:flex;align-items:center;gap:4px;font-size:10px;font-weight:750}.integration-security{margin:11px 0 0;color:#64748b;display:flex;align-items:center;gap:6px;font-size:10px;line-height:1.5}.employee-notice-card>p{margin:16px 0 0;padding:11px;border-radius:7px;background:#f8fafc;color:#52647b;font-size:11px;line-height:1.6}@media(max-width:1100px){.sound-profile-options{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.integration-settings-grid{grid-template-columns:1fr}.integration-card.personal-notice-card{grid-column:auto}.integration-flow{align-items:flex-start;flex-direction:column}.integration-flow>svg{transform:rotate(90deg)}.sound-profile-options{grid-template-columns:repeat(2,minmax(0,1fr))}}.table-toolbar{min-height:46px;padding:7px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:6px}.table-toolbar span{margin-right:5px;color:#64748b;font-size:11px}.table-toolbar button{height:31px;padding:0 10px;border:1px solid var(--border);border-radius:6px;background:#fff;color:#64748b;font-size:11px}.table-toolbar button.active{border-color:#93b4ee;background:#eff6ff;color:#1d4ed8;font-weight:700}.table-toolbar-primary{min-height:58px;padding-top:9px;padding-bottom:9px;background:#fbfdff;flex-wrap:wrap;gap:8px}.product-library-search{width:min(360px,30vw);min-width:250px;height:36px;padding:0 10px;border:1px solid #cfd8e4;border-radius:7px;background:#fff;color:#8290a3;display:flex;align-items:center;gap:7px}.product-library-search:focus-within{border-color:#5b8ee5;box-shadow:0 0 0 3px #eff6ff}.product-library-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#243247;font-size:12px}.product-library-search input::placeholder{color:#9aa6b6}.table-condition-select{height:36px;padding:0 7px;border:1px solid #d9e1eb;border-radius:7px;background:#fff;display:flex;align-items:center;gap:5px}.table-condition-select span{margin:0;color:#68778b;font-size:10px;white-space:nowrap}.table-condition-select select{max-width:118px;min-width:82px;height:30px;padding:0 3px;border:0;outline:0;background:#fff;color:#27364a;font-size:11px}.table-toolbar .table-reset-filter{height:36px;border-color:#d8e0ea;display:inline-flex;align-items:center;gap:4px}.table-toolbar .table-reset-filter:disabled{opacity:.42;cursor:not-allowed}.table-store-filter{display:flex;align-items:center;gap:7px}.table-store-filter span{margin:0;color:#334155;font-weight:700}.table-store-filter select{width:160px;height:34px;padding:0 9px;border:1px solid #cfd8e4;border-radius:7px;background:#fff;color:#334155;outline:0;font-size:12px}.table-store-filter select:focus{border-color:#5b8ee5;box-shadow:0 0 0 3px #eff6ff}.table-scope-switch{padding:2px;border:1px solid var(--border);border-radius:7px;background:#fff;display:flex}.table-scope-switch button{height:28px;border:0}.table-result-count{margin-left:auto;color:#475569!important;white-space:nowrap}.table-result-count strong{color:#1d4ed8;font-size:13px}.table-column-button{border-color:#93b4ee!important;color:#1d4ed8!important;display:inline-flex;align-items:center;gap:5px;font-weight:700}.table-toolbar-groups{min-height:43px}@media(max-width:1380px){.product-library-search{width:100%;max-width:none}.table-result-count{margin-left:0}.table-column-button{margin-left:auto}}.workflow-table-wrap{flex:1;min-height:0;overflow:auto}.workflow-table{min-width:100%;border-collapse:separate;border-spacing:0;font-size:11px}.workflow-table th,.workflow-table td{min-width:112px;max-width:220px;padding:6px 8px;border-right:1px solid #e7edf4;border-bottom:1px solid #e7edf4;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workflow-table thead tr:first-child th{height:34px;border-top:3px solid var(--group);background:#f8fafc;color:#334155;font-size:11px;position:sticky;top:0;z-index:3}.workflow-table thead tr:nth-child(2) th{height:38px;background:#fff;color:#64748b;position:sticky;top:34px;z-index:2}.workflow-table tbody tr:hover td{background:#f8fbff}.workflow-table td{color:#475569;height:46px}.workflow-table .table-action-group{min-width:108px;position:sticky;right:0;z-index:5;border-left:1px solid #dbe6f5;background:#eff6ff;color:#1d4ed8}.workflow-table .table-action-column{min-width:108px;width:108px;max-width:108px;position:sticky;right:0;z-index:4;border-left:1px solid #dbe6f5;background:#fff;text-align:center}.workflow-table tbody tr:hover .table-action-column{background:#f8fbff}.table-open-task{height:28px;padding:0 10px;border:1px solid #b8cff8;border-radius:7px;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:750;white-space:nowrap}.table-open-task:hover{border-color:#2563eb;background:#2563eb;color:#fff}.table-open-task:disabled{border-color:#e0e5eb;background:#f4f6f8;color:#8a95a5;cursor:not-allowed}.table-open-task:disabled:hover{border-color:#e0e5eb;background:#f4f6f8;color:#8a95a5}.table-product-image{width:34px;height:34px;border-radius:5px;object-fit:cover}.table-empty-row td{height:160px;color:#94a3b8;text-align:center;font-size:13px}.table-footer{min-height:50px;flex:0 0 50px;padding:0 14px;border-top:1px solid var(--border);color:#64748b;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;font-size:11px}.table-footer small{justify-self:end;color:#788396;font-size:11px}.table-pagination{display:flex;align-items:center;gap:5px}.table-pagination button{width:30px;height:30px;border:1px solid #d8dee8;border-radius:7px;background:#fff;color:#526074;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:650}.table-pagination button:hover:not(:disabled){border-color:#8ab4ff;color:#2563eb}.table-pagination button.active{border-color:#2563eb;background:#2563eb;color:#fff}.table-pagination button:disabled{cursor:not-allowed;opacity:.4}.table-column-drawer{position:absolute;top:0;right:0;width:440px;height:100%;background:#fff;display:flex;flex-direction:column;box-shadow:-18px 0 40px #0f172a29}.table-column-drawer>header{min-height:74px;padding:0 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.table-column-drawer h2{margin:0;color:#0f172a;font-size:17px}.table-column-drawer header p{margin:4px 0 0;color:#64748b;font-size:10px}.table-column-drawer>header>button{width:34px;height:34px;border:0;border-radius:6px;background:#f8fafc;color:#64748b;display:grid;place-items:center}.table-column-actions{min-height:51px;padding:8px 16px;border-bottom:1px solid var(--border);display:flex;gap:8px}.table-column-actions button{height:33px;padding:0 11px;border:1px solid #cfd8e4;border-radius:6px;background:#fff;color:#475569;font-size:11px}.table-column-actions button:first-child{border-color:#93b4ee;background:#eff6ff;color:#1d4ed8;font-weight:700}.table-column-list{flex:1;min-height:0;padding:9px 16px 18px;overflow-y:auto}.table-column-list section{margin-bottom:12px;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.table-column-list section>header{min-height:38px;padding:0 10px;border-bottom:1px solid #e7edf4;background:#f8fafc;display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:8px}.table-column-list section>header span{width:8px;height:8px;border-radius:50%}.table-column-list section>header strong{color:#334155;font-size:12px}.table-column-list section>header small{color:#94a3b8;font-size:9px}.table-column-list label{min-height:43px;padding:6px 10px;border-bottom:1px solid #eef2f6;display:flex;align-items:center;gap:9px}.table-column-list label:last-child{border-bottom:0}.table-column-list label.locked{background:#fbfdff}.table-column-list input{width:16px;height:16px;accent-color:#2563eb}.table-column-list label>span{display:flex;align-items:center;gap:7px}.table-column-list label strong{color:#475569;font-size:11px}.table-column-list label small{padding:2px 5px;border-radius:4px;background:#eaf2ff;color:#2563eb;font-size:8px}.table-column-drawer>footer{min-height:64px;padding:0 16px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.table-column-drawer>footer span{color:#64748b;font-size:11px}.table-column-drawer>footer button{width:98px;height:38px;border:0;border-radius:7px;background:#2563eb;color:#fff;font-size:12px;font-weight:700}.field-manager-layout{flex:1;min-height:0;display:grid;grid-template-columns:230px minmax(0,1fr)}.field-manager-layout>aside{padding:12px;border-right:1px solid var(--border);background:#f8fafc;display:flex;flex-direction:column;gap:6px}.field-manager-layout>aside button{min-height:48px;padding:0 10px;border:1px solid transparent;border-radius:7px;background:transparent;color:#64748b;display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:9px;text-align:left}.field-manager-layout>aside button>span{width:8px;height:8px;border-radius:50%}.field-manager-layout>aside button strong{font-size:12px}.field-manager-layout>aside button small{font-size:9px}.field-manager-layout>aside button.active{border-color:#d6e3f5;background:#fff;color:#1d4ed8}.field-manager-layout>main{min-height:0;padding:16px 18px;overflow-y:auto}.field-manager-layout>main>header{margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.field-manager-layout>main>header>div{display:flex;align-items:center;gap:9px}.field-manager-layout>main>header>div>span{width:9px;height:9px;border-radius:50%}.field-manager-layout h2{margin:0;font-size:16px}.field-manager-layout main header small{color:#94a3b8;font-size:10px}.managed-fields{border:1px solid var(--border);border-radius:8px;overflow:hidden}.managed-fields>div{min-height:58px;padding:8px 12px;border-bottom:1px solid var(--border);display:grid;grid-template-columns:38px minmax(200px,1fr) 90px 90px;align-items:center;gap:10px}.managed-fields>div:last-child{border-bottom:0}.visibility-toggle{width:34px;height:34px;border:1px solid var(--border);border-radius:6px;background:#fff;color:#94a3b8;display:grid;place-items:center}.visibility-toggle.on{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.managed-fields>div>span{display:flex;flex-direction:column;gap:3px}.managed-fields strong{font-size:12px}.managed-fields strong b{margin-left:3px;color:#dc2626}.managed-fields small{color:#94a3b8;font-size:9px}.managed-fields em,.managed-fields i{color:#64748b;font-size:10px;font-style:normal}.add-field{margin-top:14px;padding:14px;border:1px solid var(--border);border-radius:8px;background:#f8fafc}.add-field>header{margin-bottom:12px;display:flex;align-items:center;gap:9px;color:#2563eb}.add-field header span{display:flex;flex-direction:column;gap:3px}.add-field header strong{color:#334155;font-size:12px}.add-field header small{color:#94a3b8;font-size:9px}.add-field>div{display:grid;grid-template-columns:1fr 220px 100px;gap:10px;align-items:end}.add-field label{color:#475569;display:flex;flex-direction:column;gap:6px;font-size:11px}.add-field input,.add-field select{height:38px;padding:0 9px;border:1px solid #cfd8e4;border-radius:6px;background:#fff;outline:0}.add-field button{height:38px;border:0;border-radius:6px;background:#2563eb;color:#fff;font-size:11px;font-weight:700}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0f172a73;display:flex;align-items:center;justify-content:center}.visibility-drawer,.notification-drawer{position:absolute;top:0;right:0;width:390px;height:100%;background:#fff;display:flex;flex-direction:column;box-shadow:-18px 0 40px #0f172a29}.visibility-drawer>header,.notification-drawer>header{min-height:72px;padding:0 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.visibility-drawer h2,.notification-drawer h2{margin:0;font-size:17px}.visibility-drawer header p,.notification-drawer header p{margin:4px 0 0;color:#94a3b8;font-size:10px}.visibility-drawer header button,.notification-drawer header button,.modal>header>button{width:34px;height:34px;border:0;border-radius:6px;background:#f8fafc;color:#64748b;display:grid;place-items:center}.drawer-fields{flex:1;min-height:0;padding:8px 14px;overflow-y:auto}.drawer-fields label{min-height:58px;padding:8px 5px;border-bottom:1px solid #e7edf4;display:flex;align-items:center;gap:10px}.drawer-fields label.locked{opacity:.72}.drawer-fields input{width:17px;height:17px;accent-color:#2563eb}.drawer-fields label span{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.drawer-fields strong{font-size:12px}.drawer-fields small{color:#94a3b8;font-size:9px}.visibility-drawer>footer{min-height:72px;padding:10px 14px;border-top:1px solid var(--border)}.visibility-drawer footer p{margin:0 0 8px;color:#64748b;display:flex;align-items:center;gap:6px;font-size:10px}.visibility-drawer footer button{width:100%;height:36px;border:1px solid #d5dde8;border-radius:6px;background:#fff;color:#475569;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px}.modal{width:600px;max-height:calc(100vh - 48px);border-radius:10px;background:#fff;box-shadow:0 24px 70px #0f172a40;overflow:hidden}.modal>header{min-height:72px;padding:0 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal h2{margin:0;color:#0f172a;font-size:18px}.modal header p{margin:5px 0 0;color:#64748b;font-size:11px}.modal-product{margin:16px 18px 0;padding:10px;border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;gap:11px}.modal-product img{width:64px;height:64px;border-radius:7px;object-fit:cover}.modal-product>span{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.modal-product strong{font-size:14px}.modal-product small{color:#94a3b8;font-size:10px}.modal-form{max-height:420px;padding:16px 18px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;overflow-y:auto}.modal>footer{min-height:64px;padding:11px 18px;border-top:1px solid var(--border);background:#f8fafc;display:flex;align-items:center;justify-content:flex-end;gap:9px}.modal>footer button{height:38px;padding:0 14px;border:1px solid #d5dde8;border-radius:6px;background:#fff;color:#475569;font-size:12px}.modal>footer .modal-primary{border-color:#1d4ed8;background:#2563eb;color:#fff;font-weight:700}.modal>footer .delete-product-button{margin-right:auto;border-color:#fecaca;background:#fff1f2;color:#dc2626;display:inline-flex;align-items:center;gap:6px;font-weight:700}.modal>footer .delete-product-button:hover{border-color:#f87171;background:#ffe4e6}.create-modal{width:640px}.store-claim-modal{width:570px}.store-claim-product{margin:16px 18px 0;padding:10px;border:1px solid #e1e7ef;border-radius:9px;background:#f8fafc;display:flex;align-items:center;gap:11px}.store-claim-product img{width:64px;height:64px;flex:0 0 64px;border:1px solid #dbe2ea;border-radius:8px;background:#fff;object-fit:cover}.store-claim-product>span{min-width:0;display:flex;flex-direction:column;gap:4px}.store-claim-product small{color:#7c8798;font-size:10px}.store-claim-product strong{color:#1f2937;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-claim-product em{color:#5f6d80;font-size:11px;font-style:normal}.store-claim-identity{margin:10px 18px 0;padding:14px 16px;border:2px solid var(--store);border-radius:10px;background:var(--store-soft);display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 12px}.store-claim-identity>span{color:#586578;font-size:11px;font-weight:650}.store-claim-identity>strong{grid-row:span 2;grid-column:2;color:var(--store);font-size:27px;line-height:1;white-space:nowrap}.store-claim-identity>strong b{padding:3px 6px;border-radius:6px;background:var(--store);color:#fff;font-size:17px}.store-claim-identity>small{color:#40516a;font-size:12px;font-weight:650}.store-claim-checks{margin:11px 18px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.store-claim-checks>span{min-width:0;min-height:82px;padding:9px;border:1px solid #dce3eb;border-radius:8px;background:#fff;display:grid;grid-template-columns:20px 1fr;align-content:start;gap:4px 5px}.store-claim-checks>span svg{grid-row:span 2;margin-top:1px}.store-claim-checks>span.ok svg{color:#10b981}.store-claim-checks>span.error{border-color:#fecaca;background:#fff7f7}.store-claim-checks>span.error svg{color:#dc2626}.store-claim-checks b{color:#334155;font-size:11px}.store-claim-checks small{color:#69768a;font-size:10px;line-height:1.35}.store-claim-error{margin:9px 18px 0;padding:8px 10px;border-radius:7px;background:#fef2f2;color:#b42318;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:650}.store-claim-modal>footer .modal-primary{min-width:210px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.create-form{padding:18px;display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.create-image>button{min-height:108px;padding:12px;border:1px dashed #b9c8da;border-radius:8px;background:#fbfdff;color:#64748b;display:flex;align-items:center;justify-content:center;gap:12px}.create-image img{width:82px;height:82px;border-radius:7px;object-fit:cover}.create-image button>span{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.create-image strong{font-size:12px}.create-image small{color:#94a3b8;font-size:10px}.generated-code{min-height:58px;padding:10px 12px;border:1px solid #cfe0f8;border-radius:8px;background:#f5f9ff;color:#2563eb;display:flex;align-items:center;gap:10px}.generated-code span{flex:1;display:flex;flex-direction:column;gap:3px}.generated-code small{color:#64748b;font-size:9px}.generated-code strong{color:#1d4ed8;font-size:15px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.generated-code em{color:#64748b;font-size:9px;font-style:normal}.notification-actions{height:42px;padding:0 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:flex-end}.notification-actions button{border:0;background:transparent;color:#2563eb;font-size:10px}.notification-list{flex:1;min-height:0;overflow-y:auto}.notification-list>button{width:100%;min-height:112px;padding:13px 16px;border:0;border-bottom:1px solid #e7edf4;background:#fff;color:#475569;display:flex;align-items:flex-start;gap:10px;text-align:left}.notification-list>button.unread{background:#f7faff}.notice-dot{width:8px;height:8px;flex:0 0 8px;margin-top:5px;border-radius:50%;background:#cbd5e1}.unread .notice-dot{background:#2563eb}.notification-list button>span:last-child{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.notification-list strong{color:#334155;font-size:12px}.notification-list small,.notification-list em{color:#94a3b8;font-size:9px;font-style:normal}.notification-list p{margin:0;color:#64748b;font-size:10px;line-height:1.5}.notification-list em{align-self:flex-end}.toast{position:fixed;z-index:160;left:50%;bottom:92px;transform:translate(-50%);min-height:44px;padding:0 15px;border-radius:8px;background:#0f172a;color:#fff;display:flex;align-items:center;gap:8px;box-shadow:0 12px 30px #0f172a42;font-size:12px}.toast svg{color:#34d399}@media(max-width:1360px){.workbench{grid-template-columns:310px minmax(0,1fr)}.record-content{grid-template-columns:minmax(520px,1fr) 285px}.product-header{grid-template-columns:86px minmax(180px,1fr) minmax(360px,1.5fr) auto}.product-header>img{width:86px;height:86px}.time-metrics>div{padding:4px 8px}.stage-rail{padding:0 12px}.stage-rail button strong,.registration-step strong{font-size:11px}}.app-shell,.record-workspace{background:#f6f7fb}.topbar{height:56px;flex-basis:56px;padding:0 16px}.breadcrumb{color:#697386;font-size:13px;font-weight:500}.breadcrumb strong{color:#1f2937;font-size:16px;font-weight:700}.topbar-actions{gap:8px}.save-state{color:#4f5b6d;font-size:12px;font-weight:500}.work-summary{height:36px;padding:0 11px;border:1px solid #ffd1df;border-radius:8px;background:#fff4f7;color:#9f3158;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600}.work-summary:hover{border-color:#ff8bb6;background:#fff0f6}.work-summary strong{color:#df2f77;font-size:12px}.work-summary span{width:1px;height:14px;background:#f4b7cd}.processing-summary strong{font-size:11px}.profile-button strong{font-size:13px;font-weight:700}.profile-button small{color:#667085;font-size:11px}.workbench{grid-template-columns:320px minmax(0,1fr)}.task-queue>header{height:56px;flex-basis:56px}.task-queue h2{font-size:17px;font-weight:700}.task-queue header p,.task-queue header select{color:#677184;font-size:12px}.queue-search{height:42px;flex-basis:42px;margin:9px 10px 7px}.queue-search input{color:#293244;font-size:13px;font-weight:500}.queue-controls{min-height:64px;padding:0 10px 8px;gap:7px}.queue-controls>select,.queue-controls button{color:#526074;font-size:12px}.queue-controls button.active{background:var(--stage-soft);color:var(--stage)}.task-row{min-height:108px;padding:10px 11px;gap:10px}.task-row.selected{background:var(--stage-soft);box-shadow:inset 4px 0 var(--stage)}.task-row>img{width:68px;height:68px;flex-basis:68px}.task-row-copy{gap:2px}.task-row-copy>strong{color:#202938;font-size:14px;font-weight:700}.task-row-copy>small{color:#667085;font-size:12px}.task-row-time{color:#697386;font-size:11px}.task-row-time b{font-size:11px;font-weight:700}.task-row-copy>i,.queue-status{font-size:11px;font-weight:600}.store-tag.compact{min-height:22px;padding:0 7px;font-size:11px}.task-queue>footer{color:#566176;font-size:11px}.task-queue footer small{color:#697386}.stage-rail{min-height:72px;flex-basis:72px;padding:8px 12px;grid-template-columns:repeat(7,minmax(98px,1fr));gap:7px;overflow-x:auto}.registration-step,.stage-rail button{height:54px;padding:0 9px;border:1px solid #e0e5ec;border-radius:10px;background:#fff;gap:8px}.registration-step{border-color:#f6dc74;background:#fff9db}.registration-step:after,.stage-rail button:not(:last-child):after{display:none}.registration-step>span,.stage-rail button>span{width:27px;height:27px;flex-basis:27px;border:0;background:#eef1f5;color:#5e6879;font-size:11px}.registration-step>span{background:#facc15;color:#594500}.registration-step strong,.stage-rail button strong{color:#30394a;font-size:13px;font-weight:700}.registration-step small,.stage-rail button small{color:#667085;font-size:11px;font-weight:500}.stage-rail button.has-work{border-color:var(--stage);background:var(--stage-soft)}.stage-rail button.active{border-color:var(--stage);background:var(--stage-soft);box-shadow:0 5px 14px color-mix(in srgb,var(--stage) 16%,transparent)}.stage-rail button.active>span{border-color:var(--stage);background:var(--stage)}.stage-rail button.active strong{color:var(--stage)}.stage-rail button small em{color:#d92d20;font-style:normal;font-weight:700}.stage-unread{position:absolute;top:-7px;right:-5px;min-width:23px;height:20px;padding:0 5px;border:2px solid #fff;border-radius:11px;background:#ef4444;color:#fff;display:flex;align-items:center;justify-content:center;gap:2px;font-size:10px;line-height:1;box-shadow:0 3px 8px #ef444440}.product-header{min-height:92px;flex-basis:92px;margin:8px 10px 0;padding:9px 11px;grid-template-columns:72px minmax(190px,1fr) minmax(370px,1.55fr) auto;gap:12px}.product-header>img{width:72px;height:72px}.product-identity h1{margin:5px 0 4px;font-size:20px}.product-identity>div>span,.product-identity p{color:#5b6474;font-size:12px;font-weight:500}.time-metrics>div{min-height:52px;padding:3px 10px;gap:5px}.time-metrics span{color:#667085;font-size:11px}.time-metrics strong{color:#293244;font-size:13px;font-weight:700}.edit-base{font-size:12px;font-weight:600}.task-guide{min-height:88px;flex-basis:auto;margin:8px 10px 0;padding:10px 8px;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;border-color:color-mix(in srgb,var(--stage) 24%,#dfe3ea)}.task-guide>div{padding:1px 11px;gap:8px}.task-guide svg{color:var(--stage)}.task-guide strong{color:#30394a;font-size:12px;font-weight:700}.task-guide p{margin-top:4px;color:#5b6474;font-size:11px;line-height:1.38;font-weight:500}.record-content{margin:8px 10px 0;grid-template-columns:minmax(540px,1fr) 320px;gap:8px}.role-form,.context-panel{border-radius:10px}.role-form{border-top:3px solid var(--stage)}.role-form-heading{min-height:46px;flex-basis:46px;padding:0 12px;background:var(--stage-soft)}.role-form-heading>div>span,.form-section>header>div>span{background:var(--stage)}.role-form-heading h2{color:#202938;font-size:16px;font-weight:700}.role-form-heading>button{font-size:12px;font-weight:600}.role-form-scroll{padding:0 12px 16px}.image-upload-section{padding:9px 0 10px}.image-upload-section>header{margin-bottom:7px}.image-upload-section header strong{font-size:13px}.image-upload-section header small,.image-upload-section header b{color:#5f6b7d;font-size:11px}.image-upload-row{grid-template-columns:190px minmax(0,1fr);gap:9px}.drop-zone{min-height:78px}.drop-zone strong{font-size:12px}.drop-zone small{color:#687386;font-size:10px}.image-thumbnails{grid-template-columns:repeat(5,minmax(66px,1fr));gap:7px}.image-thumbnails>div{min-height:78px}.image-thumbnails img{height:54px}.set-main{height:23px;font-size:10px}.form-section{padding:11px 0 2px}.form-section>header{margin-bottom:9px}.form-section h3{color:#30394a;font-size:14px;font-weight:700}.form-section header small{color:#667085;font-size:11px}.form-grid{gap:9px 11px}.form-grid label,.modal-form label,.create-form label{gap:5px}.form-grid label>span,.modal-form label>span,.create-form label>span{color:#384354;font-size:13px;font-weight:650}.form-grid label>span em{background:var(--stage-soft);color:var(--stage);font-size:10px;font-weight:700}.form-grid .field-searchVolume{padding:8px 10px 10px;border:1px solid #ffc1dc;border-radius:8px;background:#fff6fa}.form-grid .field-searchVolume>span{color:#9f2f61}.form-grid .field-searchVolume input{border-color:#ff9fc5;background:#fff;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea,.modal-form input,.modal-form select,.modal-form textarea,.create-form input,.create-form select{border-color:#c9d0db;color:#202938;font-size:15px;font-weight:500}.form-grid input,.form-grid select,.modal-form input,.modal-form select,.create-form input,.create-form select{height:40px}.form-grid textarea,.modal-form textarea{min-height:64px;padding:8px 10px;line-height:1.45}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--stage);box-shadow:0 0 0 3px color-mix(in srgb,var(--stage) 12%,transparent)}.context-panel{display:flex;flex-direction:column;overflow:hidden;border-color:#9bbcff;box-shadow:0 0 0 2px #2563eb14}.context-panel>header{min-height:58px;flex:0 0 58px;padding:0 11px;border-bottom-color:#c8d9ff;background:#eef5ff}.context-panel h2{display:flex;align-items:center;gap:5px;font-size:16px;font-weight:800}.context-panel h2 small{color:#55739f;font-size:11px}.context-priority{padding:3px 6px;border-radius:5px;background:#2563eb;color:#fff;font-size:10px;font-weight:800;letter-spacing:.2px}.context-panel header p{margin-top:4px;color:#496382;font-size:10px;font-weight:600}.context-panel header button{height:30px;color:#48617f;font-size:11px;font-weight:650}.context-panel>section{padding:11px 12px}.context-panel>.context-data-section{padding:7px 9px;background:#fbfdff}.context-panel>.context-links-section{padding:8px 9px 10px}.context-data-section+.context-links-section{border-top:1px solid #e7edf4}.context-links-section .context-title{margin-bottom:5px}.context-title{margin-bottom:7px}.context-title strong{font-size:13px}.context-title span,.shared-product small,.context-copy-value small{color:#61728a;font-size:10px}.shared-product img{width:52px;height:52px}.shared-product strong{font-size:13px}.context-values.dense{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px}.context-copy-value{min-height:42px;padding:4px 5px;gap:5px}.context-copy-value>span{gap:2px}.context-copy-value strong{color:#25344a;font-size:13px;font-weight:700}.context-copy-value svg{width:15px;height:15px;color:#6b86aa}.copy-value{min-height:40px;padding:4px 6px}.copy-value small{color:#667085;font-size:10px}.copy-value strong{font-size:11px;font-weight:650}.copy-value-content em{display:none}.copy-value-actions button,.copy-value-actions a{height:30px;font-size:10px}@media(max-height:800px){.context-panel>header{min-height:46px;flex-basis:46px}.context-panel h2{font-size:14px}.context-priority{padding:2px 5px;font-size:9px}.context-panel header p{margin-top:1px;font-size:9px}.context-values.dense{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:5px}.context-panel>.context-data-section{padding:3px 7px}.context-copy-value{min-height:30px;padding:2px 3px;gap:3px}.context-copy-value>span{gap:0}.context-copy-value small{font-size:9px}.context-copy-value strong{font-size:11px}.context-copy-value svg{width:13px;height:13px}.context-panel>.context-links-section{padding:4px 7px 6px}.context-links-section .context-title{margin-bottom:3px}.quick-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.copy-value{height:42px;min-height:42px;padding:3px 4px;gap:3px}.copy-value-content{gap:0}.copy-value small{font-size:8px;line-height:1.1}.copy-value strong{display:none}.copy-value-actions{gap:2px}.copy-value-actions button,.copy-value-actions a{width:24px;height:25px;padding:0}.copy-value-actions button span,.copy-value-actions a span{display:none}}.change-log strong{font-size:11px}.change-log small{color:#667085;font-size:10px}.action-bar{min-height:62px;flex-basis:62px;padding:7px 10px}.validation-state strong{font-size:13px}.validation-state small{color:#667085;font-size:11px}.secondary-action,.primary-action{height:40px;font-size:13px}.primary-action{min-width:205px;border-color:var(--stage);background:var(--stage)}.primary-action:hover{filter:brightness(.94);background:var(--stage)}.modal h2{font-weight:700}.modal header p{color:#5b6474;font-size:12px}.create-form{padding:15px 18px;gap:10px 12px}.create-image>button{min-height:88px}.create-image strong{font-size:13px}.create-image small{color:#5f697a;font-size:11px}.generated-code{min-height:78px;border-color:#f6b8d1;background:#fff4f8;color:#ff4d9d}.generated-code small{color:#5b6474;font-size:11px}.generated-code strong{color:#d92d78;font-size:18px;letter-spacing:.8px}.generated-code em{color:#5b6474;font-size:11px;font-weight:600}.code-parts{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:5px!important}.code-parts i{padding:2px 6px;border-radius:5px;background:#fff;color:#7c3a57;font-size:10px;font-style:normal;font-weight:600}.registration-guide{padding:10px 12px;border:1px solid #d8eee3;border-radius:8px;background:#f2fbf6;display:grid;grid-template-columns:repeat(2,1fr);align-items:center;gap:8px 12px;color:#256c4b}.registration-guide>strong{grid-column:1 / -1;color:#175c3e;font-size:12px}.registration-guide>span{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600}.registration-guide svg{color:#22c55e;flex:0 0 auto}.managed-fields strong,.drawer-fields strong,.notification-list strong{font-size:13px}.managed-fields small,.drawer-fields small,.notification-list small,.notification-list em{color:#667085;font-size:11px}.notification-list p{color:#566176;font-size:12px}.logistics-automation{grid-column:1 / -1;margin-top:10px;padding:11px 12px;border:1px solid #fed7aa;border-radius:10px;background:#fffaf4}.logistics-automation>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.logistics-automation>header span{display:flex;align-items:center;gap:7px;color:#9a4d0d}.logistics-automation>header strong{color:#7c3f0b;font-size:13px}.logistics-automation>header em{padding:4px 8px;border-radius:999px;background:#ffedd5;color:#c2410c;font-size:11px;font-style:normal;font-weight:700}.logistics-automation>p{margin:6px 0 10px;color:#6b5a4b;font-size:11px;line-height:1.45}.logistics-automation>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #f1dfcc;border-radius:8px;background:#fff}.logistics-automation>div>span{min-width:0;padding:8px 10px;display:flex;flex-direction:column;gap:3px}.logistics-automation>div>span+span{border-left:1px solid #f1dfcc}.logistics-automation small{color:#8a7767;font-size:10px}.logistics-automation>div strong{overflow:hidden;color:#3d342c;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.logistics-automation>footer{margin-top:8px;display:flex;align-items:center;gap:5px;color:#8a6a50;font-size:10px}.logistics-automation.delivered{border-color:#bbf7d0;background:#f3fff7}.logistics-automation.delivered>header span,.logistics-automation.delivered>header strong{color:#16794a}.logistics-automation.delivered>header em{background:#dcfce7;color:#15803d}.logistics-automation.syncing>header em{background:#dbeafe;color:#1d4ed8}.logistics-automation.warning>header em{background:#fee2e2;color:#b42318}.keyword-method-card{margin-top:10px;padding:11px 12px;border:1px solid #bfd5ff;border-radius:10px;background:#f6f9ff}.keyword-method-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.keyword-method-card>header span{display:flex;align-items:center;gap:7px;color:#245cc5}.keyword-method-card>header strong{color:#243b6b;font-size:13px}.keyword-method-card>header em{padding:4px 8px;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-size:11px;font-style:normal;font-weight:700}.keyword-method-card>div{margin-top:9px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #dce7f9;border-radius:8px;background:#fff}.keyword-method-card>div>span{min-width:0;padding:9px 10px;position:relative}.keyword-method-card>div>span+span{border-left:1px solid #dce7f9}.keyword-method-card i{width:19px;height:19px;margin-right:5px;border-radius:50%;background:#3478f6;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-style:normal;font-weight:700}.keyword-method-card>div strong{color:#2d3c5b;font-size:11px}.keyword-method-card p{margin:5px 0 0;color:#5e6c84;font-size:10px;line-height:1.45}.keyword-method-card>footer{margin-top:8px;color:#536886;display:flex;align-items:center;gap:5px;font-size:10px}.keyword-method-card>footer svg{flex:0 0 auto;color:#3478f6}@media(max-width:1360px){.workbench{grid-template-columns:310px minmax(0,1fr)}.record-content{grid-template-columns:minmax(500px,1fr) 300px}.product-header{grid-template-columns:70px minmax(175px,1fr) minmax(345px,1.45fr) auto}.product-header>img{width:70px;height:70px}.stage-rail{padding:8px 9px;gap:5px}.registration-step,.stage-rail button{padding:0 7px}.registration-step strong,.stage-rail button strong{font-size:12px}.registration-step small,.stage-rail button small{font-size:11px}.task-guide>div{padding:1px 8px}.task-guide p{font-size:11px}}.role-form .form-section{padding-top:8px}.role-form .form-section>header{margin-bottom:7px}.role-form .form-grid{gap:8px}.role-form .form-grid label{gap:4px}.role-form .form-grid input,.role-form .form-grid select,.role-form .url-input a{height:36px}.role-form .form-grid input,.role-form .form-grid select,.role-form .form-grid textarea{padding-right:10px;padding-left:10px}.role-form .form-grid textarea{min-height:52px;max-height:112px;padding-top:7px;padding-bottom:7px;resize:vertical;overflow-y:auto}.role-form-selection .form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.role-form-selection .form-grid label.wide{grid-column:span 2}.role-form-selection .form-grid .field-searchVolume{grid-column:span 2;padding:0;border:0;background:transparent}.role-form-selection .form-grid .field-searchVolume>span{color:#9f2f61}.role-form-selection .form-grid .field-searchVolume input{border-color:#ff9fc5;background:#fff6fa;font-weight:700}.role-form-selection .field-plannedPurchaseQuantity{padding:7px 9px 9px;border:1px solid #fdba74;border-radius:8px;background:#fff7ed}.role-form-selection .field-plannedPurchaseQuantity>span{color:#9a4d0d}.role-form-selection .field-plannedPurchaseQuantity>span em{background:#ffedd5;color:#c2410c}.role-form-selection .field-plannedPurchaseQuantity input{border-color:#fdba74;background:#fff;font-weight:750}.role-form-selection .form-section[data-section=定价与交接] .form-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.role-form-selection .form-section[data-section=定价与交接] .field-listPriceKrw,.role-form-selection .form-section[data-section=定价与交接] .field-couponKrw,.role-form-selection .form-section[data-section=定价与交接] .field-finalPriceKrw{grid-column:span 2}@media(max-width:1180px){.role-form-selection .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.role-form-selection .form-grid label.wide,.role-form-selection .form-grid .field-searchVolume{grid-column:1 / -1}.role-form-selection .form-section[data-section=定价与交接] .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.role-form-selection .form-section[data-section=定价与交接] .field-listPriceKrw,.role-form-selection .form-section[data-section=定价与交接] .field-couponKrw,.role-form-selection .form-section[data-section=定价与交接] .field-finalPriceKrw{grid-column:span 1}}.login-screen{width:100vw;height:100vh;min-width:1180px;display:grid;grid-template-columns:116px minmax(660px,1.3fr) minmax(470px,.9fr);overflow:hidden;background:#fff}.login-brand-rail{padding:64px 12px 0;background:#072b52;color:#fff;display:flex;flex-direction:column;align-items:center;gap:13px}.login-brand-rail img{width:88px;height:40px;padding:4px 5px;border-radius:5px;background:#fff;object-fit:contain}.login-brand-rail strong{font-size:15px;letter-spacing:.5px;white-space:nowrap}.login-story{min-width:0;padding:13vh 60px 40px;background:#f9fbfe;border-right:1px solid #e2e8f0;display:flex;flex-direction:column}.login-story>header h1{margin:0;color:#0b2545;font-size:clamp(44px,4vw,60px);line-height:1.05;letter-spacing:-2px}.login-story>header p{margin:17px 0 0;color:#34445b;font-size:20px;font-weight:650;letter-spacing:.5px}.login-stage-flow{margin-top:45px;display:grid;grid-template-columns:repeat(7,minmax(70px,1fr));align-items:stretch;gap:9px}.login-stage-flow>span{min-width:0;min-height:78px;padding:10px 7px;border:1px solid color-mix(in srgb,var(--role) 38%,#dbe3ed);border-radius:9px;background:var(--role-soft);display:grid;grid-template-columns:22px 1fr;grid-template-rows:25px 20px;align-items:center;column-gap:5px}.login-stage-flow>span.registration{--role: #eab308;--role-soft: #fffbea}.login-stage-flow b{width:22px;height:22px;border-radius:50%;background:var(--role);color:#fff;display:grid;place-items:center;font-size:10px}.login-stage-flow strong{min-width:0;color:#25344a;font-size:11px;white-space:nowrap}.login-stage-flow small{grid-column:1 / -1;color:#64748b;font-size:9px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.login-story-copy{margin-top:46px}.login-story-copy h2{margin:0;color:#152a46;font-size:21px}.login-story-copy p{margin:12px 0 0;color:#718097;font-size:15px;line-height:1.6}.login-product-cards{margin-top:19px;display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:13px}.login-product-cards article{min-width:0;min-height:225px;padding:12px;border:1px solid #dbe2ec;border-radius:11px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 4px 10px #0f172a06}.login-product-cards article>img{width:100%;height:105px;border-radius:7px;background:#f8fafc;object-fit:contain}.login-store-badge{margin-top:8px;padding:2px 6px;border-radius:4px;font-size:9px;font-weight:800}.login-store-badge.pink{background:#fff0f6;color:#e53885}.login-store-badge.purple{background:#f4f0ff;color:#7c3aed}.login-store-badge.orange{background:#fff4e8;color:#ea580c}.login-store-badge.blue{background:#eef5ff;color:#2563eb}.login-product-cards article>strong{max-width:100%;margin-top:6px;color:#24344b;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.login-product-cards article>small{margin-top:5px;color:#8a97aa;font-size:10px}.login-product-cards article>em{margin-top:auto;padding:5px 9px;border-radius:5px;font-size:10px;font-style:normal;font-weight:750}.login-product-cards article>em.pink{background:#fff0f6;color:#ff4d9d}.login-product-cards article>em.purple{background:#f4f0ff;color:#7c3aed}.login-product-cards article>em.orange{background:#fff4e8;color:#ea580c}.login-product-cards article>em.blue{background:#eef5ff;color:#2563eb}.login-benefits{margin-top:40px;padding-top:27px;border-top:1px solid #dbe2ec;display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:14px}.login-benefits>span{min-width:0;color:#2563eb;display:flex;align-items:flex-start;gap:9px}.login-benefits>span>b{min-width:0;display:flex;flex-direction:column;gap:4px}.login-benefits strong{color:#34445b;font-size:11px}.login-benefits small{color:#8290a4;font-size:9px;white-space:nowrap}.login-panel{min-width:0;padding:12vh 64px 40px;background:#fff;display:flex;align-items:flex-start;justify-content:center}.login-panel form{width:100%;max-width:500px}.login-panel form>header{margin-bottom:43px}.login-panel h2{margin:0;color:#0b2545;font-size:39px;line-height:1.15;letter-spacing:-1px}.login-panel form>header p{margin:10px 0 0;color:#748298;font-size:13px}.login-panel form>label{margin-bottom:25px;display:flex;flex-direction:column;gap:9px}.login-panel form>label>span{color:#34445b;font-size:14px;font-weight:750}.login-input{height:58px;padding:0 16px;border:1px solid #cfd8e4;border-radius:7px;color:#8290a4;display:flex;align-items:center;gap:11px}.login-input:focus-within{border-color:#5b8ee5;box-shadow:0 0 0 3px #eff6ff}.login-input input{min-width:0;flex:1;height:100%;padding:0;border:0;outline:0;color:#1e293b;font-size:15px}.login-input>button{width:34px;height:34px;border:0;background:transparent;color:#718097;display:grid;place-items:center}.login-form-meta{margin:-4px 0 28px;display:flex;align-items:center;justify-content:space-between}.login-form-meta label{color:#475569;display:flex;align-items:center;gap:7px;font-size:13px}.login-form-meta input{width:17px;height:17px;accent-color:#2563eb}.login-form-meta button{border:0;background:transparent;color:#2563eb;font-size:12px}.login-error{min-height:38px;margin:-15px 0 13px;padding:8px 10px;border:1px solid #fecaca;border-radius:6px;background:#fff5f5;color:#b42318;display:flex;align-items:center;gap:7px;font-size:12px}.login-submit{width:100%;height:58px;border:0;border-radius:7px;background:#2563eb;color:#fff;font-size:18px;font-weight:800;box-shadow:0 7px 16px #2563eb2e}.login-submit:hover{background:#1d4ed8}.login-submit:disabled{background:#9db8ec}.login-security{min-height:58px;margin-top:27px;padding:0 15px;border:1px solid #d8e3f4;border-radius:7px;background:#f4f7fc;color:#2563eb;display:flex;align-items:center;gap:10px;font-size:12px}.login-permission-preview{min-height:100px;margin-top:17px;padding:15px;border:1px solid #dfe5ed;border-radius:8px;background:#fff;display:flex;align-items:center;gap:13px}.login-role-icon{width:46px;height:46px;border-radius:50%;background:var(--role-soft);color:var(--role);display:grid;place-items:center}.login-permission-preview>span:last-child{min-width:0;display:flex;flex-direction:column;gap:6px}.login-permission-preview strong{color:#26374f;font-size:13px;line-height:1.45}.login-permission-preview small{color:#7c899c;font-size:11px}.account-manager-page .page-heading{min-height:76px}.account-create-button{border-color:#1d4ed8!important;background:#2563eb!important;color:#fff!important;font-weight:700}.account-summary{min-height:84px;padding:10px 16px;border-bottom:1px solid var(--border);background:#fbfdff;display:grid;grid-template-columns:160px 160px 180px 1fr;align-items:center;gap:12px}.account-summary>span{min-height:54px;padding:0 14px;border-right:1px solid #e2e8f0;color:#2563eb;display:flex;align-items:center;gap:10px}.account-summary>span>b{display:flex;flex-direction:column;gap:3px}.account-summary small{color:#64748b;font-size:10px;font-weight:600}.account-summary strong{color:#1e293b;font-size:19px}.account-summary p{justify-self:end;margin:0;padding:9px 12px;border:1px solid #d9e5f7;border-radius:7px;background:#f3f7fd;color:#53657d;display:flex;align-items:center;gap:7px;font-size:11px}.account-toolbar{min-height:58px;padding:10px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:9px}.account-toolbar label{width:310px;height:36px;padding:0 10px;border:1px solid #cfd8e4;border-radius:7px;color:#94a3b8;display:flex;align-items:center;gap:7px}.account-toolbar input{min-width:0;flex:1;border:0;outline:0;font-size:12px}.account-toolbar select{width:150px;height:36px;padding:0 8px;border:1px solid #cfd8e4;border-radius:7px;background:#fff;color:#475569;font-size:11px}.account-toolbar>span{margin-left:auto;color:#64748b;font-size:11px}.account-table-wrap{flex:1;min-height:0;overflow:auto}.account-table{width:100%;border-collapse:separate;border-spacing:0;font-size:11px}.account-table th{height:43px;padding:0 12px;border-bottom:1px solid #dfe5ed;background:#f8fafc;color:#64748b;text-align:left;position:sticky;top:0;z-index:2;white-space:nowrap}.account-table td{min-width:110px;height:68px;padding:8px 12px;border-bottom:1px solid #e8edf3;color:#475569;vertical-align:middle}.account-table tbody tr:hover td{background:#fbfdff}.account-person{display:flex;align-items:center;gap:9px}.account-person>i{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-items:center;font-style:normal}.account-person>b{display:flex;flex-direction:column;gap:4px}.account-person strong{color:#1e293b;font-size:12px}.account-person small{color:#7c899b;font-size:9px}.account-role{padding:5px 8px;border-radius:5px;background:var(--role-soft);color:var(--role);font-size:10px;font-style:normal;font-weight:800;white-space:nowrap}.account-store-tags{max-width:250px;display:flex;flex-wrap:wrap;gap:4px}.account-store-tags i{padding:4px 6px;border-radius:4px;background:var(--store-soft);color:var(--store);font-size:9px;font-style:normal;font-weight:750;white-space:nowrap}.account-permission-count{color:#52647b;display:flex;align-items:center;gap:4px;white-space:nowrap}.account-wecom-state{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:10px;font-weight:750}.account-wecom-state i{width:7px;height:7px;border-radius:50%}.account-wecom-state.bound{color:#15803d}.account-wecom-state.bound i{background:#22c55e}.account-wecom-state.unbound{color:#94a3b8}.account-wecom-state.unbound i{background:#cbd5e1}.account-status{height:27px;padding:0 8px;border:0;border-radius:5px;display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:750}.account-status i{width:7px;height:7px;border-radius:50%}.account-status.active{background:#ecfdf3;color:#15803d}.account-status.active i{background:#22c55e}.account-status.disabled{background:#f1f5f9;color:#64748b}.account-status.disabled i{background:#94a3b8}.account-row-actions{display:flex;gap:5px}.account-row-actions button{height:29px;padding:0 7px;border:1px solid #d8e0eb;border-radius:5px;background:#fff;color:#52647b;display:inline-flex;align-items:center;gap:4px;font-size:9px;white-space:nowrap}.account-row-actions button:hover{border-color:#93b4ee;color:#2563eb}.account-modal{width:850px;max-height:92vh}.account-form{min-height:0;padding:16px 18px 22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;overflow-y:auto}.account-form>label{display:flex;flex-direction:column;gap:6px}.account-form>label.wide,.account-form fieldset.wide{grid-column:1 / -1}.account-wecom-hint{grid-column:1 / -1;margin:-3px 0 0;padding:8px 10px;border-radius:6px;background:#eff6ff;color:#475569;display:flex;align-items:center;gap:7px;font-size:10px}.account-form>label>span,.account-form legend{color:#475569;font-size:11px;font-weight:700}.account-form span b,.account-form legend b{color:#dc2626}.account-form span em{margin-left:7px;padding:2px 5px;border-radius:4px;background:#fff7ed;color:#c2410c;font-size:8px;font-style:normal}.account-form input,.account-form select{width:100%;height:38px;padding:0 9px;border:1px solid #cfd8e4;border-radius:6px;background:#fff;outline:0;font-size:12px}.account-form input:focus,.account-form select:focus{border-color:#5b8ee5;box-shadow:0 0 0 3px #eff6ff}.temporary-password-input{display:grid;grid-template-columns:1fr 40px 100px}.temporary-password-input input{border-radius:6px 0 0 6px}.temporary-password-input button{border:1px solid #cfd8e4;border-left:0;background:#fff;color:#52647b;font-size:10px}.temporary-password-input button:last-child{border-radius:0 6px 6px 0;color:#2563eb;font-weight:700}.account-form fieldset{margin:2px 0 0;padding:10px;border:1px solid #dfe5ed;border-radius:8px}.account-form legend{padding:0 5px}.account-store-options{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.account-store-options label{min-width:0}.account-store-options input{position:absolute;opacity:0;pointer-events:none}.account-store-options span{min-height:58px;padding:8px;border:1px solid #dfe5ed;border-radius:7px;color:#64748b;display:grid;grid-template-columns:22px 1fr;grid-template-rows:24px 17px;align-items:center;gap:0 5px}.account-store-options input:checked+span{border-color:var(--store);background:var(--store-soft);color:var(--store);box-shadow:inset 0 0 0 1px var(--store)}.account-store-options strong{color:#334155;font-size:11px}.account-store-options small{grid-column:2;font-size:9px}.account-permission-options{display:grid;grid-template-columns:repeat(2,1fr);gap:2px 14px}.account-permission-options label{min-height:52px;padding:7px 4px;border-bottom:1px solid #eef2f6;display:flex;align-items:center;gap:9px}.account-permission-options input{width:17px;height:17px;flex:0 0 17px;accent-color:#2563eb}.account-permission-options span{display:flex;flex-direction:column;gap:3px}.account-permission-options strong{color:#334155;font-size:11px}.account-permission-options small{color:#7c899b;font-size:9px}.credential-overlay{z-index:160}.credential-modal{width:440px;padding:26px;border-radius:12px;background:#fff;text-align:center;box-shadow:0 24px 60px #0f172a33}.credential-icon{width:58px;height:58px;margin:0 auto 13px;border-radius:50%;background:#eff6ff;color:#2563eb;display:grid;place-items:center}.credential-modal h2{margin:0;color:#172033;font-size:20px}.credential-modal>p{margin:8px 0 18px;color:#64748b;font-size:11px}.credential-modal>div{border:1px solid #dbe3ed;border-radius:8px;background:#f8fafc;text-align:left}.credential-modal>div span{min-height:54px;padding:8px 12px;display:flex;flex-direction:column;gap:3px}.credential-modal>div span+span{border-top:1px solid #dbe3ed}.credential-modal small{color:#7c899b;font-size:9px}.credential-modal strong{color:#172033;font-size:14px;letter-spacing:.3px}.credential-modal>button{width:100%;height:40px;margin-top:13px;border:0;border-radius:7px;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:700}.credential-modal>button.credential-close{margin-top:7px;background:transparent;color:#64748b;font-weight:600}.password-change-overlay{z-index:170}.password-change-modal{width:430px;padding:26px;border-radius:12px;background:#fff;box-shadow:0 24px 60px #0f172a38}.password-change-modal>span{width:54px;height:54px;margin:0 auto 12px;border-radius:50%;background:#eff6ff;color:#2563eb;display:grid;place-items:center}.password-change-modal h2{margin:0;color:#172033;font-size:20px;text-align:center}.password-change-modal>p{margin:8px 0 18px;color:#64748b;font-size:11px;line-height:1.5;text-align:center}.password-change-modal label{margin-top:11px;color:#475569;display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700}.password-change-modal label>div{position:relative}.password-change-modal input{width:100%;height:40px;padding:0 40px 0 10px;border:1px solid #cfd8e4;border-radius:6px;outline:0}.password-change-modal label>div button{position:absolute;top:3px;right:3px;width:34px;height:34px;border:0;background:transparent;color:#64748b;display:grid;place-items:center}.password-mismatch{margin-top:7px;color:#b42318;font-size:10px;display:block}.password-change-submit{width:100%;height:42px;margin-top:17px;border:0;border-radius:7px;background:#2563eb;color:#fff;font-size:12px;font-weight:750}.password-change-logout{width:100%;height:34px;margin-top:7px;border:0;background:transparent;color:#64748b;font-size:11px}@media(max-height:820px){.login-story,.login-panel{padding-top:8vh}.login-stage-flow{margin-top:28px}.login-story-copy{margin-top:30px}.login-product-cards article{min-height:190px}.login-product-cards article>img{height:77px}.login-benefits{margin-top:22px;padding-top:20px}.login-panel form>header{margin-bottom:28px}.login-panel form>label{margin-bottom:18px}}