#page-product-card{--pc-primary:#6655e8;--pc-primary-soft:#f1efff;--pc-line:#e8e9ef;--pc-text:#2f3342;--pc-muted:#858a99;--pc-bg:#f6f7fa;color:var(--pc-text)}
#page-product-card *{box-sizing:border-box}
#page-product-card button,#page-product-card input,#page-product-card select,#page-product-card textarea{font:inherit}
.pc-page{display:grid;gap:12px;min-width:0;padding:18px 22px 28px}
.pc-page-head{display:flex;align-items:center;justify-content:space-between;gap:18px}
.pc-page-head h1{margin:0;font-size:20px;line-height:1.35}
.pc-page-head p{margin:4px 0 0;color:var(--pc-muted);font-size:12px}
.pc-btn{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 13px;border:1px solid #dbdde7;border-radius:8px;background:#fff;color:#596071;cursor:pointer;white-space:nowrap}
.pc-btn:hover{border-color:#aaa2e8;color:#5d4bd1}
.pc-btn:disabled{opacity:.45;cursor:not-allowed}
.pc-btn-primary{border-color:var(--pc-primary);background:var(--pc-primary);color:#fff;box-shadow:0 5px 13px rgba(102,85,232,.18)}
.pc-btn-primary:hover{border-color:#5845d7;background:#5845d7;color:#fff}
.pc-btn-danger{border-color:#f0cfd4;color:#c34c5b;background:#fff}
.pc-btn-quiet{border-color:transparent;background:transparent;color:#6553d9;box-shadow:none}
.pc-icon-btn{display:grid;width:30px;height:30px;place-items:center;border:0;border-radius:8px;background:#f1f2f6;color:#747988;font-size:19px;cursor:pointer}
.pc-section{display:none;gap:10px;min-width:0}.pc-section.active{display:grid}
.pc-view-row{display:flex;align-items:center;justify-content:space-between;min-height:32px}
.pc-segmented{display:inline-flex;gap:3px;padding:3px;border-radius:9px;background:#eceef3}
.pc-segmented button{height:28px;padding:0 12px;border:0;border-radius:7px;background:transparent;color:#707686;font-size:12px;cursor:pointer}
.pc-segmented button.active{background:#fff;color:#5545d0;font-weight:700;box-shadow:0 1px 4px rgba(37,42,61,.1)}
.pc-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.pc-metric{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:12px;padding:10px 13px;border:1px solid var(--pc-line);border-radius:10px;background:#fff}
.pc-metric span{display:block;color:#868b99;font-size:11px}.pc-metric strong{display:block;margin-top:3px;color:#303543;font-size:20px;line-height:1}
.pc-metric em{color:#8c91a0;font-size:11px;font-style:normal;text-align:right}
.pc-metric-breakdown{display:grid!important;gap:3px;text-align:right}.pc-metric-breakdown i{color:#7c8391;font-size:9px;font-style:normal;white-space:nowrap}.pc-metric-breakdown i b{font-size:10px}.pc-metric-breakdown .success{color:#288861}.pc-metric-breakdown .warning{color:#b66b17}.pc-metric-breakdown .danger{color:#c44d5b}.pc-metric-breakdown .primary{color:#315fc1}
.pc-card{border:1px solid var(--pc-line);border-radius:11px;background:#fff}
.pc-table-card{min-width:0;overflow:hidden}
.pc-toolbar{display:flex;min-height:52px;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-bottom:1px solid var(--pc-line);background:#fbfbfd}
.pc-toolbar-group{display:flex;min-width:0;align-items:center;flex-wrap:wrap;gap:8px}
.pc-search{display:flex;width:min(340px,34vw);height:34px;align-items:center;gap:7px;padding:0 10px;border:1px solid #dfe1e9;border-radius:8px;background:#fff;color:#989dac}
.pc-search input{min-width:0;flex:1;border:0;outline:0;color:#414655;background:transparent}
.pc-toolbar select,.pc-field select,.pc-field input,.pc-rule-qty,.pc-inline-input{height:34px;border:1px solid #dfe1e9;border-radius:8px;background:#fff;color:#4e5463;outline:none}
.pc-toolbar select{padding:0 28px 0 10px}.pc-result-count{color:#9a9eaa;font-size:11px}
.pc-table-scroll{min-width:0;overflow:auto}
.pc-table{width:100%;min-width:1040px;border-collapse:collapse;font-size:12px}
.pc-table th{height:39px;padding:0 12px;border-bottom:1px solid var(--pc-line);background:#f7f8fa;color:#676d7d;font-weight:650;text-align:left;white-space:nowrap}
.pc-table td{height:54px;padding:8px 12px;border-bottom:1px solid #f0f1f4;color:#515766;vertical-align:middle}
.pc-table tbody tr:hover{background:#fbfaff}.pc-table tbody tr:last-child td{border-bottom:0}
.pc-cell-main{display:block;max-width:230px;overflow:hidden;color:#343948;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
.pc-cell-sub{display:block;margin-top:3px;color:#9b9fac;font-size:10px;white-space:nowrap}
.pc-link-btn{padding:0;border:0;background:transparent;color:#5e4bd3;cursor:pointer;text-align:left}.pc-link-btn:hover{text-decoration:underline}
.pc-actions{display:flex;align-items:center;gap:9px;white-space:nowrap}.pc-actions button{padding:0;border:0;background:transparent;color:#6252cf;font-size:11px;cursor:pointer}.pc-actions button.danger{color:#c65360}.pc-actions button:disabled{color:#b7bac3;cursor:not-allowed}
.pc-status{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;background:#f0f1f4;color:#747987;font-size:10px;white-space:nowrap}.pc-status:before{width:5px;height:5px;border-radius:50%;background:currentColor;content:""}
.pc-status.running,.pc-status.active{background:#edf2ff;color:#4d71dc}.pc-status.success,.pc-status.selected{background:#eaf8f1;color:#288861}.pc-status.partial,.pc-status.pending{background:#fff6e8;color:#bb741e}.pc-status.failed,.pc-status.rejected{background:#fff0f1;color:#c4505d}.pc-status.draft,.pc-status.paused{background:#f1f2f5;color:#6d7382}.pc-status.review{background:#f5f0ff;color:#7752c8}.pc-status.cancelled{background:#f3f3f5;color:#999daa}
.pc-progress{display:grid;gap:5px;min-width:120px}.pc-progress>div{height:5px;overflow:hidden;border-radius:4px;background:#eceef2}.pc-progress i{display:block;height:100%;border-radius:inherit;background:var(--pc-primary)}.pc-progress span{color:#858a98;font-size:10px}
.pc-tip{display:inline-flex;width:16px;height:16px;align-items:center;justify-content:center;margin:0 0 0 5px;padding:0;border:1px solid #c9ccd6;border-radius:50%;background:#fff;color:#858b99;font-size:10px;font-weight:700;line-height:1;vertical-align:middle;cursor:help}
.pc-tip-popover{position:fixed;z-index:4300;display:none;width:max-content;max-width:260px;padding:7px 9px;border-radius:7px;background:#303542;color:#fff;box-shadow:0 8px 20px rgba(22,26,39,.2);font-size:10px;font-weight:400;line-height:1.5;pointer-events:none;white-space:normal}.pc-tip-popover.show{display:block}.pc-tip-popover.source-detail{width:320px;max-width:calc(100vw - 24px);padding:12px;border:1px solid #dfe4ec;background:#fff;color:#3f4756;box-shadow:0 12px 30px rgba(30,42,62,.18);pointer-events:auto}.pc-tip-popover.source-detail dl{display:grid;gap:9px;margin:0}.pc-tip-popover.source-detail dl>div{display:grid;gap:3px}.pc-tip-popover.source-detail dt{color:#9299a6;font-size:9px}.pc-tip-popover.source-detail dd{margin:0;color:#404958;font-size:10px;line-height:1.55;overflow-wrap:anywhere}
.pc-toast{position:fixed;z-index:4600;top:22px;left:50%;max-width:min(420px,calc(100vw - 32px));padding:10px 16px;border-radius:8px;background:#303542;color:#fff;box-shadow:0 10px 28px rgba(22,26,39,.24);font-size:13px;line-height:1.5;opacity:0;pointer-events:none;transform:translate(-50%,-12px);transition:opacity .18s,transform .18s}.pc-toast.show{opacity:1;transform:translate(-50%,0)}
.pc-empty{padding:58px 20px!important;color:#999daa!important;text-align:center}
.pc-drawer-layer,.pc-confirm-layer{position:fixed;z-index:3600;inset:0;visibility:hidden;pointer-events:none}
.pc-drawer-layer.show,.pc-confirm-layer.show{visibility:visible;pointer-events:auto}
.pc-drawer-mask,.pc-confirm-mask{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(25,28,40,.42);opacity:0;transition:opacity .18s}
.pc-drawer-layer.show .pc-drawer-mask,.pc-confirm-layer.show .pc-confirm-mask{opacity:1}
.pc-drawer{position:absolute;top:0;right:0;bottom:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(980px,78vw);overflow:hidden;background:#fff;box-shadow:-18px 0 48px rgba(26,29,41,.2);transform:translateX(100%);transition:transform .22s}
.pc-drawer-layer.show .pc-drawer{transform:translateX(0)}
.pc-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:17px 20px 14px;border-bottom:1px solid var(--pc-line)}
.pc-drawer-head small{color:#6956da;font-size:10px}.pc-drawer-head h2{margin:4px 0 0;font-size:18px}.pc-drawer-head p{margin:5px 0 0;color:#9296a3;font-size:11px}
.pc-drawer-body{min-height:0;overflow:auto;padding:16px 20px 26px;background:#fafbfc}
.pc-drawer-foot{display:flex;min-height:59px;align-items:center;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--pc-line);background:#fff}.pc-drawer-foot:empty{display:none}
.pc-confirm-layer{z-index:3900;display:grid;place-items:center;padding:20px}
.pc-confirm{position:relative;width:min(420px,calc(100vw - 40px));padding:21px;border-radius:13px;background:#fff;box-shadow:0 24px 68px rgba(24,27,39,.28);transform:translateY(8px);transition:transform .18s}
.pc-confirm-layer.show .pc-confirm{transform:translateY(0)}.pc-confirm h3{margin:0;font-size:17px}.pc-confirm p{margin:10px 0 20px;color:#737887;font-size:12px;line-height:1.65}.pc-confirm>div{display:flex;justify-content:flex-end;gap:8px}
.pc-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}.pc-detail-item{min-width:0;padding:10px;border:1px solid var(--pc-line);border-radius:9px;background:#fff}.pc-detail-item span{display:block;color:#9296a3;font-size:10px}.pc-detail-item b{display:block;overflow:hidden;margin-top:4px;color:#404553;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.pc-form{display:grid;gap:12px}.pc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pc-field{display:grid;gap:6px}.pc-field>span{color:#5d6372;font-size:11px;font-weight:650}.pc-field input,.pc-field select{width:100%;padding:0 10px}.pc-field textarea{min-height:72px;padding:9px 10px;border:1px solid #dfe1e9;border-radius:8px;outline:none;resize:vertical}.pc-field-wide{grid-column:1/-1}
.pc-rule-toolbar{position:sticky;z-index:5;top:-16px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 -20px 10px;padding:9px 20px;border-bottom:1px solid var(--pc-line);background:#fff}.pc-rule-toolbar>div{display:flex;align-items:center;gap:8px}.pc-rule-toolbar span{color:#7e8391;font-size:11px}
.pc-rule-list{display:grid;gap:8px}.pc-rule-row{display:grid;grid-template-columns:32px 92px minmax(260px,1fr) 74px 168px;gap:9px;align-items:center;padding:9px;border:1px solid var(--pc-line);border-radius:9px;background:#fff}.pc-rule-row.selected{border-color:#a99ff0;background:#fbfaff}.pc-rule-check{display:grid;place-items:center}.pc-rule-image{position:relative;display:grid;height:66px;place-items:center;overflow:hidden;border:1px dashed #cbcdd7;border-radius:7px;background:linear-gradient(135deg,#f0edff,#edf5ff);color:#7166bd;font-size:10px;text-align:center;cursor:pointer}.pc-rule-image img{width:100%;height:100%;object-fit:cover}.pc-rule-image input{position:absolute;width:1px;height:1px;opacity:0}.pc-rule-prompt{width:100%;min-height:66px;padding:7px 8px;border:1px solid #dfe1e9;border-radius:7px;color:#555b69;font-size:11px;line-height:1.45;resize:vertical}.pc-rule-prompt:disabled,.pc-rule-qty:disabled{border-color:transparent;background:#f5f6f8;color:#757a88}.pc-rule-qty{width:100%;padding:0 7px}.pc-rule-actions{display:flex;flex-wrap:wrap;gap:5px}.pc-rule-actions button{height:27px;padding:0 7px;border:1px solid #e0deeb;border-radius:6px;background:#fff;color:#6253c1;font-size:10px;cursor:pointer}.pc-rule-actions button:last-child{color:#c4535e}
.pc-rule-head{display:grid;grid-template-columns:32px 92px minmax(260px,1fr) 74px 168px;gap:9px;padding:0 9px 6px;color:#777c8a;font-size:10px;font-weight:650}
.pc-inline-insert{display:flex;align-items:center;gap:4px}.pc-inline-input{width:44px;height:27px;padding:0 5px;font-size:10px}
.pc-image-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.pc-image-toolbar>div{display:flex;align-items:center;gap:8px}.pc-image-toolbar span{color:#7e8391;font-size:11px}
.pc-image-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.pc-image-card{position:relative;overflow:hidden;border:1px solid var(--pc-line);border-radius:9px;background:#fff}.pc-image-card.selected{border-color:#7b68e9;box-shadow:0 0 0 2px rgba(102,85,232,.12)}.pc-image-preview{display:grid;aspect-ratio:1/1;place-items:center;background:linear-gradient(135deg,#e8e4ff,#eef5ff 48%,#f9eaf0);color:#6b5cc3;font-size:11px}.pc-image-preview b{font-size:20px}.pc-image-card>label{position:absolute;top:7px;left:7px}.pc-image-meta{padding:8px}.pc-image-meta strong{display:block;overflow:hidden;color:#4a4f5e;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.pc-image-meta>div{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:6px}.pc-image-meta button{padding:0;border:0;background:transparent;color:#6251cb;font-size:10px;cursor:pointer}.pc-uploaded-mark{position:absolute;top:7px;right:7px;padding:3px 5px;border-radius:5px;background:rgba(43,47,61,.78);color:#fff;font-size:9px}
.pc-wizard-steps{display:grid;grid-template-columns:repeat(4,1fr);margin:-2px 0 15px}.pc-wizard-step{position:relative;padding-top:17px;color:#9a9eaa;font-size:10px;text-align:center}.pc-wizard-step:before{position:absolute;z-index:2;top:0;left:50%;display:grid;width:14px;height:14px;place-items:center;border:2px solid #d7d9e1;border-radius:50%;background:#fff;content:attr(data-step);font-size:8px;transform:translateX(-50%)}.pc-wizard-step:after{position:absolute;top:7px;right:50%;left:-50%;height:1px;background:#dfe1e7;content:""}.pc-wizard-step:first-child:after{display:none}.pc-wizard-step.active{color:#5b48d2;font-weight:700}.pc-wizard-step.active:before,.pc-wizard-step.done:before{border-color:var(--pc-primary);background:var(--pc-primary);color:#fff}.pc-wizard-step.done:after,.pc-wizard-step.active:after{background:var(--pc-primary)}
.pc-choice-list{display:grid;gap:8px}.pc-choice{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border:1px solid var(--pc-line);border-radius:9px;background:#fff;cursor:pointer}.pc-choice.selected{border-color:#aaa0ef;background:#fbfaff}.pc-choice>div{min-width:0}.pc-choice strong{display:block;font-size:12px}.pc-choice small{display:block;margin-top:3px;color:#959aa8;font-size:10px}.pc-choice>span{color:#767b89;font-size:11px}.pc-plan-pick{display:grid;grid-template-columns:30px minmax(220px,1fr) 160px 105px 90px;gap:9px;align-items:center;padding:9px 10px;border-bottom:1px solid #eff0f3;background:#fff}.pc-plan-pick:first-child{border-radius:9px 9px 0 0}.pc-plan-pick:last-child{border-bottom:0;border-radius:0 0 9px 9px}.pc-plan-pick.disabled{opacity:.58}.pc-plan-pick input[type=number]{width:74px;height:30px;padding:0 7px;border:1px solid #dadde6;border-radius:7px}.pc-capacity-error{color:#c34d5a!important}.pc-summary-box{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.pc-summary-box>div{padding:11px;border:1px solid var(--pc-line);border-radius:9px;background:#fff}.pc-summary-box span{display:block;color:#9095a3;font-size:10px}.pc-summary-box b{display:block;margin-top:4px;font-size:17px}.pc-result-list{display:grid;gap:7px}.pc-result-row{display:grid;grid-template-columns:minmax(200px,1fr) 90px 90px minmax(150px,1fr);gap:9px;padding:10px;border:1px solid var(--pc-line);border-radius:8px;background:#fff;font-size:11px}.pc-result-row .failed{color:#c44e5b}.pc-result-row .success{color:#27855f}
.pc-note-error{padding:9px 10px;border:1px solid #f0cbd0;border-radius:8px;background:#fff3f4;color:#ba4856;font-size:11px}.pc-note-inline{color:#9296a3;font-size:10px}.pc-section-title{display:flex;align-items:center;justify-content:space-between;margin:14px 0 8px}.pc-section-title h3{margin:0;font-size:13px}.pc-section-title span{color:#9296a3;font-size:10px}
@media(max-width:1180px){.pc-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.pc-image-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pc-rule-row,.pc-rule-head{grid-template-columns:30px 82px minmax(230px,1fr) 65px 130px}}
@media(max-width:800px){.pc-page{padding:14px}.pc-page-head{align-items:flex-start}.pc-search{width:100%;flex-basis:100%}.pc-toolbar-group{width:100%}.pc-drawer{width:100vw}.pc-detail-grid{grid-template-columns:repeat(2,1fr)}.pc-form-grid{grid-template-columns:1fr}.pc-image-grid{grid-template-columns:repeat(2,1fr)}.pc-rule-row,.pc-rule-head{grid-template-columns:30px 72px minmax(170px,1fr) 60px}.pc-rule-actions{grid-column:3/5}.pc-rule-head span:last-child{display:none}.pc-plan-pick{grid-template-columns:28px minmax(170px,1fr) 90px}.pc-plan-pick>*:nth-child(4),.pc-plan-pick>*:nth-child(5){display:none}}