.operation-layout{--op-bg:#f4f6f8;--op-panel:#fff;--op-ink:#18202a;--op-muted:#697585;--op-line:#dfe4ea;--op-nav:#171d25;--op-nav-hover:#222a35;--op-red:#d43c43;--op-teal:#087d72;--op-blue:#2d66ad;--op-gold:#a76c08;--op-green:#19825f;background:var(--op-bg);height:100dvh;min-height:0;color:var(--op-ink);grid-template-columns:236px minmax(0,1fr);font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;display:grid;overflow:hidden}.operation-sidebar{background:var(--op-nav);color:#fff;flex-direction:column;height:100%;display:flex;position:sticky;top:0;overflow:hidden}.operation-brand{color:#fff;border-bottom:1px solid #ffffff17;align-items:center;gap:10px;height:69px;margin:0 12px;padding:0 8px;text-decoration:none;display:flex}.operation-brand b{font-size:14px;display:block}.operation-brand small{color:#8f9aaa;margin-top:2px;font-size:10px;display:block}.operation-logo{background:var(--op-red,#d43c43);place-items:center;width:34px;height:34px;font-size:11px;display:grid}.operation-nav{scrollbar-width:thin;scrollbar-color:#56606e transparent;flex:1;min-height:0;padding:0 12px 12px;overflow-y:auto}.operation-nav-title{color:#6f7c8e;text-transform:uppercase;margin:0;padding:14px 9px 6px;font-size:10px}.operation-nav-link{color:#aeb7c4;justify-content:space-between;align-items:center;min-height:38px;margin:2px 0;padding:0 10px;font-size:12px;font-weight:700;text-decoration:none;transition:all .15s;display:flex}.operation-nav-link:hover{background:var(--op-nav-hover);color:#fff}.operation-nav-link.is-active{color:var(--op-ink);background:#fff}.operation-nav-link.is-risk{color:#f0a6a9}.operation-nav-link i{background:var(--op-red);border-radius:999px;width:7px;height:7px}.operation-signout{color:#aeb7c4;background:0 0;border:1px solid #ffffff1a;align-items:center;gap:8px;min-height:44px;margin:8px 12px 12px;padding:0 10px;font-size:11px;display:flex}.operation-signout:hover{background:var(--op-nav-hover);color:#fff}.operation-signout svg{width:14px;height:14px}.operation-workspace{overscroll-behavior-y:contain;scrollbar-gutter:stable;min-width:0;height:100%;min-height:0;overflow:hidden auto}.operation-topbar{z-index:10;border-bottom:1px solid var(--op-line);background:#fff;justify-content:space-between;align-items:center;min-height:64px;padding:0 22px;display:flex;position:sticky;top:0}.operation-topbar p{color:var(--op-muted);margin:0;font-size:12px}.operation-topbar b{color:var(--op-ink)}.operation-topbar>div{align-items:center;gap:10px;display:flex}.operation-env{color:var(--op-teal);background:#eaf8f5;padding:6px 8px;font-size:10px;font-weight:800}.operation-account{border-left:1px solid var(--op-line);max-width:240px;color:var(--op-muted);text-overflow:ellipsis;white-space:nowrap;padding-left:10px;font-size:11px;overflow:hidden}.operation-main{width:100%;max-width:1560px;margin:0 auto;padding:20px 22px 42px}.op-page-head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px;display:flex}.op-page-head h1{letter-spacing:-.02em;margin:0 0 5px;font-size:23px;font-weight:800}.op-page-head p{color:var(--op-muted);margin:0;font-size:12px;line-height:1.5}.op-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.op-button,.operation-content button[type=submit]{border:1px solid var(--op-line);min-height:34px;color:var(--op-ink);background:#fff;border-radius:0;justify-content:center;align-items:center;padding:0 12px;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex}.op-button:hover{border-color:var(--op-blue);color:var(--op-blue)}.op-button.primary{border-color:var(--op-red);background:var(--op-red);color:#fff}.op-button.blue{border-color:var(--op-blue);background:var(--op-blue);color:#fff}.op-button.teal{border-color:var(--op-teal);background:var(--op-teal);color:#fff}.op-button.danger{border-color:var(--op-red);color:var(--op-red);background:#fff}.op-button.danger:hover{background:var(--op-red);color:#fff}.op-notice{border-left:4px solid var(--op-teal);background:#eaf8f5;margin-bottom:14px;padding:11px 13px;font-size:11px;line-height:1.6}.op-notice strong{color:var(--op-teal)}.op-notice.danger{border-left-color:var(--op-red);color:#8f2630;background:#fff0f1}.op-filters{border:1px solid var(--op-line);background:#fff;flex-wrap:wrap;align-items:flex-end;gap:8px;margin-bottom:12px;padding:10px;display:flex}.op-field{min-width:120px}.op-field.grow{flex:1;min-width:180px}.op-field label{color:var(--op-muted);margin-bottom:5px;font-size:9px;font-weight:800;display:block}.op-field input,.op-field select,.op-field textarea{border:1px solid var(--op-line);width:100%;min-height:34px;color:var(--op-ink);background:#fff;border-radius:0;outline:none;padding:0 9px;font-size:11px}.op-field textarea{min-height:64px;padding:8px}.op-field input:focus,.op-field select:focus,.op-field textarea:focus{border-color:var(--op-teal)}.op-kpis{grid-template-columns:repeat(6,minmax(130px,1fr));gap:10px;margin-bottom:12px;display:grid}.op-kpis.compact{grid-template-columns:repeat(4,minmax(150px,1fr))}.op-kpi{border:1px solid var(--op-line);border-top:3px solid var(--op-blue);background:#fff;min-height:102px;padding:13px}.op-kpi.teal{border-top-color:var(--op-teal)}.op-kpi.red{border-top-color:var(--op-red)}.op-kpi.gold{border-top-color:var(--op-gold)}.op-kpi small{color:var(--op-muted);font-size:10px;display:block}.op-kpi b{margin:7px 0 4px;font-size:23px;display:block}.op-kpi span{color:var(--op-muted);font-size:10px}.op-kpi .good{color:var(--op-green)}.op-kpi .bad{color:var(--op-red)}.op-grid-2{grid-template-columns:1.35fr .65fr;gap:12px;display:grid}.op-grid-even{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.op-section{border:1px solid var(--op-line);min-width:0;box-shadow:none;background:#fff;border-radius:0;margin-bottom:12px}.op-section-head{border-bottom:1px solid var(--op-line);justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:10px 13px;display:flex}.op-section-head h2{margin:0;font-size:14px;font-weight:800}.op-section-head p{color:var(--op-muted);margin:3px 0 0;font-size:10px}.op-section-body{min-width:0;padding:13px}.op-section>.op-section-body:only-child{padding:13px}.op-table-wrap,.operation-content .overflow-x-auto{max-width:100%;overflow:auto}.operation-content table{border-collapse:collapse;width:100%;min-width:760px}.operation-content th{border-bottom:1px solid var(--op-line);color:#6e7988;text-align:left;white-space:nowrap;background:#f6f7f9;padding:9px;font-size:9px;font-weight:700}.operation-content td{vertical-align:middle;white-space:nowrap;border-bottom:1px solid #ebeff3;padding:10px 9px;font-size:10px}.operation-content tbody tr:hover{background:#fafbfc}.op-cell-sub{color:var(--op-muted);margin-top:3px;font-size:9px;font-weight:400;display:block}.op-table-empty{color:var(--op-muted);text-align:center;padding:28px!important}.op-link-button{color:var(--op-blue);font-size:10px;font-weight:800}.op-inline-select{border:1px solid var(--op-line);background:#fff;min-width:180px;height:32px;padding:0 8px;font-size:10px}.op-empty-state{color:var(--op-muted);text-align:center;padding:32px 18px;font-size:11px;line-height:1.8}.op-embedded-module{min-width:0}.op-tag{min-height:22px;color:var(--op-blue);background:#edf4fb;align-items:center;padding:0 7px;font-size:9px;font-weight:800;display:inline-flex}.op-tag.green{color:var(--op-green);background:#eaf7f1}.op-tag.amber{color:#b66a10;background:#fff7e7}.op-tag.red{color:var(--op-red);background:#fff0f1}.op-tag.teal{color:var(--op-teal);background:#eaf8f5}.op-tabs{border:1px solid var(--op-line);background:#fff;border-bottom:0;display:flex;overflow-x:auto}.op-tabs a{border-right:1px solid var(--op-line);height:42px;color:var(--op-muted);white-space:nowrap;align-items:center;padding:0 14px;font-size:10px;font-weight:800;text-decoration:none;display:flex}.op-tabs a.is-active{color:var(--op-red);box-shadow:inset 0 -3px 0 var(--op-red)}.op-funnel{align-items:stretch;gap:8px;display:flex;overflow:auto}.op-funnel-step{border:1px solid var(--op-line);flex:1;min-width:128px;padding:12px;position:relative}.op-funnel-step:not(:last-child):after{z-index:2;color:#a5afbb;content:"→";position:absolute;top:34px;right:-10px}.op-funnel-step small{color:var(--op-muted);font-size:9px}.op-funnel-step b{margin:6px 0;font-size:19px;display:block}.op-funnel-step span{color:var(--op-teal);font-size:9px}.op-bar-list{gap:10px;display:grid}.op-bar-row{grid-template-columns:110px 1fr 70px;align-items:center;gap:9px;font-size:10px;display:grid}.op-bar{background:#edf0f3;height:8px}.op-bar i{background:var(--op-teal);height:100%;display:block}.op-drawer-mask{z-index:40;background:#10161d75;justify-content:flex-end;display:flex;position:fixed;inset:0}.op-drawer{background:#fff;flex-direction:column;width:min(600px,100%);height:100%;display:flex;box-shadow:-18px 0 50px #0c121a3d}.op-drawer.op-drawer-wide{width:min(820px,100%)}.op-drawer-head{border-bottom:1px solid var(--op-line);justify-content:space-between;align-items:flex-start;min-height:64px;padding:14px 18px;display:flex}.op-drawer-head h2{margin:0 0 4px;font-size:17px;font-weight:800}.op-drawer-head p{color:var(--op-muted);margin:0;font-size:10px}.op-drawer-close{background:#f1f3f5;border:0;place-items:center;width:32px;height:32px;font-size:18px;display:grid}.op-drawer-body{flex:1;min-height:0;padding:16px 18px;overflow:auto}.op-drawer-foot{border-top:1px solid var(--op-line);justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.op-rule-preview-strip{border-left:3px solid var(--op-teal);color:#24443f;background:#eaf8f5;margin-bottom:14px;padding:10px 12px;font-size:10px;line-height:1.6}.op-rule-preview-card,.op-rule-rollback-box{border:1px solid var(--op-line);background:#f6f8fa;margin-top:14px;padding:12px;font-size:10px;line-height:1.6}.op-rule-preview-card p,.op-rule-rollback-box p{margin:5px 0 0}.op-rule-rollback-box textarea{margin-top:8px}.op-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.op-form-grid .full{grid-column:1/-1}.op-decoration-asset-preview{border:1px solid var(--op-line);background:#f8fafc;grid-template-columns:112px minmax(0,1fr);min-height:82px;margin-top:8px;display:grid;overflow:hidden}.op-decoration-asset-stage{color:#fff;background:radial-gradient(circle at 50% 18%,#a855f740,#0000 48%),#100c17;place-items:center;min-height:82px;padding:12px;display:grid}.op-decoration-asset-copy{align-self:center;min-width:0;padding:10px 12px}.op-decoration-asset-copy b{font-size:12px;display:block}.op-decoration-asset-copy p{color:var(--op-muted);margin:4px 0 6px;font-size:10px;line-height:1.5}.op-decoration-asset-copy code{color:#4e5b6b;background:#e8edf3;padding:2px 5px;font-size:9px;display:inline-block}.op-decoration-asset-warning{color:#9b3038;background:#fff5f5;border:1px solid #efc2c5;margin-top:8px;padding:9px 10px;font-size:10px;line-height:1.5}.operation-content input:not([type=checkbox]):not([type=radio]),.operation-content select,.operation-content textarea{border-color:var(--op-line);border-radius:0;font-size:11px}.operation-content .rounded-2xl,.operation-content .rounded-xl,.operation-content .rounded-lg{border-radius:0}.operation-content button:disabled,.operation-content select:disabled,.operation-content input:disabled{cursor:not-allowed;opacity:.55}.op-error-text,.op-link-button.danger{color:var(--op-red)}.op-link-button.success{color:var(--op-green)}.op-catalog-actions-cell{min-width:360px;white-space:normal!important}.op-catalog-actions{gap:8px;display:grid}.op-catalog-product-actions,.op-catalog-sku-action-row{grid-template-columns:minmax(86px,1fr) auto;align-items:center;gap:10px;display:grid}.op-catalog-product-actions{border-bottom:1px solid var(--op-line);padding:0 0 8px}.op-catalog-action-label{color:var(--op-muted);letter-spacing:.08em;font-size:9px;font-weight:800}.op-catalog-sku-actions{gap:6px;display:grid}.op-catalog-sku-action-row{background:#fafbfc;border:1px solid #e8ecf1;min-height:38px;padding:5px 7px}.op-catalog-sku-label{min-width:0}.op-catalog-sku-label b,.op-catalog-sku-label span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.op-catalog-sku-label b{color:var(--op-ink);font-size:10px}.op-catalog-sku-label span{color:var(--op-muted);margin-top:2px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:8px}.op-catalog-action-button{min-height:26px;color:var(--op-blue);white-space:nowrap;background:#fff;border:1px solid #cfd7e1;justify-content:center;align-items:center;padding:0 8px;font-size:9px;font-weight:800;display:inline-flex}.op-catalog-action-button:hover{border-color:var(--op-blue);background:#f3f7fc}.op-catalog-action-button.primary{border-color:var(--op-blue);background:var(--op-blue);color:#fff}.op-catalog-action-button.danger{color:var(--op-red);border-color:#e7b6b9}.op-catalog-action-button.danger:hover{border-color:var(--op-red);background:#fff5f5}.op-media-cell{align-items:center;gap:9px;min-width:220px;display:flex}.op-media-cell img,.op-media-placeholder{object-fit:cover;background:#edf0f3;flex:none;width:38px;height:50px}.op-media-placeholder{color:var(--op-muted);place-items:center;font-size:8px;display:grid}.op-tag-row,.op-row-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.op-row-select{border:1px solid var(--op-line);background:#fff;min-height:28px;padding:0 6px;font-size:9px}.op-pagination{color:var(--op-muted);justify-content:flex-end;align-items:center;gap:10px;padding-top:12px;font-size:10px;display:flex}.op-native-form{gap:12px;display:grid}.op-form-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.op-form-field{gap:5px;min-width:0;display:grid}.op-form-field.wide{grid-column:1/-1}.op-form-field>span,.op-image-field>span{color:var(--op-muted);font-size:9px;font-weight:800}.op-native-form input:not([type=checkbox]):not([type=radio]),.op-native-form select,.op-native-form textarea,.op-inline-create input:not([type=checkbox]),.op-inline-create select,.op-inline-slot-form input,.op-inline-slot-form select{border:1px solid var(--op-line);width:100%;min-height:35px;color:var(--op-ink);background:#fff;outline:none;padding:0 9px;font-size:10px}.op-native-form textarea{resize:vertical;min-height:78px;padding:8px 9px}.op-native-form input:focus,.op-native-form select:focus,.op-native-form textarea:focus,.op-inline-create input:focus,.op-inline-slot-form input:focus,.op-inline-slot-form select:focus{border-color:var(--op-teal)}.op-check-group,.op-choice-list{flex-wrap:wrap;align-content:flex-start;gap:8px 12px;display:flex}.op-check-group label,.op-choice-list label,.op-check-line,.op-inline-create label{color:var(--op-muted);align-items:center;gap:5px;font-size:10px;display:inline-flex}.op-choice-list{max-height:190px;overflow:auto}.op-choice-list label{min-width:120px}.op-form-actions{align-items:center;gap:8px;margin-top:4px;display:flex}.op-image-field{gap:6px;display:grid}.op-image-field>div{grid-template-columns:92px 1fr;gap:10px;display:grid}.op-image-field img,.op-image-empty{object-fit:cover;background:#edf0f3;width:92px;height:112px}.op-image-empty{color:var(--op-muted);place-items:center;font-size:9px;display:grid}.op-image-controls{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex}.op-inline-create{background:#f6f7f9;grid-template-columns:90px minmax(180px,1fr) 80px 100px auto;align-items:center;gap:8px;margin-bottom:12px;padding:10px;display:grid}.op-truncate-cell{text-overflow:ellipsis;max-width:260px;overflow:hidden}.op-switch-row{border:1px solid var(--op-line);justify-content:space-between;align-items:center;gap:10px;min-height:58px;padding:10px 12px;display:flex}.op-switch-row span{gap:4px;display:grid}.op-switch-row small{color:var(--op-muted);font-size:9px}.op-standalone-head{border:1px solid var(--op-line);background:#fff;margin-bottom:10px}.op-ad-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.op-ad-card{border:1px solid var(--op-line);background:#fff;min-width:0}.op-ad-card>header{border-bottom:1px solid var(--op-line);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.op-ad-card>header>div{align-items:center;gap:8px;display:flex}.op-ad-card>.op-form-grid{padding:12px}.op-ad-poster{object-fit:cover;width:72px;height:96px;margin-top:5px}.op-upload-line{align-items:center;gap:8px;display:flex}.op-upload-line small{min-width:0;color:var(--op-muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.op-full-span{border:1px solid var(--op-line);background:#fff;grid-column:1/-1}.op-compact-switch{color:var(--op-muted);align-items:center;gap:7px;font-size:9px;display:flex}.op-slot-list{gap:12px;display:grid}.op-banner-thumb{object-fit:cover;width:76px;height:42px}.op-inline-slot-form{background:#f6f7f9;grid-template-columns:1.2fr 1fr 1.2fr 1.2fr 70px auto;gap:8px;margin-top:12px;padding:10px;display:grid}.op-auth-shell{background:#f4f6f8;grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr);min-height:100vh;display:grid}.op-auth-brand{color:#fff;background:#171d25;flex-direction:column;justify-content:space-between;padding:48px;display:flex}.op-auth-brand>div{align-items:center;gap:14px;display:flex}.op-auth-brand .operation-logo{width:44px;height:44px}.op-auth-brand h1{margin:0;font-size:22px}.op-auth-brand p{color:#8f9aaa;margin:5px 0 0;font-size:12px}.op-auth-brand small{color:#6f7c8e;font-size:11px;line-height:1.7}.op-auth-main{place-items:center;padding:32px;display:grid}.op-auth-card{background:#fff;border:1px solid #dfe4ea;width:min(420px,100%);box-shadow:0 12px 34px #232b371a}.op-auth-card header{border-bottom:1px solid #dfe4ea;padding:24px 26px 18px}.op-auth-card h2{margin:0;font-size:22px}.op-auth-card header p{color:#697585;margin:7px 0 0;font-size:12px}.op-auth-card form{gap:14px;padding:24px 26px 26px;display:grid}.op-auth-card label{color:#697585;gap:6px;font-size:10px;font-weight:800;display:grid}.op-auth-card input{border:1px solid #dfe4ea;border-radius:0;outline:none;min-height:40px;padding:0 10px}.op-auth-card input:focus{border-color:#087d72}.op-auth-card button{color:#fff;background:#d43c43;border:1px solid #d43c43;min-height:40px;font-size:12px;font-weight:800}@media (max-width:1180px){.op-kpis{grid-template-columns:repeat(3,1fr)}.op-grid-2,.op-grid-even{grid-template-columns:1fr}.op-form-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.op-ad-grid{grid-template-columns:1fr}.op-inline-slot-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.operation-layout{grid-template-columns:1fr;overflow:hidden auto}.operation-sidebar{height:auto;max-height:none;position:relative}.operation-nav{grid-template-columns:repeat(2,1fr);display:grid;overflow:visible}.operation-workspace{height:auto;overflow:visible}.operation-nav-group{display:contents}.operation-nav-title{grid-column:1/-1}.operation-signout{margin-top:0}.operation-topbar{padding:12px 14px;position:relative}.operation-account{display:none}.operation-main{padding:14px}.op-page-head{display:block}.op-actions{justify-content:flex-start;margin-top:10px}.op-kpis{grid-template-columns:repeat(2,1fr)}.op-form-grid,.op-form-grid.cols-4{grid-template-columns:1fr}.op-form-field.wide,.op-form-grid .full{grid-column:auto}.op-inline-create,.op-inline-slot-form,.op-auth-shell{grid-template-columns:1fr}.op-auth-brand{min-height:180px;padding:28px}.op-auth-main{padding:20px}}