@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&display=swap);:root{--cof-bg:#f0f2f7;--cof-surface:#ffffff;--cof-surface2:#f7f8fc;--cof-border:#e3e6ef;--cof-border-focus:#4f6ef7;--cof-accent:#4f6ef7;--cof-accent-dark:#3651d4;--cof-accent-glow:rgba(79,110,247,.14);--cof-danger:#e5373a;--cof-success:#16a34a;--cof-text:#111827;--cof-text2:#4b5563;--cof-text3:#9ca3af;--cof-req:#e5373a;--cof-locked-bg:#f0fdf4;--cof-locked-bdr:#bbf7d0;--cof-shadow-sm:0 1px 3px rgba(0,0,0,.07),0 1px 2px rgba(0,0,0,.05);--cof-shadow-md:0 4px 16px rgba(0,0,0,.08),0 1px 4px rgba(0,0,0,.05);--cof-shadow-lg:0 12px 40px rgba(0,0,0,.10),0 2px 8px rgba(0,0,0,.06);--cof-radius:16px;--cof-radius-sm:10px;--cof-font:'DM Sans', sans-serif;--cof-font-head:'Syne', sans-serif;--trans:.18s cubic-bezier(.4,0,.2,1)}.cof-wrap{max-width:1280px;margin:0 auto;padding:32px 20px 56px;font-family:var(--cof-font);color:var(--cof-text)}.cof-page-header{margin-bottom:28px}.cof-page-header h2{font-family:var(--cof-font-head);font-size:clamp(24px,4vw,34px);font-weight:800;margin:0 0 5px;letter-spacing:-.5px}.cof-page-header p{margin:0;font-size:14px;color:var(--cof-text2)}.cof-steps{display:flex;align-items:center;gap:0;margin-bottom:28px;background:var(--cof-surface);border:1px solid var(--cof-border);border-radius:var(--cof-radius);padding:5px;width:fit-content;box-shadow:var(--cof-shadow-sm);flex-wrap:wrap}.cof-step{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:12px;font-size:13px;font-weight:600;color:var(--cof-text3);transition:all var(--trans);cursor:default;white-space:nowrap}.cof-step.active{background:var(--cof-accent);color:#fff;box-shadow:0 2px 12px var(--cof-accent-glow)}.cof-step.done{color:var(--cof-success)}.cof-step-num{width:20px;height:20px;border-radius:50%;background:rgba(0,0,0,.07);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;font-family:var(--cof-font-head);flex-shrink:0}.cof-step.active .cof-step-num{background:rgba(255,255,255,.25);color:#fff}.cof-step.done .cof-step-num{background:var(--cof-success);color:#fff}.cof-step-divider{width:24px;height:1px;background:var(--cof-border);flex-shrink:0}.cof-card{background:var(--cof-surface);border:1px solid var(--cof-border);border-radius:var(--cof-radius);padding:26px 26px 22px;margin-bottom:18px;box-shadow:var(--cof-shadow-sm);transition:box-shadow var(--trans)}.cof-card:hover{box-shadow:var(--cof-shadow-md)}.cof-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px;flex-wrap:wrap}.cof-card-title{display:flex;align-items:center;gap:10px}.cof-card-icon{width:34px;height:34px;border-radius:9px;background:var(--cof-accent-glow);color:var(--cof-accent);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.cof-card-title h3{font-family:var(--cof-font-head);font-size:16px;font-weight:700;margin:0}.cof-card-title p{margin:2px 0 0;font-size:12px;color:var(--cof-text3)}.cof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cof-field label{display:block;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--cof-text2);margin-bottom:6px}.cof-req{color:var(--cof-req);margin-left:2px}.cof-input{width:100%;box-sizing:border-box;border:1.5px solid var(--cof-border);border-radius:var(--cof-radius-sm);padding:10px 12px;font-size:14px;font-family:var(--cof-font);color:var(--cof-text);background:var(--cof-surface);outline:none;transition:border-color var(--trans),box-shadow var(--trans),background var(--trans);-webkit-appearance:none;appearance:none}.cof-input::placeholder{color:var(--cof-text3)}.cof-input:focus{border-color:var(--cof-border-focus);box-shadow:0 0 0 3px var(--cof-accent-glow)}.cof-input:disabled{background:var(--cof-surface2);color:var(--cof-text2);cursor:default;opacity:.85}select.cof-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px;cursor:pointer}textarea.cof-input{resize:vertical;min-height:58px}.cof-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1.5px solid var(--cof-border);background:var(--cof-surface);border-radius:var(--cof-radius-sm);padding:9px 17px;font-family:var(--cof-font-head);font-size:13px;font-weight:700;color:var(--cof-text);cursor:pointer;transition:all var(--trans);white-space:nowrap;letter-spacing:.2px}.cof-btn:hover{background:var(--cof-surface2);border-color:#c5cade}.cof-btn:active{transform:translateY(1px)}.cof-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.cof-btn-primary{background:var(--cof-accent);border-color:var(--cof-accent);color:#fff;box-shadow:0 2px 12px var(--cof-accent-glow)}.cof-btn-primary:hover{background:var(--cof-accent-dark);border-color:var(--cof-accent-dark);box-shadow:0 4px 20px rgba(79,110,247,.28)}.cof-btn-add{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#c7d2fe;color:var(--cof-accent)}.cof-btn-add:hover{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-color:var(--cof-accent)}.cof-btn-small{padding:6px 12px;font-size:12px;border-radius:8px}.cof-btn-save-row{background:var(--cof-accent);border-color:var(--cof-accent);color:#fff;width:100%}.cof-btn-save-row:hover:not(:disabled){background:var(--cof-accent-dark);border-color:var(--cof-accent-dark)}.cof-btn-edit-row{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.cof-btn-edit-row:hover:not(:disabled){background:#ffedd5}.cof-btn-remove-row{background:#fff1f2;border-color:#fecdd3;color:var(--cof-danger)}.cof-btn-remove-row:hover:not(:disabled){background:#ffe4e6}.cof-row-count{display:inline-flex;align-items:center;gap:5px;background:var(--cof-surface2);border:1px solid var(--cof-border);border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;color:var(--cof-text2)}.cof-row-count span{font-family:var(--cof-font-head);font-weight:800;color:var(--cof-accent);font-size:13px}.cof-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}#cof-items-body-wrap{margin-top:16px}.cof-block{border:1.5px solid var(--cof-border);border-radius:var(--cof-radius);background:var(--cof-surface);margin-bottom:14px;overflow:hidden;box-shadow:var(--cof-shadow-sm);transition:box-shadow var(--trans),border-color var(--trans);animation:blockIn .28s cubic-bezier(.4,0,.2,1) both}@keyframes blockIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cof-block:hover{box-shadow:var(--cof-shadow-md)}.cof-block.cof-locked{border-color:var(--cof-locked-bdr);background:var(--cof-locked-bg)}.cof-block.cof-locked:hover{box-shadow:0 4px 16px rgba(22,163,74,.08)}.cof-block-header{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;gap:12px;background:var(--cof-surface2);border-bottom:1px solid var(--cof-border)}.cof-block.cof-locked .cof-block-header{background:#ecfdf5;border-bottom-color:var(--cof-locked-bdr)}.cof-block-label{display:flex;align-items:center;gap:8px;font-family:var(--cof-font-head);font-size:13px;font-weight:700;color:var(--cof-text2)}.cof-block-num{width:22px;height:22px;border-radius:6px;background:var(--cof-border);color:var(--cof-text2);font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;font-family:var(--cof-font-head)}.cof-block.cof-locked .cof-block-num{background:var(--cof-success);color:#fff}.cof-block-product-preview{font-size:13px;color:var(--cof-text);font-weight:500;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cof-block-actions{display:flex;align-items:center;gap:7px;flex-shrink:0}.cof-block-status{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px;white-space:nowrap}.cof-block-status.saved{background:#dcfce7;color:var(--cof-success)}.cof-block-status.editing{background:#fff7ed;color:#c2410c}.cof-block-status.error{background:#fff1f2;color:var(--cof-danger);border-radius:8px;white-space:normal;max-width:280px;text-align:right;padding:4px 10px}.cof-block-body{padding:18px 18px 14px}.cof-section{margin-bottom:16px}.cof-section:last-child{margin-bottom:0}.cof-section-label{font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--cof-text3);margin-bottom:10px;padding-bottom:7px;border-bottom:1px solid var(--cof-border)}.cof-fgrid{display:grid;gap:10px}.cof-fgrid-7{grid-template-columns:2fr 75px 95px 95px 95px 1fr 1fr}.cof-fgrid-4{grid-template-columns:1fr 1fr 1fr 1.3fr}.cof-fgrid-4b{grid-template-columns:1.2fr 1.2fr 1fr 1fr}.cof-fgrid-install{grid-template-columns:auto 1fr;align-items:start}.cof-fgrid .cof-field label{font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--cof-text3);margin-bottom:4px}.cof-checks{display:flex;flex-wrap:wrap;gap:7px}.cof-check-pill{display:flex;align-items:center;gap:6px;padding:5px 12px;border:1.5px solid var(--cof-border);border-radius:20px;font-size:12px;font-weight:500;color:var(--cof-text2);cursor:pointer;transition:all var(--trans);background:var(--cof-surface);user-select:none;white-space:nowrap}.cof-check-pill:hover{border-color:var(--cof-accent);background:var(--cof-accent-glow);color:var(--cof-accent)}.cof-check-pill input[type="checkbox"]{width:13px;height:13px;accent-color:var(--cof-accent);cursor:pointer}.cof-check-pill:has(input:checked){border-color:var(--cof-accent);background:var(--cof-accent-glow);color:var(--cof-accent);font-weight:600}.cof-check-pill:has(input:disabled){cursor:default;opacity:.75}.cof-inline-selects{display:flex;gap:8px}.cof-inline-selects .cof-input{flex:1}.cof-ac-wrap{position:relative}.cof-ac-list{position:absolute;left:0;right:0;top:calc(100% + 4px);background:var(--cof-surface);border:1.5px solid var(--cof-border);border-radius:var(--cof-radius-sm);box-shadow:var(--cof-shadow-lg);max-height:210px;overflow:auto;z-index:9999;animation:dropIn .14s ease both}@keyframes dropIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.cof-ac-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--cof-border);cursor:pointer;font-size:14px;transition:background var(--trans)}.cof-ac-item:last-child{border-bottom:none}.cof-ac-item:hover{background:var(--cof-accent-glow)}.cof-ac-sku{font-size:11px;font-weight:600;background:var(--cof-surface2);border:1px solid var(--cof-border);border-radius:5px;padding:1px 6px;color:var(--cof-text3);margin-left:auto;white-space:nowrap}.cof-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:6px;padding:18px 26px;background:var(--cof-surface2);border:1px solid var(--cof-border);border-radius:var(--cof-radius);box-shadow:var(--cof-shadow-sm)}.cof-hint{flex:1 1 280px;font-size:13px;color:var(--cof-text3);display:flex;align-items:center;gap:6px}.cof-status{font-size:13px;font-weight:600;min-height:18px}.cof-status.error{color:var(--cof-danger)}.cof-status.success{color:var(--cof-success)}.cof-btn-submit{padding:13px 30px;font-size:15px;border-radius:12px;box-shadow:0 4px 22px var(--cof-accent-glow);letter-spacing:.2px}.cof-btn-submit:hover:not(:disabled){box-shadow:0 6px 28px rgba(79,110,247,.28);transform:translateY(-1px)}.cof-spinner{width:13px;height:13px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .65s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.cof-empty{text-align:center;padding:44px 24px;color:var(--cof-text3);border:2px dashed var(--cof-border);border-radius:var(--cof-radius);margin-top:2px}.cof-empty-icon{font-size:32px;margin-bottom:10px;opacity:.35}.cof-empty p{margin:0 0 14px;font-size:14px;font-weight:500}#cof-items-table{display:none!important}@media (max-width:1060px){.cof-fgrid-7{grid-template-columns:2fr 70px 85px 85px 85px 1fr 1fr}}@media (max-width:900px){.cof-wrap{padding:16px 12px 40px}.cof-card{padding:18px 14px}.cof-grid{grid-template-columns:1fr}.cof-fgrid-7{grid-template-columns:1fr 1fr}.cof-fgrid-4,.cof-fgrid-4b{grid-template-columns:1fr 1fr}.cof-actions{padding:14px}}@media (max-width:560px){.cof-fgrid-7,.cof-fgrid-4,.cof-fgrid-4b{grid-template-columns:1fr}.cof-block-product-preview{display:none}.cof-step-divider{display:none}}#cof-add-row{background:#e8eaf6;border-color:#c5cae9;color:#9fa8da;opacity:.55;cursor:not-allowed;pointer-events:none}#cof-add-row.cof-btn-add-ready{background:#1e3a8a!important;border-color:#1e3a8a!important;color:#fff!important;opacity:1!important;cursor:pointer!important;pointer-events:auto!important;box-shadow:0 3px 16px rgba(30,58,138,.35)!important;animation:btnPulse .5s cubic-bezier(.4,0,.2,1)}#cof-add-row.cof-btn-add-ready:hover{background:#1e40af!important;border-color:#1e40af!important;box-shadow:0 4px 20px rgba(30,58,138,.45)!important}@keyframes btnPulse{0%{transform:scale(1)}35%{transform:scale(1.08)}100%{transform:scale(1)}}.cof-block-inactive{opacity:.5;pointer-events:none;user-select:none;transition:opacity .3s ease}.cof-block:not(.cof-block-inactive){transition:opacity .3s ease}