:root{font-family:Inter,Segoe UI,Tahoma,Arial,sans-serif;color:#162033;background:#f0f0f0;--accent: #ffae00;--accent-soft: #f1c92f;--page: #f0f0f0;--accent-ink: #2c2100;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex;background:var(--page)}.sidebar{width:280px;background:#fff;border-right:1px solid #e4e8ef;padding:22px 18px;display:flex;flex-direction:column;gap:24px;position:sticky;top:0;height:100vh;z-index:20}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#ffae00;color:var(--accent-ink);font-weight:800}.brand strong,.title-block strong{display:block;font-size:16px}.brand span,.title-block span,.section-heading p,.page-intro p{color:#667085;font-size:13px}.sidebar nav{display:grid;gap:8px}.sidebar nav button{border:0;background:transparent;display:grid;grid-template-columns:24px 1fr;grid-template-rows:auto auto;text-align:left;gap:1px 10px;padding:12px;border-radius:10px;color:#344054}.sidebar nav button svg{grid-row:span 2;align-self:center}.sidebar nav button small{color:#8a94a6}.sidebar nav button.active{background:#fff4d6;color:#ffae00}.sidebar-footer{margin-top:auto;display:flex;gap:10px;padding:12px;border-radius:12px;background:#f8fafc;color:#667085;font-size:12px}.main-shell{flex:1;min-width:0}.topbar{height:74px;display:flex;align-items:center;gap:16px;padding:0 28px;background:#ffffffeb;border-bottom:1px solid #e4e8ef;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.title-block{min-width:190px}.top-search,.search-input{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #dce3ed;border-radius:12px;padding:0 12px;min-height:42px}.top-search{flex:1}.top-search input,.search-input input,.field input,.field textarea,.field select,.filters-grid input,.filters-grid select{border:0;outline:0;width:100%;background:transparent;color:#162033}.page-wrap{padding:28px}.stack{display:grid;gap:22px}.hero-band{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:28px;border-radius:16px;background:#fff;box-shadow:0 14px 40px #11182712}.hero-band h1,.page-intro h1{margin:0 0 8px;font-size:30px}.hero-band p,.page-intro p{margin:0}.panel,.stat-card{background:#fff;border:1px solid #e6ebf2;border-radius:14px;box-shadow:0 10px 26px #1018280d}.panel{padding:20px}.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.dashboard-stats-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.stat-card{padding:18px;display:grid;gap:7px;text-align:left}.stat-card svg{color:#ffae00}.stat-card strong{font-size:28px}.stat-card small{color:#7a8495}.stat-button{border:1px solid #e6ebf2}.stat-button:hover,.stat-button.active{border-color:#ffae00;background:#fff9e8;transform:translateY(-1px)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading h1,.section-heading h2,.section-heading h3{margin:0 0 4px}.primary-button,.soft-button,.danger-button,.select-button,.icon-button{min-height:40px;border-radius:10px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;font-weight:700}.primary-button{background:#ffae00;color:var(--accent-ink)}.soft-button{background:#f8fafc;border-color:#dce3ed;color:#263246}.danger-button{background:#dc2626;color:#fff}.icon-button{width:42px;padding:0;background:#f8fafc;border-color:#dce3ed}.mobile-menu{display:none}.form-layout{display:grid;grid-template-columns:minmax(330px,.9fr) minmax(420px,1.1fr);gap:20px;align-items:start}.form-layout-single{grid-template-columns:1fr}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:grid;gap:7px}.field span{font-weight:700;color:#344054}.field small{color:#8a94a6;font-weight:500}.field input,.field textarea,.field select,.filters-grid input,.filters-grid select{min-height:42px;border:1px solid #dce3ed;border-radius:10px;padding:10px 12px;background:#fff}.relation-search{position:relative;display:grid;gap:7px}.relation-search-control{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.relation-field .relation-search-control{grid-template-columns:auto 1fr auto}.relation-search-control svg{color:#667085}.relation-search-control input{width:100%}.relation-search-control button{min-height:42px;border:1px solid #dce3ed;border-radius:10px;background:#f8fafc;color:#475467;font-weight:700;padding:0 12px}.relation-selected{display:inline-flex;align-items:center;gap:6px;width:fit-content;max-width:100%;border-radius:999px;background:#fff4d6;color:#5c3b00;padding:6px 10px;font-size:13px}.relation-selected strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.relation-options{position:absolute;z-index:65;top:48px;left:0;right:0;max-height:260px;overflow:auto;border:1px solid #dce3ed;border-radius:12px;background:#fff;box-shadow:0 18px 44px #0f172a2e;padding:6px}.relation-options button{width:100%;border:0;border-radius:9px;background:transparent;color:#162033;display:grid;gap:2px;padding:9px 10px;text-align:left}.relation-options button:hover,.relation-options button.active{background:#fff4d6}.relation-options small,.relation-empty{color:#667085}.relation-empty{padding:10px}.product-picker-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.field textarea{min-height:92px;resize:vertical}.span-2{grid-column:span 2}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.product-picker .search-input{margin-bottom:14px}.catalog-open-button{min-width:132px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.product-grid.compact{grid-template-columns:1fr}.product-card{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid #e4e8ef;border-radius:12px;background:#fff}.product-card.selected{border-color:#ffae00;background:#fff9e8}.product-image,.detail-image{background:#f1f5f9;display:grid;place-items:center;color:#667085;overflow:hidden}.product-image{width:64px;height:64px;border-radius:10px}.product-image img,.detail-image img{width:100%;height:100%;object-fit:cover}.product-info{display:grid;gap:4px;min-width:0}.product-info strong,.table-product strong,.product-name-button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-info span,.product-info small{color:#667085;display:flex;align-items:center;gap:4px;font-size:12px}.select-button{background:#ecfdf5;color:#047857;border-color:#bbf7d0}.catalog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#0f172a7a;display:grid;place-items:center;padding:22px}.catalog-modal{width:min(1180px,100%);max-height:min(880px,calc(100vh - 44px));display:grid;grid-template-rows:auto auto auto auto 1fr;overflow:hidden;background:#fff;border:1px solid #e4e8ef;border-radius:18px;box-shadow:0 28px 90px #0f172a52}.catalog-header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 24px 16px;border-bottom:1px solid #eef2f7}.catalog-title{display:flex;align-items:center;gap:14px}.catalog-title h2{margin:0 0 3px;font-size:24px}.catalog-title p{margin:0;color:#667085}.catalog-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#fff4d6;color:#ffae00}.catalog-search-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:18px 24px 12px}.catalog-search{margin:0}.catalog-filters{display:grid;grid-template-columns:1.7fr repeat(6,minmax(110px,1fr));gap:10px;padding:0 24px 16px}.catalog-filters label{display:grid;gap:6px}.catalog-filters span{color:#667085;font-size:12px;font-weight:700}.catalog-filters select,.catalog-filters input{min-height:40px;border:1px solid #dce3ed;border-radius:10px;padding:8px 10px;background:#fff;color:#162033;outline:0}.catalog-error{margin:0 24px 14px}.catalog-results{min-height:320px;overflow:auto;padding:4px 24px 24px}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.catalog-card{min-height:360px;display:grid;grid-template-rows:148px 1fr auto;overflow:hidden;border:1px solid #e2e8f0;border-radius:14px;background:#fff;box-shadow:0 10px 26px #1018280d}.catalog-card.selected{border-color:#ffae00;box-shadow:0 16px 34px #ffae002e}.catalog-card-image{background:#f1f5f9;display:grid;place-items:center;color:#667085;overflow:hidden}.catalog-card-image img{width:100%;height:100%;object-fit:cover}.catalog-card-body{padding:14px;display:grid;gap:9px}.catalog-card-topline{display:flex;justify-content:space-between;gap:8px}.category-pill,.selected-pill{min-width:0;display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:12px;font-weight:800}.category-pill{max-width:100%;color:#475569;background:#f1f5f9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-pill{color:#047857;background:#dcfce7;flex:0 0 auto}.catalog-card h3{margin:0;font-size:17px;line-height:1.35}.catalog-card p{margin:0;display:flex;align-items:center;gap:6px;color:#667085;font-size:13px}.catalog-card dl{grid-template-columns:54px 1fr;gap:5px 10px;margin:0;font-size:13px}.catalog-card dt{color:#8a94a6}.catalog-card dd{font-weight:800}.catalog-select{margin:0 14px 14px}.selection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid #f1c92f;border-radius:14px;background:#fff7dd;box-shadow:0 10px 24px #2c210014}.inline-selection-toolbar{margin-bottom:14px}.selection-toolbar div{display:flex;gap:10px}.selection-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.vendor-state-badge{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:800}.vendor-state-badge.ok{color:#166534;background:#dcfce7}.vendor-state-badge.warning{color:#92400e;background:#fef3c7}.set-vendor-modal{width:min(680px,100%);max-height:calc(100vh - 44px);overflow:auto;background:#fff;border-radius:16px;box-shadow:0 24px 80px #0f172a47;padding:22px}.vendor-modal-summary{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;padding:9px 12px;border-radius:999px;background:#fff9e8;color:#2c2100;font-weight:800}.draft-rfq-header{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.draft-rfq-header>div{display:grid;gap:5px;padding:14px;border-radius:12px;background:#fff9e8;border:1px solid #f1c92f}.draft-rfq-header span{color:#667085;font-size:12px;font-weight:800}.draft-rfq-header strong{font-size:20px}.rfq-warning{display:flex;align-items:center;gap:8px}.create-po-modal{width:min(1180px,100%);max-height:calc(100vh - 44px);overflow:auto;background:#fff;border-radius:16px;box-shadow:0 24px 80px #0f172a47;padding:22px}.po-modal-grid{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(520px,1.2fr);gap:20px;align-items:start}.vendor-picker{display:grid;gap:12px}.vendor-list{display:grid;gap:9px;max-height:300px;overflow:auto}.vendor-card,.suggested-vendor{width:100%;display:grid;grid-template-columns:22px 1fr 22px;gap:10px;align-items:center;text-align:left;border:1px solid #e2e8f0;border-radius:12px;background:#fff;padding:11px;color:#162033}.vendor-card.selected,.suggested-vendor{border-color:#ffae00;background:#fff9e8}.vendor-card span{display:grid;gap:4px}.vendor-card small{display:flex;gap:5px;align-items:center;color:#667085}.po-note{margin-top:14px}.po-lines-preview{display:grid;gap:12px}.mini-table-wrap{overflow:auto;border:1px solid #e4e8ef;border-radius:12px}.mini-table-wrap table{min-width:720px}.price-input{width:96px;min-height:34px;border:1px solid #dce3ed;border-radius:8px;padding:6px 8px}.po-total-strip{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:12px;background:#f0f0f0}.po-total-strip strong{font-size:20px}.po-intro{display:flex;justify-content:space-between;align-items:center}.po-intro svg{color:#ffae00}.po-header-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.po-stats-grid{display:grid;grid-template-columns:repeat(7,minmax(150px,1fr));gap:14px}.po-stat-card{min-height:140px;cursor:pointer}.po-stat-card span{color:#263246;font-weight:800}.po-stat-card strong{overflow-wrap:anywhere}.po-dashboard-filters{display:grid;grid-template-columns:minmax(260px,1.6fr) minmax(150px,.8fr) minmax(220px,1fr) repeat(5,minmax(130px,.7fr));gap:10px;align-items:start}.po-dashboard-filters input,.po-dashboard-filters select{min-height:42px;border:1px solid #dce3ed;border-radius:10px;padding:10px 12px;background:#fff;color:#162033}.po-search-filter{margin:0}.po-vendor-filter{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:42px;border:1px solid #dce3ed;border-radius:10px;padding:0 10px;background:#fff}.po-vendor-filter>svg{color:#667085}.po-vendor-filter input{min-height:40px;border:0;padding:0;outline:0}.po-vendor-filter>button{width:26px;height:26px;border:0;border-radius:7px;display:grid;place-items:center;background:#f1f5f9}.po-vendor-options{position:absolute;z-index:30;top:48px;left:0;right:0;display:grid;gap:5px;max-height:260px;overflow:auto;padding:8px;border:1px solid #dce3ed;border-radius:12px;background:#fff;box-shadow:0 18px 44px #0f172a2e}.po-vendor-options button{border:0;border-radius:9px;display:grid;gap:3px;padding:9px 10px;background:transparent;color:#162033;text-align:left}.po-vendor-options button:hover{background:#fff4d6}.po-vendor-options small,.po-vendor-options span{color:#667085}.po-table-wrap{max-height:calc(100vh - 360px)}.po-table{min-width:1460px}.po-number-button{border:0;background:transparent;color:#101828;font-weight:900;cursor:pointer;padding:2px 0}.po-number-button:hover{color:#b97800;text-decoration:underline;text-underline-offset:3px}.po-detail-modal{width:min(1080px,100%);max-height:calc(100vh - 44px);overflow:auto}.po-detail-hero{display:grid;grid-template-columns:1.5fr auto repeat(3,minmax(130px,1fr));gap:12px;align-items:center;margin-bottom:16px;padding:14px;border-radius:12px;background:#fff9e8;border:1px solid #f1c92f}.po-detail-hero div{display:grid;gap:4px}.po-detail-hero span,.po-detail-meta{color:#667085;font-size:12px;font-weight:800}.po-detail-hero strong{font-size:18px}.po-detail-meta{display:flex;flex-wrap:wrap;gap:10px 18px;margin-bottom:14px}.po-detail-meta strong{color:#263246}.po-lines-table{min-width:880px}.po-note-box{margin-top:14px;padding:14px;border-radius:12px;border:1px solid #e4e8ef;background:#f8fafc;color:#344054}.catalog-skeleton{min-height:360px;display:grid;grid-template-rows:148px 26px 1fr;gap:14px;padding:0 0 14px;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}.catalog-skeleton span,.catalog-skeleton strong,.catalog-skeleton em{display:block;margin:0 14px;border-radius:10px;background:linear-gradient(90deg,#eef2f7,#f8fafc,#eef2f7);animation:pulse 1.2s infinite}.catalog-skeleton span{margin:0;border-radius:0}.catalog-empty{min-height:360px}.selected-product-strip{padding:12px;border-radius:12px;background:#f8fafc;display:grid;gap:4px;margin-bottom:16px}.selected-product-strip span{color:#667085}.filters-grid{display:grid;grid-template-columns:1.3fr repeat(5,minmax(120px,1fr));gap:10px}.product-db-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.product-db-summary{min-height:40px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #f1c92f;border-radius:10px;background:#fff9e8;color:#2c2100;font-weight:800;white-space:nowrap}.product-db-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) minmax(560px,1.25fr);gap:14px;align-items:end}.product-db-search{min-height:44px}.product-db-filters{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(110px,.8fr) minmax(110px,.8fr) auto auto;gap:10px;align-items:end}.product-db-filters label{display:grid;gap:6px}.product-db-filters span{color:#667085;font-size:12px;font-weight:800}.product-db-filters select{min-height:40px;border:1px solid #dce3ed;border-radius:10px;padding:8px 10px;background:#fff;color:#162033;outline:0}.segmented-control{min-height:40px;display:inline-grid;grid-template-columns:repeat(2,40px);padding:3px;border:1px solid #dce3ed;border-radius:10px;background:#f8fafc}.segmented-control button{border:0;border-radius:8px;display:grid;place-items:center;background:transparent;color:#667085}.segmented-control button.active{background:#ffae00;color:#2c2100}.product-db-results{padding:0;overflow:hidden}.product-db-table-wrap{max-height:calc(100vh - 300px);min-height:320px}.product-db-table{min-width:1180px}.product-db-table th{position:sticky;top:0;z-index:1}.product-db-product{max-width:320px}.product-db-product span{display:grid;place-items:center;color:#667085}.product-db-request-button{white-space:nowrap}.product-db-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;max-height:calc(100vh - 300px);min-height:320px;overflow:auto;padding:20px}.product-db-card{min-height:370px}.product-db-skeleton-row{grid-template-columns:70px 1fr 220px;padding:0 20px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:1060px}th{text-align:left;color:#667085;font-size:12px;background:#f8fafc}th,td{padding:12px;border-bottom:1px solid #edf1f6}.table-product{display:flex;align-items:center;gap:10px;max-width:240px}.table-product img,.table-product span{width:36px;height:36px;border-radius:8px;background:#edf2f7;object-fit:cover;flex:0 0 auto}.product-name-button{border:0;background:transparent;padding:2px 0;min-width:0;max-width:190px;color:#101828;font-weight:800;text-align:left;cursor:pointer}.product-name-button:hover{color:#b97800;text-decoration:underline;text-underline-offset:3px}.product-name-button:focus-visible{outline:2px solid #ffae00;outline-offset:3px;border-radius:4px}.vendor-select-button{border:0;border-radius:999px;background:#fff4d6;color:#5c3b00;padding:6px 10px;font-weight:800;cursor:pointer}.vendor-select-button:hover{background:#ffae00}.vendor-select-button:focus-visible{outline:2px solid #ffae00;outline-offset:2px}.notes-cell{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-actions{display:flex;gap:6px}.row-actions button{width:32px;height:32px;border:1px solid #dce3ed;border-radius:8px;background:#fff}.status-badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800;background:#eef2ff;color:#3730a3}.status-badge.draft{background:#f1f5f9;color:#475569}.status-badge.sent{background:#e0f2fe;color:#075985}.status-badge.purchase,.status-badge.rfq_created{background:#fff4d6;color:#7a4b00}.status-badge.approved,.status-badge.done{background:#dcfce7;color:#166534}.status-badge.rejected,.status-badge.cancel,.status-badge.cancelled{background:#fee2e2;color:#991b1b}.status-badge.to_approve,.status-badge.pending,.status-badge.waiting{background:#fef3c7;color:#92400e}.empty-state{min-height:180px;display:grid;place-items:center;align-content:center;gap:8px;color:#667085;text-align:center}.empty-state strong{color:#263246}.skeleton-stack{display:grid;gap:10px}.skeleton-row{display:grid;grid-template-columns:70px 1fr 160px;gap:12px}.skeleton-row span,.skeleton-row strong,.skeleton-row em{height:42px;border-radius:10px;background:linear-gradient(90deg,#eef2f7,#f8fafc,#eef2f7);animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.45}}.error-box,.warning-box,.result-box{padding:12px;border-radius:10px;margin:12px 0;white-space:pre-wrap}.error-box,.result-box.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.warning-box{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.result-box{background:#f8fafc;border:1px solid #dce3ed;overflow:auto}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0f172a59;padding:22px;z-index:50}.modal,.detail-modal,.edit-request-modal,.create-product-modal{background:#fff;border-radius:16px;box-shadow:0 24px 80px #0f172a47;padding:22px}.modal{max-width:420px;text-align:center}.detail-modal{width:min(760px,100%)}.edit-request-modal{width:min(1120px,100%);max-height:calc(100vh - 44px);overflow:hidden;display:grid;grid-template-rows:auto 1fr}.create-product-modal{width:min(1040px,100%);max-height:calc(100vh - 44px);overflow:hidden;display:grid;grid-template-rows:auto 1fr auto auto}.create-product-heading{padding-bottom:14px;border-bottom:1px solid #edf1f6}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.create-product-body{min-height:0;overflow:auto;display:grid;grid-template-columns:260px 1fr;gap:18px;padding:18px 4px 4px}.layout-driven-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.layout-field{min-width:0}.layout-field>.field,.layout-field>.relation-field{height:100%}.create-product-image{display:grid;align-content:start;gap:12px;min-width:0;outline:0}.image-drop-zone{width:100%;height:240px;border:1px solid #edf1f6;border-radius:14px;background:#f8fafc;color:#667085;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:18px;text-align:center;overflow:hidden;transition:border-color .15s ease,background .15s ease}.image-drop-zone img{width:100%;height:100%;object-fit:contain;border-radius:10px;display:block;min-width:0;min-height:0}.image-drop-zone span{color:#667085;font-size:13px}.create-product-image.drag-active .image-drop-zone{border-color:#ffae00;background:#fff9e8}.create-product-image:focus-visible .image-drop-zone{border-color:#ffae00;box-shadow:0 0 0 3px #ffae002e}.create-product-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.checkbox-field{min-height:42px;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #dce3ed;border-radius:10px;background:#fff}.checkbox-field input{width:18px;height:18px}.layout-editor,.layout-settings{min-height:0;overflow:auto;padding:18px 4px 4px}.layout-editor-header,.layout-settings-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.layout-editor-header h3,.layout-settings-header h3{margin:0 0 4px}.layout-editor-header p,.layout-settings-header p{margin:0;color:#667085}.layout-editor-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.layout-editor-list{display:grid;gap:10px}.layout-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.layout-presets button{border:1px solid #dce3ed;border-radius:12px;background:#fff;display:grid;gap:4px;padding:12px;text-align:left}.layout-presets button:hover{border-color:#ffae00;background:#fff9e8}.layout-presets span{color:#667085;font-size:13px}.layout-settings-grid{display:grid;grid-template-columns:minmax(420px,1.2fr) minmax(320px,.8fr);gap:14px;align-items:start}.layout-field-list{display:grid;gap:10px}.layout-setting-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid #dce3ed;border-radius:12px;background:#fff}.layout-setting-row.muted{opacity:.62}.layout-row-controls{display:flex;align-items:center;gap:8px}.layout-preview-panel{position:sticky;top:0;border:1px solid #dce3ed;border-radius:14px;background:#f8fafc;padding:14px}.layout-preview-title{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.layout-preview-title span{color:#667085}.layout-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.layout-preview-field{min-height:62px;display:grid;align-content:center;gap:4px;border:1px dashed #cbd5e1;border-radius:10px;background:#fff;padding:10px}.layout-preview-field span{color:#667085;font-size:12px}.layout-editor-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px;border:1px solid #dce3ed;border-radius:12px;background:#fff}.layout-editor-item.dragging{opacity:.55;border-color:#ffae00;background:#fff9e8}.layout-editor-item.muted{opacity:.62}.layout-drag-handle{color:#667085;cursor:grab}.layout-item-main{min-width:0;display:grid;gap:2px}.layout-item-main strong,.layout-item-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout-item-main span{color:#667085;font-size:13px}.layout-width-toggle{min-height:36px;display:inline-grid;grid-template-columns:repeat(2,minmax(54px,1fr));padding:3px;border:1px solid #dce3ed;border-radius:10px;background:#f8fafc}.layout-width-toggle button{border:0;border-radius:8px;background:transparent;color:#667085;font-weight:800}.layout-width-toggle button.active{background:#ffae00;color:#2c2100}.highlight-row{background:#fff9e8}.highlight-card{border-color:#ffae00;box-shadow:0 0 0 2px #ffae002e}.edit-modal-heading{margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid #edf1f6}.edit-modal-body{overflow:auto;padding:2px 4px 4px}.edit-modal-body .form-layout{grid-template-columns:1fr}.edit-modal-body .panel{box-shadow:none;border:1px solid #edf1f6}.modal-actions{display:flex;justify-content:center;gap:10px;margin-top:18px}.danger-icon{color:#dc2626}.detail-grid{display:grid;grid-template-columns:220px 1fr;gap:20px}.detail-image{min-height:220px;border-radius:14px}dl{display:grid;grid-template-columns:120px 1fr;gap:10px}dt{color:#667085}dd{margin:0;font-weight:700}.settings-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.settings-card{display:flex;gap:12px;padding:14px;border-radius:12px;background:#f0fdf4;color:#166534;margin-bottom:18px}.settings-card.api-card{background:#fff4d6;color:#ffae00}.settings-card.api-card span{color:#334155;word-break:break-all}.settings-card span{display:block;color:#3f7d55}.note-list{display:grid;gap:12px;color:#475569}.toggle-row{display:flex;align-items:center;gap:10px;margin-top:14px;color:#344054;font-weight:800}.toggle-row input{width:18px;height:18px;accent-color:#ffae00}.quick-pin{position:fixed;right:16px;bottom:16px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #dce3ed;border-radius:12px;padding:8px 10px;box-shadow:0 12px 30px #1018281f;z-index:30}.quick-pin input{border:0;outline:0;width:118px}.toast{position:fixed;top:88px;right:22px;display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:12px;background:#ecfdf5;color:#047857;box-shadow:0 18px 50px #10182829;z-index:60}.toast.error{background:#fef2f2;color:#991b1b}.overlay{display:none}@media (max-width: 1100px){.stats-grid,.filters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-db-toolbar{grid-template-columns:1fr}.product-db-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.form-layout,.settings-grid{grid-template-columns:1fr}.catalog-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.po-modal-grid,.po-filters,.po-dashboard-filters{grid-template-columns:1fr}.po-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.po-detail-hero{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.sidebar{position:fixed;transform:translate(-110%);transition:transform .2s ease}.sidebar.open{transform:translate(0)}.overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a40;border:0;z-index:15}.mobile-menu{display:inline-flex}.topbar{padding:0 14px}.title-block{min-width:0}.top-search{display:none}.page-wrap{padding:16px}.hero-band,.section-heading,.form-actions,.product-db-intro{align-items:stretch;flex-direction:column}.stats-grid,.form-grid,.filters-grid,.detail-grid,.product-db-filters{grid-template-columns:1fr}.edit-request-modal,.create-product-modal{width:100%;max-height:calc(100vh - 24px);padding:16px}.create-product-body,.create-product-form,.layout-driven-form{grid-template-columns:1fr}.layout-editor-header,.layout-settings-header,.header-actions{align-items:stretch;flex-direction:column}.layout-presets,.layout-settings-grid,.layout-preview-grid,.layout-setting-row{grid-template-columns:1fr}.layout-row-controls{flex-wrap:wrap}.layout-preview-panel{position:static}.layout-editor-item{grid-template-columns:auto minmax(0,1fr)}.layout-width-toggle,.layout-editor-item>.icon-button{grid-column:2}.edit-modal-body .form-layout{grid-template-columns:1fr}.product-db-summary{justify-content:center}.product-db-table-wrap,.product-db-grid{max-height:none}.dashboard-stats-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.product-card{grid-template-columns:56px 1fr}.select-button{grid-column:span 2}.quick-pin{left:16px;right:16px;justify-content:center}.selection-toolbar,.selection-toolbar div,.po-intro,.po-header-actions{flex-direction:column;align-items:stretch}.po-stats-grid,.po-detail-hero{grid-template-columns:1fr}.po-detail-modal,.create-po-modal{width:100%;height:100vh;max-height:100vh;border-radius:0}.catalog-backdrop{padding:0}.catalog-modal{width:100%;height:100vh;max-height:100vh;border-radius:0}.catalog-header,.catalog-search-row,.catalog-filters,.catalog-results{padding-left:14px;padding-right:14px}.catalog-search-row,.catalog-filters,.catalog-grid{grid-template-columns:1fr}}