@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.app-layout-shell{display:flex;min-height:100vh;background:var(--bg-main, #f7f5f0);font-family:Inter,-apple-system,sans-serif;position:relative;width:100%}.app-sidebar{width:236px;background:#181a20;color:#f7f5f0;display:flex;flex-direction:column;padding:20px 14px;flex-shrink:0;overflow-y:auto;border-right:1px solid rgba(255,255,255,.06);transition:transform .25s cubic-bezier(.4,0,.2,1)}.app-sidebar::-webkit-scrollbar{width:4px}.app-sidebar::-webkit-scrollbar-track{background:transparent}.app-sidebar::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.app-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff40}.sidebar-mobile-close,.sidebar-overlay-backdrop{display:none}.app-main-pane{flex:1;display:flex;flex-direction:column;min-width:0}.app-header-bar{height:64px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:#fff;border-bottom:1px solid #e8e3d8;box-shadow:0 1px 4px #23232308;z-index:50;position:sticky;top:0}.btn-mobile-hamburger{display:none;background:#faf8f4;border:1px solid #dfd9cb;border-radius:6px;padding:6px 9px;color:#3b4a7a;cursor:pointer;align-items:center;justify-content:center;transition:all .15s ease}.btn-mobile-hamburger:hover{background:#ece8df}.app-content-body{flex:1;padding:32px 36px}@media (min-width: 769px){.app-sidebar{position:fixed;top:0;left:0;bottom:0;height:100vh;z-index:100}.app-main-pane{margin-left:236px;width:calc(100% - 236px);min-height:100vh}}@media (max-width: 768px){.app-sidebar{position:fixed;top:0;bottom:0;left:0;height:100vh;z-index:1001;transform:translate(-100%);box-shadow:none}.app-sidebar.sidebar-open{transform:translate(0);box-shadow:6px 0 28px #00000073}.sidebar-mobile-close{display:flex;align-items:center;justify-content:flex-end;margin-bottom:12px}.sidebar-mobile-close button{background:#ffffff14;border:0;color:#e2ded5;border-radius:6px;padding:6px 12px;font-size:13px;cursor:pointer}.sidebar-overlay-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#12141ca6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000}.app-header-bar{padding:0 14px;height:58px}.btn-mobile-hamburger{display:inline-flex}.app-content-body{padding:16px 12px}}.modal-backdrop{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;padding:20px;display:flex;align-items:center;justify-content:center;background:#1816129e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.send-pdf-modal{position:relative;width:min(100%,460px);padding:30px;border:1px solid #dfd4c2;border-radius:16px;background:#fffdfa;box-shadow:0 24px 70px #00000038}.send-pdf-modal h2{margin:0 0 8px;color:#27231d;font:400 31px Georgia,serif}.send-pdf-kicker{margin:0 0 7px;color:#a04a20;font-size:11px;font-weight:800;letter-spacing:.13em}.modal-description{margin:0 0 22px;color:#6e6960;font-size:14px;line-height:1.55}.modal-close{position:absolute;top:16px;right:16px;padding:7px;display:flex;border:0;border-radius:50%;color:#6b665d;background:#f1ede5;cursor:pointer}.send-pdf-modal label{display:block;margin-bottom:7px;color:#4b4740;font-size:12px;font-weight:700}.phone-input-wrap{display:flex;min-height:48px;overflow:hidden;border:1px solid #d7d0c4;border-radius:8px;background:#fff}.phone-input-wrap:focus-within{border-color:#3b4a7a;box-shadow:0 0 0 3px #3b4a7a1a}.phone-input-wrap.invalid{border-color:#c1440e}.phone-input-wrap span{padding:0 13px;display:flex;align-items:center;border-right:1px solid #e2dcd1;color:#3d3933;background:#f5f1e9;font-weight:700}.phone-input-wrap input{min-width:0;flex:1;padding:0 13px;border:0;outline:0;color:#232323;background:transparent;font-size:16px;letter-spacing:.04em}.modal-feedback{min-height:32px;padding-top:7px;color:#c1440e;font-size:12px}.modal-feedback.success{color:#277344}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.modal-actions button{min-width:96px;min-height:42px;padding:0 16px;border-radius:7px;font-weight:700;cursor:pointer}.modal-cancel{color:#575249;border:1px solid #d8d0c3;background:transparent}.modal-send{display:flex;align-items:center;justify-content:center;gap:7px;color:#fff;border:0;background:#3b4a7a}.modal-actions button:disabled{cursor:not-allowed;opacity:.55}.button-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:pdf-spin .7s linear infinite}@keyframes pdf-spin{to{transform:rotate(360deg)}}.pdf-success-box{text-align:center;padding:12px 0 0}.pdf-success-icon{width:52px;height:52px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e8f5ec;color:#277344;font-size:26px;font-weight:900}.pdf-success-box h3{margin:0 0 8px;color:#1e3a24;font-size:20px}.pdf-success-msg{margin:0 0 20px;color:#4b6250;font-size:14px;line-height:1.5}.pdf-success-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.btn-download-pdf-modal,.btn-whatsapp-chat-modal{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:8px;text-decoration:none;font-size:14px;font-weight:700;transition:transform .15s ease,background .15s ease}.btn-download-pdf-modal{background:#3b4a7a;color:#fff;border:0;cursor:pointer;font-family:inherit}.btn-download-pdf-modal:disabled{cursor:wait;opacity:.7}.btn-download-pdf-modal:hover{background:#2f3b61}.btn-whatsapp-chat-modal{background:#25d366;color:#fff}.btn-whatsapp-chat-modal:hover{background:#20ba59}@media (max-width: 480px){.modal-backdrop{padding:12px 10px}.send-pdf-modal{padding:22px 16px 18px;border-radius:13px}.send-pdf-modal h2{font-size:24px}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}.quality-search-combobox{position:relative;width:100%;font-family:inherit}.combobox-input-field{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid #dcd6c8;border-radius:8px;padding:0 10px 0 12px;min-height:42px;transition:all .18s ease;box-shadow:0 1px 3px #00000005}.combobox-input-field:hover{border-color:#3b4a7a}.combobox-input-field.focused,.combobox-input-field:focus-within{border-color:#3b4a7a;box-shadow:0 0 0 3px #3b4a7a24}.combobox-search-icon{color:#7a766c;display:flex;align-items:center;flex-shrink:0}.combobox-text-input,.combobox-text-input:focus{flex:1;border:0!important;outline:none!important;box-shadow:none!important;font-family:inherit;font-size:13px;color:#1a1c23;background:transparent!important;padding:8px 0;min-width:0}.combobox-text-input::placeholder{color:#9a958b}.combobox-clear-btn{border:0;background:#eeeae0;color:#6e6a62;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;cursor:pointer;flex-shrink:0;transition:all .12s ease;padding:0}.combobox-clear-btn:hover{background:#dfdacd;color:#1a1c23}.combobox-arrow-btn{border:0;background:transparent;color:#7a766c;width:24px;height:24px;display:grid;place-items:center;cursor:pointer;flex-shrink:0;transition:transform .2s ease;padding:0}.combobox-arrow-btn.open{transform:rotate(180deg)}.combobox-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:380px;overflow-y:auto;background:#fff;border:1.5px solid #dcd6c8;border-radius:8px;box-shadow:0 10px 28px #0000001f;z-index:1050;padding:4px}.combobox-item-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .12s ease}.combobox-item-row:hover{background:#f4f1eb}.combobox-item-row.selected{background:#eef2ff;border-left:3px solid #3b4a7a}.combobox-item-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.combobox-item-code{font-family:monospace;font-size:11.5px;font-weight:800;background:#fef3ea;color:#c1440e;border:1px solid #fbd9c4;padding:2px 6px;border-radius:4px;flex-shrink:0}.combobox-item-code.all-badge{background:#f0f4ff;color:#3b4a7a;border-color:#c7d2fe}.combobox-item-name{font-size:13px;font-weight:600;color:#1a1c23;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.combobox-item-group{font-size:11px;font-weight:700;color:#79756c;background:#f4f0e6;padding:2px 7px;border-radius:4px;flex-shrink:0;white-space:nowrap}.combobox-empty-message{padding:16px;text-align:center;font-size:12.5px;color:#7a766c}.searchable-select-wrap{position:relative;width:100%;font-family:inherit;box-sizing:border-box}.searchable-select-input-bar{display:flex;align-items:center;width:100%;min-height:42px;background:#fff;border:1px solid #dedad0;border-radius:8px;padding:0 10px 0 12px;box-sizing:border-box;cursor:text;transition:border-color .15s ease,box-shadow .15s ease}.searchable-select-wrap.is-open{z-index:1050}.searchable-select-wrap.is-open .searchable-select-input-bar,.searchable-select-input-bar:focus-within{border-color:#3b4a7a;box-shadow:0 0 0 3px #3b4a7a1f}.searchable-select-wrap.is-disabled .searchable-select-input-bar{background:#f7f6f2;cursor:not-allowed;opacity:.7}.searchable-select-input,.searchable-select-input:focus{flex:1;border:none!important;outline:none!important;box-shadow:none!important;background:transparent!important;font-family:inherit;font-size:13.5px;color:#232323;padding:8px 0;width:100%}.searchable-select-input::placeholder{color:#9a968c}.searchable-select-clear{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:#ece8df;border-radius:50%;color:#635f56;cursor:pointer;margin-right:6px;padding:0;transition:background .15s ease}.searchable-select-clear:hover{background:#dfd9cb;color:#232323}.searchable-select-arrow{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:#837f76;cursor:pointer;padding:4px;transition:transform .2s ease,color .15s ease}.searchable-select-arrow.rotated{transform:rotate(180deg);color:#3b4a7a}.searchable-select-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:280px;overflow-y:auto;background:#fff;border:1px solid #dedad0;border-radius:8px;box-shadow:0 14px 35px #0f172a33;z-index:1100;padding:6px 0}.searchable-select-option{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;font-size:13.5px;color:#2b2b2b;cursor:pointer;transition:background .12s ease}.searchable-select-option:hover{background:#faf8f4;color:#1a1a1a}.searchable-select-option.selected{background:#eef2fa;color:#3b4a7a;font-weight:600}.searchable-select-option.all-opt{border-bottom:1px solid #f2eee5;margin-bottom:3px;background:#faf9f6}.searchable-select-option .all-badge{display:inline-block;padding:2px 6px;background:#3b4a7a;color:#fff;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.05em;margin-right:8px}.searchable-select-option .opt-label{flex:1}.searchable-select-option .opt-check{color:#3b4a7a;font-weight:700;font-size:14px}.searchable-select-empty{padding:12px 14px;font-size:13px;color:#9a968c;font-style:italic;text-align:center}.searchable-select-option.custom-add-opt{color:#c1440e;font-weight:600;border-top:1px dashed #dedad0;background:#fffbf8}.searchable-select-option.custom-add-opt:hover{background:#faebe3;color:#a03507}.dashboard{width:100%;max-width:1200px;color:#1a1c23;margin-bottom:60px}.dashboard *{box-sizing:border-box}.dashboard-hero-banner{position:relative;background:linear-gradient(135deg,#161822,#252e46);border-radius:16px;padding:26px 32px;color:#fff;margin-bottom:24px;box-shadow:0 10px 30px #1618221f;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;overflow:hidden}.dashboard-hero-banner:after{content:"";position:absolute;right:-20px;bottom:-30px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,#ffffff0f,#fff0 70%);pointer-events:none}.hero-banner-content{position:relative;z-index:2}.hero-banner-kicker{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.12em;color:#f97316;margin-bottom:6px}.hero-banner-title{margin:0;font-size:24px;font-weight:700;color:#fff;letter-spacing:-.01em}.hero-banner-desc{margin:4px 0 0;color:#b0ab9f;font-size:13px}.hero-banner-actions{display:flex;align-items:center;gap:10px;position:relative;z-index:2;flex-wrap:wrap}.btn-hero-action{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 16px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;border:0;transition:all .15s ease}.btn-hero-action.btn-hero-add{background:#fff;color:#1a1c23;box-shadow:0 4px 12px #00000026}.btn-hero-action.btn-hero-add:hover{background:#f4efe6;transform:translateY(-1px)}.btn-hero-action.btn-hero-glass{background:#ffffff24;color:#fff;border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-hero-action.btn-hero-glass:hover{background:#ffffff3d;transform:translateY(-1px)}.dashboard__stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:26px}.dashboard-stat{background:#fff;border:1px solid #e9e4d9;border-radius:14px;padding:18px 16px;box-shadow:0 4px 16px #372d1e08;display:flex;flex-direction:column;transition:all .15s ease;cursor:pointer;position:relative;overflow:hidden}.dashboard-stat:hover{transform:translateY(-2px);border-color:#3b4a7a;box-shadow:0 8px 24px #3b4a7a14}.dual-stat-column{display:flex;flex-direction:column;gap:12px;height:100%}.dashboard-stat.mini-stat{flex:1;padding:14px 16px;display:flex;flex-direction:column;justify-content:center}.dashboard-stat.mini-stat .dashboard-stat__icon{margin-bottom:8px;width:34px;height:34px;border-radius:9px}.dashboard-stat.mini-stat strong{font-size:22px;font-weight:800;line-height:1.1;margin-top:2px}.dashboard-stat.mini-stat .stat-label-text{margin-top:4px;font-size:11px;font-weight:700;color:#8b877e;letter-spacing:.05em}.dashboard-stat.stat-tall{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:20px 18px}.dual-stat-metrics{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;width:100%}.metric-sub-block{flex:1;display:flex;flex-direction:column}.metric-sub-block .dashboard-stat__icon{width:32px;height:32px;margin-bottom:8px}.metric-sub-block strong{font-size:20px}.metric-divider{width:1px;background:#ede8df;align-self:stretch;margin:0 4px}.dashboard-stat__icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;margin-bottom:14px}.dashboard-stat__icon.blue{background:#eef2ff;color:#3b4a7a}.dashboard-stat__icon.orange{background:#fff7ed;color:#c1440e}.dashboard-stat__icon.green{background:#ecfdf5;color:#10b981}.dashboard-stat__icon.purple{background:#f5f3ff;color:#7c3aed}.dashboard-stat__icon.cyan{background:#ecfeff;color:#0891b2}.dashboard-stat strong{font-size:24px;font-weight:800;color:#191c24;line-height:1.15}.dashboard-stat .stat-label-text{font-size:11px;font-weight:700;color:#8b877e;margin-top:4px;letter-spacing:.06em}.stat-trend-subtext{font-size:11.5px;color:#10b981;font-weight:600;margin-top:8px;display:flex;align-items:center;gap:4px}.dashboard-grid-layout{display:grid;grid-template-columns:1.35fr .95fr;gap:24px;align-items:flex-start}.dashboard-chart{background:#fff;border:1px solid #e9e4d9;border-radius:14px;padding:24px;box-shadow:0 4px 16px #372d1e08;margin-bottom:24px}.dashboard-chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0ece4}.dashboard-chart-header h2{font-size:16px;font-weight:700;color:#1f2229;margin:0}.dashboard-chart-header p{font-size:12px;color:#8b887f;margin:3px 0 0}.dashboard-chart__empty{display:flex;align-items:center;justify-content:center;height:180px;color:#8b887f;font-size:13px}.recent-qualities-card{background:#fff;border:1px solid #e9e4d9;border-radius:14px;padding:24px;box-shadow:0 4px 16px #372d1e08}.recent-qualities-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0ece4}.recent-qualities-header h2{font-size:16px;font-weight:700;color:#1f2229;margin:0}.recent-view-all-link{font-size:12.5px;font-weight:700;color:#3b4a7a;cursor:pointer}.recent-view-all-link:hover{text-decoration:underline}.recent-items-list{display:flex;flex-direction:column;gap:12px}.recent-item-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:12px;background:#faf8f5;border:1px solid #f0ece3;transition:all .15s ease;cursor:pointer}.recent-item-row:hover{background:#f0f4fc;border-color:#3b4a7a;transform:translateY(-1px)}.recent-item-info{display:flex;align-items:center;gap:14px}.recent-item-thumb{width:46px;height:46px;border-radius:8px;object-fit:cover;background:#e5e2d8;border:1px solid #dedad0;flex-shrink:0}.recent-item-name{font-size:14px;font-weight:700;color:#1f2229;display:block}.recent-item-code-badge{display:inline-block;font-family:monospace;font-size:11px;font-weight:700;color:#c1440e;background:#fef2eb;padding:2px 6px;border-radius:4px;margin-top:3px}.recent-item-right{display:flex;align-items:center;gap:14px}.recent-item-price{font-size:14px;font-weight:800;color:#1f2229;text-align:right}.recent-item-unit{font-size:11px;color:#8b887f;font-weight:500;display:block}.btn-recent-pdf{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:6px;background:#fff;border:1px solid #dcd5c7;font-size:11.5px;font-weight:700;color:#3b4a7a;cursor:pointer;transition:all .15s ease}.btn-recent-pdf:hover{background:#3b4a7a;color:#fff;border-color:#3b4a7a}.modules-hub-card{background:#fff;border:1px solid #e9e4d9;border-radius:14px;padding:24px;box-shadow:0 4px 16px #372d1e08}.modules-hub-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0ece4}.modules-hub-header h2{font-size:16px;font-weight:700;color:#1f2229;margin:0}.modules-hub-header p{font-size:12px;color:#8b887f;margin:3px 0 0}.modules-grid-list{display:flex;flex-direction:column;gap:10px}.hub-module-item{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:10px;border:1px solid #eee9dd;background:#faf8f5;color:#232323;transition:all .15s ease;cursor:pointer}.hub-module-item:hover{border-color:#3b4a7a;background:#f0f4fc;transform:translate(3px)}.hub-module-icon{width:36px;height:36px;border-radius:10px;background:#3b4a7a;color:#fff;display:grid;place-items:center;flex-shrink:0}.hub-module-info b{font-size:13.5px;font-weight:700;color:#1f2229;display:block}.hub-module-info span{font-size:11.5px;color:#8b887f;display:block;margin-top:1px}.hub-module-arrow{margin-left:auto;color:#9a968c;font-weight:700}.dashboard-state{color:#9a968c;font-size:14px;padding:60px 40px;text-align:center}@media (max-width: 960px){.dashboard-grid-layout{grid-template-columns:1fr}}@media (max-width: 1080px){.dashboard__stats{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.dashboard__stats{grid-template-columns:repeat(2,1fr)}.quality-health-card{padding:18px 16px}.quality-health-header-row h2{font-size:16.5px}}@media (max-width: 520px){.dashboard-hero-banner{flex-direction:column;align-items:flex-start;gap:14px}.hero-banner-actions{width:100%}.hero-banner-actions button{flex:1;justify-content:center}.dashboard__stats{grid-template-columns:1fr}.quality-health-card{padding:16px 14px}}.quality-health-card{margin:18px 0 24px;padding:22px 24px;background:#fff;border:1px solid #e2ded5;border-radius:14px;box-shadow:0 4px 16px #372d1e08}.quality-health-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px}.quality-health-header-row h2{margin:0;font-size:18px;font-weight:800;color:#1a1c23}.quality-health-header-row p{margin:3px 0 0;color:#858177;font-size:12.5px;font-weight:600}.quality-health-selector-row{margin-top:14px}.quality-health-dropdown-wrap{width:100%}.share-quality-modal-overlay{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;padding:20px;display:flex;align-items:center;justify-content:center;background:#1816129e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.share-quality-modal-box{position:relative;width:min(100%,560px);max-height:88vh;display:flex;flex-direction:column;padding:24px 26px;border:1px solid #dfd4c2;border-radius:16px;background:#fff;box-shadow:0 24px 70px #00000038;overflow:hidden}@media (max-width: 520px){.share-quality-modal-overlay{padding:12px 10px}.share-quality-modal-box{padding:18px 14px;border-radius:14px;max-height:94vh}.share-quality-modal-header h3{font-size:18px}}.share-quality-modal-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px;gap:12px}.share-quality-modal-header h3{margin:0;font-size:20px;font-weight:800;color:#1a1c23}.share-quality-modal-close{background:#f1ede5;border:0;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b665d;font-size:14px;font-weight:700;transition:all .15s ease;flex-shrink:0}.share-quality-modal-close:hover{background:#e2ded5}.share-quality-modal-desc{margin:4px 0 0;color:#6e6960;font-size:12.5px;line-height:1.4}.share-quality-search-bar{display:flex;align-items:center;gap:10px;background:#faf8f5;border:1.5px solid #ded8cb;border-radius:10px;padding:0 12px;min-height:44px;margin-bottom:14px;transition:all .15s ease}.share-quality-search-bar:focus-within{border-color:#3b4a7a;background:#fff;box-shadow:0 0 0 3px #3b4a7a1f}.share-quality-search-bar input{flex:1;border:none;background:transparent;outline:none;font-family:inherit;font-size:13.5px;color:#1a1c23}.share-quality-search-bar input::placeholder{color:#9a958b}.share-quality-clear-btn{border:0;background:#eeeae0;color:#6e6a62;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;cursor:pointer;padding:0}.share-quality-list-container{max-height:380px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px;margin-right:-4px}.share-quality-item-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 14px;border-radius:10px;border:1px solid #ebe6dc;background:#fbfaf8;cursor:pointer;transition:all .15s ease}.share-quality-item-card:hover{background:#f4f0e6;border-color:#3b4a7a;transform:translateY(-1px);box-shadow:0 4px 12px #3b4a7a14}.share-quality-item-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.share-quality-item-thumb{width:44px;height:44px;border-radius:8px;object-fit:cover;border:1px solid #dfd9ce;background:#eee;flex-shrink:0}.share-quality-item-details{display:flex;flex-direction:column;gap:3px;min-width:0}.share-quality-item-name{font-size:13.5px;font-weight:700;color:#1a1c23;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-quality-item-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.share-quality-code-badge{font-family:monospace;font-size:11px;font-weight:800;background:#fef3ea;color:#c1440e;border:1px solid #fbd9c4;padding:1px 6px;border-radius:4px}.share-quality-group-pill{font-size:10.5px;font-weight:600;background:#eef2ff;color:#3b4a7a;padding:1px 6px;border-radius:4px}.share-quality-item-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.share-quality-item-price{font-size:13px;font-weight:700;color:#1a1c23}.share-quality-dispatch-arrow{font-size:12px;font-weight:700;color:#2563eb;background:#eff6ff;padding:5px 10px;border-radius:6px;border:1px solid #bfdbfe;transition:all .15s ease}.share-quality-item-card:hover .share-quality-dispatch-arrow{background:#2563eb;color:#fff}.share-quality-empty{padding:36px 16px;text-align:center;color:#8b887f;font-size:13px;background:#faf8f5;border-radius:10px;border:1px dashed #ded8cb}.db-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;height:280px;font-size:14px;color:#858177}.db-loading-spinner{width:36px;height:36px;border:3px solid #e2ded5;border-top-color:#3b4a7a;border-radius:50%;animation:spin .8s linear infinite}.db-root{width:100%;max-width:1260px;color:#1a1c23;margin-bottom:60px}.db-root *{box-sizing:border-box}.db-error{background:#fff1f0;border:1px solid #ffc1b8;border-radius:10px;padding:12px 16px;font-size:13px;color:#c1440e;margin-bottom:18px}.db-top-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;background:linear-gradient(135deg,#161822,#252e46);border-radius:14px;padding:20px 28px;margin-bottom:18px;color:#fff;flex-wrap:wrap}.db-crm-title{font-size:18px;font-weight:800;letter-spacing:.06em;color:#fff;margin-bottom:6px}.db-sub-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.db-sub-hub{font-size:11.5px;font-weight:700;letter-spacing:.07em;color:#f97316}.db-sub-sep{color:#ffffff59;font-size:14px}.db-sub-tagline{font-size:11px;font-weight:500;color:#ffffffa6;letter-spacing:.03em}.db-profile-chip{display:flex;align-items:center;gap:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:40px;padding:6px 14px 6px 8px;cursor:pointer;transition:background .18s}.db-profile-chip:hover{background:#ffffff2e}.db-profile-avatar{width:30px;height:30px;border-radius:50%;background:#f97316;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.db-profile-name{font-size:13px;font-weight:600;color:#fff}.db-quick-actions{display:flex;gap:12px;margin-bottom:18px;flex-wrap:wrap}.db-quick-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border:none;border-radius:10px;color:#fff;font-size:13px;font-weight:700;letter-spacing:.05em;cursor:pointer;transition:opacity .15s,transform .12s;box-shadow:0 3px 10px #00000021}.db-quick-btn:hover{opacity:.9;transform:translateY(-1px)}.db-quick-btn:active{transform:scale(.97)}.db-stats-row{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin-bottom:20px}.db-stat-card{background:#fff;border-radius:12px;padding:16px 14px 14px;border:1px solid #e8e3da;cursor:pointer;transition:transform .15s,box-shadow .15s}.db-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.db-stat-value{font-size:28px;font-weight:800;line-height:1;margin-bottom:6px}.db-stat-label{font-size:10.5px;font-weight:700;letter-spacing:.06em;color:#6b6560}.db-mid-grid{display:grid;grid-template-columns:380px 1fr;gap:16px;margin-bottom:20px}.db-section-badge{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.1em;color:#3b4a7a;padding:4px 10px;background:#eef0f8;border-radius:6px}.db-health-card{background:#fff;border:1px solid #e8e3da;border-radius:14px;padding:20px}.db-health-header{margin-bottom:16px}.db-health-list{display:flex;flex-direction:column;gap:12px}.db-health-row{cursor:pointer;transition:background .12s;border-radius:8px;padding:4px 2px}.db-health-row:hover{background:#faf8f4}.db-health-row-top{display:flex;align-items:center;gap:8px;margin-bottom:5px}.db-health-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot-red{background:#ef4444}.dot-green{background:#10b981}.db-health-row-label{font-size:12.5px;font-weight:600;color:#3a3530;flex:1}.db-penalty{font-size:11px;font-weight:700;color:#ef4444}.db-health-count{font-size:13px;font-weight:700}.count-red{color:#ef4444}.count-green{color:#10b981}.db-bar-track{width:100%;height:5px;background:#f0ece4;border-radius:4px;overflow:hidden}.db-bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.fill-red{background:#ef4444}.fill-green{background:#10b981}.db-group-card{background:#fff;border:1px solid #e8e3da;border-radius:14px;padding:20px}.db-group-header{margin-bottom:16px}.db-group-empty{text-align:center;padding:40px 0;color:#a09890;font-size:13px}.db-ops-card{background:#fff;border:1px solid #e8e3da;border-radius:14px;padding:20px}.db-ops-header{margin-bottom:16px}.db-ops-list{display:flex;flex-direction:column;gap:2px}.db-ops-row{display:flex;align-items:center;gap:14px;padding:13px 10px;border-radius:10px;cursor:pointer;transition:background .14s}.db-ops-row:hover{background:#faf8f4}.db-ops-icon{width:38px;height:38px;border-radius:10px;background:#3b4a7a;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.db-ops-info{flex:1;display:flex;flex-direction:column;gap:2px}.db-ops-name{font-size:13px;font-weight:700;color:#1a1c23;letter-spacing:.02em}.db-ops-desc{font-size:11.5px;color:#7a7570}.db-ops-arrow{font-size:16px;color:#b0a898;flex-shrink:0;transition:transform .14s}.db-ops-row:hover .db-ops-arrow{transform:translate(3px)}@media (max-width:1100px){.db-stats-row{grid-template-columns:repeat(4,1fr)}}@media (max-width:840px){.db-stats-row{grid-template-columns:repeat(2,1fr)}.db-mid-grid{grid-template-columns:1fr}.db-top-header{flex-direction:column}}@media (max-width:540px){.db-stats-row{grid-template-columns:1fr 1fr}.db-crm-title{font-size:14px}}.search-page{max-width:1120px;color:#232323;margin-bottom:50px}.search-page *{box-sizing:border-box}.search-heading{margin-bottom:22px}.search-heading small{color:#c1440e;font-size:11px;font-weight:700;letter-spacing:.11em}.search-heading h1{margin:7px 0 0;font-size:25px;font-weight:600}.search-heading p{margin:5px 0 0;color:#7d7a73;font-size:13.5px}.search-bar-wrap{display:flex;gap:12px;position:relative;margin-bottom:14px}.universal-search-box{flex:1;display:flex;align-items:center;min-height:48px;padding:0 16px;border:1px solid #dedad0;border-radius:10px;background:#fff;color:#9a968c;box-shadow:0 4px 14px #23232308;transition:all .15s ease}.universal-search-box:focus-within{border-color:#3b4a7a;box-shadow:0 0 0 3px #3b4a7a1f}.universal-search-box input,.universal-search-box input:focus{flex:1;border:0!important;outline:none!important;box-shadow:none!important;font:inherit;font-size:15px;padding-left:10px;color:#232323;background:transparent!important}.universal-search-box input::placeholder{color:#9a968c}.btn-clear-query{border:0;background:none;color:#9a968c;cursor:pointer;padding:4px;display:grid;place-items:center;border-radius:50%;transition:background .12s ease}.btn-clear-query:hover{background:#f0ece4;color:#232323}.btn-toggle-filters{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 20px;border-radius:10px;border:1px solid #dedad0;background:#fff;color:#232323;font:inherit;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s ease;box-shadow:0 2px 8px #23232308}.btn-toggle-filters.active{background:#fef3ea;border-color:#c1440e;color:#c1440e;font-weight:700}.btn-toggle-filters:hover{border-color:#3b4a7a;background:#fbfaf8}.search-suggestions-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:140px;background:#fff;border:1px solid #dedad0;border-radius:10px;box-shadow:0 12px 36px #2323231f;z-index:50;overflow:hidden}.suggestions-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#faf8f5;border-bottom:1px solid #eeebe3;font-size:11px;color:#7d7a73;font-weight:600;letter-spacing:.03em}.suggestions-header small{color:#9a968c;font-size:11px;font-weight:500}.suggestions-list{max-height:280px;overflow-y:auto}.suggestion-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid #f2eee6;cursor:pointer;transition:background .12s ease}.suggestion-item:last-child{border-bottom:0}.suggestion-item:hover,.suggestion-item.is-highlighted{background:#fbf7f0}.suggestion-category-badge{font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:4px;background:#eeebe3;color:#555048;white-space:nowrap}.suggestion-category-badge.cat-fiber,.suggestion-category-badge.cat-fabric---fiber,.suggestion-category-badge.cat-fabric{background:#e9f3ec;color:#276738}.suggestion-category-badge.cat-pattern{background:#eef1f8;color:#2c4a85}.suggestion-category-badge.cat-quality-group{background:#fef3ea;color:#c1440e}.suggestion-category-badge.cat-quality-code{font-family:monospace;background:#fef0ea;color:#b53805;letter-spacing:.04em}.suggestion-category-badge.cat-use-in---tags{background:#f4ecf7;color:#6d2c85}.suggestion-term-text{font-size:13.5px;font-weight:600;color:#232323;flex:1}.suggestion-action-hint{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:#9a968c;opacity:.7}.suggestion-item:hover .suggestion-action-hint,.suggestion-item.is-highlighted .suggestion-action-hint{color:#c1440e;opacity:1}.active-filter-bubbles-container{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding:10px 14px;background:#fcfbf9;border:1px solid #e9e5dc;border-radius:10px}.active-filters-label{font-size:11.5px;font-weight:700;color:#7d7a73;letter-spacing:.05em;margin-right:4px}.filter-bubble-chip{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #dcd7cc;padding:4px 10px 4px 12px;border-radius:20px;font-size:12.5px;color:#232323;box-shadow:0 1px 3px #0000000a;transition:all .15s ease}.filter-bubble-chip:hover{border-color:#3b4a7a}.filter-bubble-chip.search-tag-bubble{background:#fdfbf7;border-color:#e5dac9}.filter-bubble-chip.search-tag-bubble .bubble-chip-label{color:#c1440e;font-weight:700}.filter-bubble-chip.draft{background:#f9f8f5;border-style:dashed;border-color:#dcd7cc}.bubble-chip-label{color:#7d7a73;font-size:11.5px;font-weight:500}.bubble-chip-value{color:#1c274c;font-weight:700}.btn-bubble-chip-remove{background:#f0ece3;border:0;border-radius:50%;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#635f56;margin-left:2px;transition:all .15s ease}.btn-bubble-chip-remove:hover{background:#c1440e;color:#fff}.btn-clear-all-bubbles{background:transparent;border:0;color:#c1440e;font-size:12px;font-weight:700;cursor:pointer;text-decoration:underline;margin-left:auto;padding:4px 8px}.btn-clear-all-bubbles:hover{color:#a3380a}.filter-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .18s ease}.filter-modal-container{background:#fff;width:100%;max-width:960px;max-height:92vh;border-radius:16px;box-shadow:0 24px 60px #0f172a40;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .22s cubic-bezier(.16,1,.3,1)}.filter-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #f0ece4;background:#faf8f5}.filter-modal-title-wrap{display:flex;align-items:center;gap:12px}.filter-modal-icon{width:36px;height:36px;border-radius:9px;background:#eef0f7;color:#3b4a7a;display:grid;place-items:center}.filter-modal-title-wrap h3{margin:0;font-size:17px;font-weight:700;color:#232323}.filter-modal-title-wrap p{margin:2px 0 0;font-size:12.5px;color:#7d7a73}.btn-modal-close{background:#fff;border:1px solid #e2ddd4;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#635f56;cursor:pointer;transition:all .15s ease}.btn-modal-close:hover{background:#c1440e;border-color:#c1440e;color:#fff}.filter-modal-body{padding:24px 28px 160px;overflow-y:auto;display:flex;flex-direction:column;gap:22px}.filter-group-primary-card{background:#fdfbf7;border:1.5px solid #ebd9c5;border-radius:12px;padding:16px 18px}.filter-primary-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#c1440e;letter-spacing:.05em;margin-bottom:8px}.filter-primary-select{width:100%;min-height:44px;border:1.5px solid #d4c8b8;border-radius:8px;background:#fff;color:#1c274c;font-size:14.5px;font-weight:600;padding:8px 14px;outline:none;cursor:pointer;transition:border-color .15s ease}.filter-primary-select:focus{border-color:#c1440e;box-shadow:0 0 0 3px #c1440e1f}.filters-modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px 18px}.filter-modal-field{display:flex;flex-direction:column;position:relative}.filter-modal-field:focus-within,.filter-modal-field:has(.searchable-select-wrap.is-open){position:relative;z-index:1050}.filter-modal-field label{font-size:11.5px;font-weight:700;color:#575650;margin-bottom:6px;letter-spacing:.03em}.filter-control{width:100%;min-height:40px;border:1px solid #dedad0;border-radius:8px;background:#fff;color:#232323;padding:8px 10px;font:inherit;font-size:13px;outline:none;cursor:pointer}.filter-control:focus{border-color:#3b4a7a;box-shadow:0 0 0 3px #3b4a7a1a}.range-dual-inputs{display:flex;align-items:center;gap:6px}.range-dual-inputs input{flex:1;min-width:0;min-height:40px;border:1px solid #dedad0;border-radius:8px;background:#fff;color:#232323;padding:8px;font:inherit;font-size:12.5px;outline:none}.range-dual-inputs input:focus{border-color:#3b4a7a;box-shadow:0 0 0 3px #3b4a7a1a}.range-separator{color:#8b887f;font-size:12px}.filter-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid #f0ece4;background:#faf8f5}.btn-modal-reset{background:transparent;border:0;color:#c1440e;font-size:13.5px;font-weight:700;cursor:pointer;text-decoration:underline;padding:6px 12px}.btn-modal-reset:hover{color:#993308}.btn-modal-apply{background:#1c274c;color:#fff;border:0;border-radius:8px;padding:10px 22px;font-size:14px;font-weight:700;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 12px #1c274c33}.btn-modal-apply:hover{background:#2a3a6e;transform:translateY(-1px)}.results-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.results-header-bar h2{font-size:16px;font-weight:600;color:#232323;margin:0}.results-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}.quality-search-card{background:#fff;border:1px solid #e9e4d9;border-radius:14px;padding:16px;display:flex;flex-direction:column;transition:all .18s ease;cursor:pointer;position:relative;box-shadow:0 4px 12px #23232308}.quality-search-card:hover{border-color:#3b4a7a;box-shadow:0 10px 28px #23232317;transform:translateY(-2px)}.card-top-info{display:flex;gap:14px;margin-bottom:12px}.card-thumb-wrapper{flex-shrink:0}.card-quality-thumb{width:76px;height:76px;border-radius:10px;object-fit:cover;border:1px solid #dedad0;background:#f5f3ef;display:block}.card-thumb-placeholder{width:76px;height:76px;border-radius:10px;border:1px dashed #dedad0;background:#faf8f5;display:grid;place-items:center;color:#b0aaa0}.card-main-meta{min-width:0;flex:1}.card-code-status-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.card-code-pill-big{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:15px;font-weight:800;color:#c1440e;background:#fef3ea;border:1.5px solid #fbd9c4;padding:2px 8px;border-radius:6px;letter-spacing:.02em;line-height:1.2}.card-status-badge{font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:12px;letter-spacing:.03em}.status-active{background:#e6f7ec;color:#18794e;border:1px solid #c2e8d1}.status-inactive,.status-discontinue{background:#fdf3e7;color:#b25e09;border:1px solid #f9d8b1}.card-quality-name{font-size:14.5px;font-weight:700;color:#1c274c;margin:0 0 4px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-group-badge{display:flex;align-items:center;gap:5px;font-size:11.5px;color:#6b6962}.card-group-badge .group-label{color:#8b887f}.card-group-badge .group-val{color:#232323;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-specs-list{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;font-size:12px;padding:10px 0;border-top:1px solid #f0ece4;border-bottom:1px solid #f0ece4;margin-bottom:12px}.spec-item{display:flex;align-items:center;gap:6px}.spec-lbl{color:#8b887f;font-size:11.5px;min-width:44px}.spec-val{color:#232323;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-bottom-row{display:flex;align-items:center;justify-content:space-between;margin-top:auto;gap:10px}.card-sale-rate-block{display:flex;flex-direction:column}.sale-rate-lbl{font-size:10px;font-weight:700;color:#8b887f;letter-spacing:.05em}.card-price-tag{font-size:16.5px;font-weight:800;color:#1c274c}.card-price-tag small{font-size:11px;font-weight:500;color:#8b887f}.card-action-btns{display:flex;align-items:center;gap:8px}.search-view-btn{background:#f0ece4;border:1px solid #dedad0;color:#232323;padding:6px 12px;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.search-view-btn:hover{background:#e2ded5;border-color:#3b4a7a;color:#3b4a7a}.search-send-pdf{min-height:32px;padding:4px 10px 4px 6px;display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.14);border-radius:7px;color:#fff;background:linear-gradient(135deg,#303e71,#465b9b 60%,#566eb4);box-shadow:0 4px 12px #303e7133;cursor:pointer;text-align:left;transition:transform .15s ease}.search-send-pdf:hover{transform:translateY(-1px)}.search-send-pdf-icon{width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center;border-radius:5px;color:#3b4a7a;background:#fff}.search-send-pdf-copy strong{font-size:11.5px;white-space:nowrap}.empty-search-state{padding:60px 24px;text-align:center;color:#8b887f;background:#fff;border:1px solid #e9e4d9;border-radius:14px}.empty-search-state h3{font-size:16px;font-weight:600;color:#232323;margin:12px 0 6px}@keyframes slideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 860px){.filters-modal-grid{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.search-bar-wrap{flex-direction:column}.universal-search-box{width:100%}.btn-toggle-filters{width:100%;justify-content:center}.filters-modal-grid,.results-cards-grid{grid-template-columns:1fr}.card-bottom-row{flex-direction:column;align-items:flex-start}.card-action-btns{width:100%;justify-content:space-between}}.supplier-search-combobox{position:relative;width:100%;font-family:inherit}.supplier-combobox-field{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid #dcd6c8;border-radius:8px;padding:0 10px 0 12px;min-height:42px;transition:all .18s ease;box-shadow:0 1px 3px #00000005}.supplier-combobox-field:hover{border-color:#3b4a7a}.supplier-combobox-field.focused,.supplier-combobox-field:focus-within{border-color:#3b4a7a;box-shadow:0 0 0 3px #3b4a7a24}.supplier-search-icon{color:#7a766c;display:flex;align-items:center;flex-shrink:0}.supplier-text-input,.supplier-text-input:focus{flex:1;border:0!important;outline:none!important;box-shadow:none!important;font-family:inherit;font-size:13px;color:#1a1c23;background:transparent!important;padding:8px 0;min-width:0}.supplier-text-input::placeholder{color:#9a958b}.supplier-clear-btn{border:0;background:#eeeae0;color:#6e6a62;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;cursor:pointer;flex-shrink:0;transition:all .12s ease;padding:0}.supplier-clear-btn:hover{background:#dfdacd;color:#1a1c23}.supplier-arrow-btn{border:0;background:transparent;color:#7a766c;width:24px;height:24px;display:grid;place-items:center;cursor:pointer;flex-shrink:0;transition:transform .2s ease;padding:0}.supplier-arrow-btn.open{transform:rotate(180deg)}.supplier-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:280px;overflow-y:auto;background:#fff;border:1.5px solid #dcd6c8;border-radius:8px;box-shadow:0 10px 28px #0000001f;z-index:1050;padding:4px}.supplier-item-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .12s ease}.supplier-item-row:hover{background:#f4f1eb}.supplier-item-row.selected{background:#eef2ff;border-left:3px solid #3b4a7a}.supplier-item-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.supplier-item-code{font-family:monospace;font-size:11px;font-weight:800;background:#f0fdf4;color:#047857;border:1px solid #a7f3d0;padding:2px 6px;border-radius:4px;flex-shrink:0}.supplier-item-name{font-size:13px;font-weight:600;color:#1a1c23;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.supplier-item-city-inline{font-size:12px;font-weight:500;color:#64748b;margin-left:6px;flex-shrink:0;white-space:nowrap}.supplier-item-city{font-size:11px;font-weight:600;color:#64748b;background:#f1f5f9;padding:2px 7px;border-radius:4px;flex-shrink:0;white-space:nowrap}.supplier-empty-message{padding:16px;text-align:center;font-size:12.5px;color:#7a766c}.add-quality-page{max-width:1060px;color:#232323;margin-bottom:60px}.add-quality-page *{box-sizing:border-box}.add-quality-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px}.add-quality-heading-text{flex:1 1 auto;min-width:0}.btn-back-header{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1.5px solid #ded8cb;border-radius:8px;padding:5px 12px;font-size:12.5px;font-weight:700;color:#3b4a7a;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 3px #00000008}.btn-back-header:hover{background:#f4f0e6;border-color:#3b4a7a;transform:translate(-2px)}.add-quality-heading-text small{color:#c1440e;font-size:11px;font-weight:700;letter-spacing:.11em}.add-quality-heading-text h1{margin:7px 0 0;font-size:24px;font-weight:700;color:#1a1c23;line-height:1.3}.add-quality-heading-text p{margin:5px 0 0;color:#7d7a73;font-size:13.5px}.quality-count-stat-card{display:inline-flex;align-items:center;gap:12px;padding:10px 18px;background:#fff;border:1px solid #dcd7cc;border-radius:12px;cursor:pointer;box-shadow:0 4px 12px #0000000a;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none;color:#3b4a7a;flex-shrink:0;white-space:nowrap;margin-left:auto}.form-section-card{background:#fff;border:1px solid #e9e4d9;border-radius:14px;padding:22px;margin-bottom:24px;box-shadow:0 4px 18px #372d1e08}.section-header{display:flex;align-items:center;gap:12px;padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid #f0ece4}.section-badge{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#3b4a7a;color:#fff;font-size:13px;font-weight:700;flex-shrink:0}.section-header h2{font-size:15.5px;font-weight:700;margin:0;color:#232323;letter-spacing:.01em}.section-header p{margin:3px 0 0;color:#8b887f;font-size:12px}.fields-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.fields-grid.two-cols{grid-template-columns:1fr 1fr}.fields-grid .span-full{grid-column:1 / -1}.form-group label{display:flex;align-items:center;gap:4px;margin-bottom:7px;color:#575650;font-size:12.5px;font-weight:600}.form-group label b{color:#c1440e;margin-left:2px}.badge-auto{margin-left:auto;font-size:10px;font-weight:600;color:#3b4a7a;background:#eef0f7;padding:2px 6px;border-radius:4px}.badge-unique{margin-left:auto;font-size:10px;font-weight:600;color:#c1440e;background:#fef1e8;padding:2px 6px;border-radius:4px}.badge-counter{margin-left:auto;font-size:11px;font-weight:600;color:#3b4a7a;background:#f0f3fa;padding:2px 8px;border-radius:4px}.form-control{width:100%;min-height:42px;border:1px solid #dedad0;border-radius:8px;outline:none;background:#fff;color:#232323;padding:9px 12px;font:inherit;font-size:13.5px;transition:all .15s ease}.form-control:focus{border-color:#3b4a7a;box-shadow:0 0 0 3px #3b4a7a1a}.form-control.input-error{border-color:#c1440e;background:snow}.form-control.readonly-input{background:#faf9f6;font-family:inherit;font-weight:600;color:#3b4a7a;cursor:default}.field-hint.error{color:#c1440e;font-weight:500}.input-affixed-wrap{position:relative;display:flex;align-items:center;width:100%}.input-affixed-wrap .affix-padding-left{padding-left:54px}.input-affixed-wrap .affix-padding-right{padding-right:68px}.affix-pill{position:absolute;top:50%;transform:translateY(-50%);background:#f0f3fa;color:#3b4a7a;font-weight:700;font-size:11px;padding:4px 8px;border-radius:6px;pointer-events:none;letter-spacing:.03em;border:1px solid #d9e1f2}.affix-pill.affix-left{left:8px}.affix-pill.affix-right{right:8px}.label-with-toggle{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.as-per-design-toggle{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:#3b4a7a;cursor:pointer;-webkit-user-select:none;user-select:none;margin:0!important}.as-per-design-toggle input[type=checkbox]{cursor:pointer;accent-color:#3b4a7a;width:14px;height:14px}.priority-tags-card{background:#fdfbf7;border:1px solid #e6e0d4;border-radius:10px;padding:14px}.priority-tags-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.priority-tags-body{margin-top:6px}.priority-pill-item{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:20px;background:#fff;border:1px solid #d9d4c7;color:#4a473f;font-size:12px;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s ease}.priority-pill-item:hover{border-color:#c1440e;color:#c1440e;background:#fff9f5}.priority-pill-item.selected{background:#c1440e;border-color:#c1440e;color:#fff;box-shadow:0 2px 6px #c1440e40}.priority-tags-empty-hint{font-size:12px;color:#8b887f;font-style:italic;padding:6px 0}.pill-selector-wrap{border:1px solid #dedad0;border-radius:10px;padding:12px;background:#fbfaf8}.pills-container{display:flex;flex-wrap:wrap;gap:7px;max-height:140px;overflow-y:auto}.pill-item{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:20px;background:#fff;border:1px solid #e0dcd4;color:#555;font-size:12px;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s ease}.pill-item:hover{border-color:#3b4a7a;color:#3b4a7a}.pill-item.selected{background:#3b4a7a;border-color:#3b4a7a;color:#fff;font-weight:600}.btn-open-fabric-use{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;background:#3b4a7a;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease}.btn-open-fabric-use:hover{background:#2b3658}.selected-use-chips-wrap{display:flex;flex-wrap:wrap;gap:8px;min-height:42px;padding:10px 12px;background:#faf9f6;border:1px dashed #dedad0;border-radius:9px;align-items:center}.selected-use-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 12px;background:#fff;border:1px solid #c8d0e7;color:#2b3658;font-size:12px;font-weight:600;border-radius:16px;box-shadow:0 1px 3px #0000000a}.selected-use-chip button{background:transparent;border:none;color:#8b887f;cursor:pointer;padding:0 2px;font-size:11px;display:flex;align-items:center}.selected-use-chip button:hover{color:#c1440e}.selected-use-empty{font-size:12.5px;color:#9a968c;font-style:italic}.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.media-box{background:#fbfaf8;border:1px solid #dedad0;border-radius:10px;padding:16px}.media-box-title{font-size:13.5px;font-weight:700;color:#232323;margin-bottom:4px}.media-box-desc{font-size:11.5px;color:#8b887f;margin-bottom:12px}.upload-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:20px 14px;border:1.5px dashed #dedad0;border-radius:8px;background:#fff;color:#7d7a73;font-size:12.5px;cursor:pointer;transition:all .15s ease;text-align:center}.upload-dropzone:hover{border-color:#3b4a7a;color:#3b4a7a;background:#f8f9fc}.upload-progress-banner{display:flex;align-items:center;gap:8px;background:#eef2fa;color:#2b3658;border:1px solid #c8d0e7;padding:10px 14px;border-radius:8px;margin-bottom:14px;font-size:13px;font-weight:600}.image-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;margin-top:12px}.image-thumb-card{position:relative;width:100%;aspect-ratio:1;border-radius:7px;overflow:hidden;border:1px solid #dedad0}.image-thumb-card img{width:100%;height:100%;object-fit:cover}.btn-remove-thumb{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:#232323d9;color:#fff;border:0;cursor:pointer;display:grid;place-items:center;padding:0}.video-preview-wrap{position:relative;margin-top:12px;border-radius:8px;overflow:hidden;border:1px solid #dedad0;background:#000}.video-preview-wrap video{width:100%;max-height:200px;display:block}.form-submit-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:30px;padding:20px;background:#fff;border:1px solid #e9e4d9;border-radius:14px}.form-submit-bar .error-msg{color:#c1440e;font-size:13px;font-weight:600}.form-submit-bar .success-msg{color:#26734d;font-size:13px;font-weight:600}.submit-buttons{display:flex;gap:10px}.btn-primary-save{display:flex;align-items:center;gap:7px;min-height:44px;padding:0 24px;background:#232323;color:#fff;border:0;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease}.btn-primary-save:hover:not(:disabled){background:#3b4a7a}.btn-primary-save:disabled{opacity:.55;cursor:not-allowed}.btn-cancel{min-height:44px;padding:0 20px;background:transparent;color:#232323;border:1px solid #dedad0;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer}.fabric-use-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#12141da6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.fabric-use-modal-dialog{background:#fff;border-radius:16px;width:100%;max-width:880px;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 20px 50px #00000040;border:1px solid #dedad0;overflow:hidden}.fabric-use-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #eee9df;background:#faf8f4}.fabric-use-modal-header h3{margin:0;font-size:17px;font-weight:700;color:#1a1c23}.fabric-use-modal-close{background:transparent;border:none;font-size:20px;color:#8b887f;cursor:pointer;padding:4px 8px;border-radius:6px}.fabric-use-modal-close:hover{background:#eee9df;color:#232323}.fabric-use-search-bar{padding:12px 24px;border-bottom:1px solid #eee9df;background:#fff}.fabric-use-search-bar input{width:100%;min-height:40px;border:1px solid #dedad0;border-radius:8px;padding:8px 14px;font-size:13.5px;outline:none}.fabric-use-search-bar input:focus{border-color:#3b4a7a;box-shadow:0 0 0 3px #3b4a7a1a}.fabric-use-section-tabs{display:flex;gap:8px;padding:10px 24px;background:#f7f5f0;border-bottom:1px solid #eee9df;overflow-x:auto}.fabric-use-tab-btn{padding:7px 14px;border:1px solid #dedad0;background:#fff;border-radius:20px;font-size:12px;font-weight:600;color:#575650;cursor:pointer;white-space:nowrap;transition:all .15s ease}.fabric-use-tab-btn:hover{border-color:#3b4a7a;color:#3b4a7a}.fabric-use-tab-btn.active{background:#3b4a7a;color:#fff;border-color:#3b4a7a}.fabric-use-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.fabric-use-group-title{font-size:12.5px;font-weight:700;color:#3b4a7a;margin:16px 0 8px;letter-spacing:.04em}.fabric-use-group-title:first-child{margin-top:0}.fabric-use-pills-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.fabric-use-pill{padding:6px 13px;border-radius:20px;background:#faf8f4;border:1px solid #dedad0;color:#4a463f;font-size:12.5px;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s ease}.fabric-use-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;border-top:1px solid #eee9df;background:#faf8f4;gap:16px;flex-wrap:wrap}.footer-left{display:flex;align-items:center;gap:12px}.selected-counter-chip{font-size:12.5px;color:#3b4a7a;background:#eef2fa;padding:5px 12px;border-radius:14px;border:1px solid #d4def2}.btn-use-clear{background:transparent;border:1px solid #dedad0;color:#77746c;padding:7px 14px;border-radius:8px;font-size:12.5px;cursor:pointer}.btn-use-clear:hover:not(:disabled){background:#fff;color:#c1440e;border-color:#c1440e}.btn-use-clear:disabled{opacity:.5;cursor:not-allowed}.footer-wizard-buttons{display:flex;align-items:center;gap:10px}.btn-wizard-nav{background:#fff;border:1px solid #dedad0;color:#34322e;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-wizard-nav:hover:not(:disabled){border-color:#3b4a7a;color:#3b4a7a}.btn-wizard-nav:disabled{opacity:.4;cursor:not-allowed}.btn-wizard-nav.next-btn{background:#f3f5fa;color:#3b4a7a;border-color:#c5d0eb}.btn-wizard-nav.next-btn:hover{background:#e5ecfb}.btn-use-done{background:#3b4a7a;color:#fff;border:none;padding:8px 22px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s ease}.btn-use-done:hover{background:#2b3658}.save-success-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#12141db3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out}.save-success-modal-dialog{background:#fff;border-radius:18px;padding:32px 28px;max-width:480px;width:100%;text-align:center;box-shadow:0 24px 60px #00000040;border:1px solid #dedad0;animation:scaleUp .25s cubic-bezier(.16,1,.3,1)}.save-success-icon-wrap{width:68px;height:68px;background:#edf8f1;color:#26734d;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;border:2px solid #b7e3cb}.save-success-modal-dialog h2{font-size:21px;font-weight:700;color:#1a1c23;margin:0 0 10px}.save-success-modal-dialog p{font-size:14px;color:#63615b;line-height:1.5;margin:0 0 24px}.save-success-actions{display:flex;gap:12px;justify-content:center}.btn-view-quality{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;background:#3b4a7a;color:#fff;border:none;border-radius:8px;font-size:13.5px;font-weight:600;cursor:pointer;transition:background .15s ease}.btn-view-quality:hover{background:#2b3658}.btn-add-another{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;background:#f5f3ed;color:#232323;border:1px solid #dcd7cc;border-radius:8px;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-add-another:hover{background:#eae6dc;border-color:#c5bfae}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 860px){.media-grid,.fields-grid.two-cols{grid-template-columns:1fr}}@media (max-width: 620px){.add-quality-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.quality-count-stat-card{margin-left:auto;flex-shrink:0}.form-section-card{padding:16px}.fields-grid{grid-template-columns:1fr}.form-submit-bar{flex-direction:column;align-items:stretch}.submit-buttons{flex-direction:column}.btn-primary-save,.btn-cancel{width:100%;justify-content:center}.save-success-actions{flex-direction:column}.btn-view-quality,.btn-add-another{width:100%;justify-content:center}.fabric-use-modal-footer{flex-direction:column;align-items:stretch}.footer-left,.footer-wizard-buttons{justify-content:space-between}.btn-wizard-nav,.btn-use-done{flex:1;text-align:center;justify-content:center}}.fabric-use-modal-dialog{max-width:1120px;height:min(860px,90dvh);max-height:90dvh}.fabric-use-modal-header{padding:22px 26px;flex-shrink:0}.use-eyebrow{display:block;color:#8b7963;font-size:10px;font-weight:700;letter-spacing:.1em;margin-bottom:6px}.fabric-use-modal-header h3{font-size:23px;letter-spacing:-.5px}.fabric-use-modal-header p{margin:6px 0 0;color:#827b70;font-size:12px}.fabric-use-modal-close{width:36px;height:36px;border:1px solid #e1ddd5;background:#fff;flex-shrink:0}.fabric-use-search-bar{display:flex;align-items:center;gap:10px;flex-shrink:0;color:#8c877e}.fabric-use-search-bar input{border:0;box-shadow:none;padding-left:0;min-width:0}.fabric-use-search-bar button,.use-empty-state button{border:0;background:#eef1f8;color:#3b4a7a;padding:8px 12px;border-radius:7px;cursor:pointer}.fabric-use-workspace{display:grid;grid-template-columns:260px minmax(0,1fr);flex:1;min-height:0;overflow:hidden}.fabric-use-category-list{overflow-y:auto;padding:16px 12px;background:#faf9f6;border-right:1px solid #eee9df}.use-category-label{display:flex;justify-content:space-between;padding:0 10px 12px;color:#928b7f;font-size:11px}.use-category-button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;padding:11px 12px;margin-bottom:3px;text-align:left;border:1px solid transparent;border-radius:8px;background:transparent;color:#696459;font:inherit;font-size:12px;line-height:1.45;cursor:pointer}.use-category-button:hover{background:#f0ede7}.use-category-button.active{background:#e9edf6;border-color:#d9e0ef;color:#344572;font-weight:650}.use-category-button b{padding:1px 6px;border-radius:5px;background:#3b4a7a;color:#fff;font-size:10px}.fabric-use-modal-body{min-width:0;min-height:0;padding:24px;overscroll-behavior:contain}.use-results-heading{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:22px}.use-results-heading h4{margin:0;font-size:17px;color:#292b32}.use-results-heading>span{color:#9b9488;font-size:11px;white-space:nowrap}.use-option-group{margin-bottom:24px}.fabric-use-group-title{display:flex;gap:8px;align-items:center;color:#746c60;font-size:11px;letter-spacing:0;margin-bottom:11px}.fabric-use-group-title span{font-size:10px;color:#a29a8d}.fabric-use-pills-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.fabric-use-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;background:#fff;border:1px solid #dedad0;color:#3c3933;font-size:12.5px;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s ease;line-height:1.4}.fabric-use-pill:hover{border-color:#3b4a7a;background:#f0f3fa}.fabric-use-pill.selected{background:#3b4a7a;color:#fff;border-color:#3b4a7a;font-weight:600}.use-option-check{display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;margin-right:2px}.selected .use-option-check{color:#fff}.use-search-section-title{color:#3b4a7a;font-size:13px;margin:20px 0 15px}.use-empty-state{text-align:center;padding:48px 12px;color:#928b7f}.use-empty-state h4{color:#4b4944;margin-bottom:8px}.use-empty-state p{font-size:12px}.use-selection-tray{display:flex;align-items:baseline;gap:12px;padding:12px 24px;border-top:1px solid #eee9df;flex-shrink:0}.use-selection-tray>span{color:#898174;font-size:11px}.use-selection-tray>div{display:flex;flex-wrap:wrap;gap:6px;max-height:75px;overflow-y:auto}.use-selection-tray button{display:flex;align-items:center;gap:10px;padding:5px 9px;border:1px solid #dce2ef;border-radius:6px;color:#3b4a7a;background:#f3f5fa;font-size:11px;cursor:pointer}.fabric-use-modal-footer{flex-shrink:0}.fabric-use-modal-dialog button:focus-visible{outline:2px solid #3b4a7a;outline-offset:2px}.supplier-cards-stack{display:flex;flex-direction:column;gap:14px}.supplier-entry-card{background:#fdfcfb;border:1px solid #e7e3da;border-radius:10px;padding:16px;box-shadow:0 1px 3px #00000005;transition:border-color .15s ease}.supplier-entry-card:hover{border-color:#c9c3b5}.supplier-entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:8px;border-bottom:1px dashed #dedad0}.supplier-entry-title{font-size:13px;font-weight:700;color:#2b3658}.btn-remove-supplier{display:inline-flex;align-items:center;gap:5px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:4px 10px;border-radius:6px;font-size:11.5px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-remove-supplier:hover{background:#fee2e2;color:#991b1b}.add-supplier-action-footer{display:flex;align-items:center;gap:14px;margin-top:10px;padding-top:12px;border-top:1px dashed #e7e3da;flex-wrap:wrap}.btn-add-supplier-bottom,.btn-add-supplier-top{display:inline-flex;align-items:center;gap:6px;background:#f5f3ed;border:1px solid #dedad0;color:#3b4a7a;padding:7px 14px;border-radius:7px;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-add-supplier-bottom:hover,.btn-add-supplier-top:hover{background:#eae6dc;border-color:#3b4a7a}.add-supplier-subtext{font-size:12px;color:#7d7a73}.btn-wizard-nav.prev-btn{background:#fff;color:#555046;border-color:#dedad0}.btn-wizard-nav.prev-btn:hover:not(:disabled){background:#f7f5f0;color:#232323}@media (max-width: 700px){.fabric-use-modal-overlay{padding:10px}.fabric-use-modal-dialog{height:94dvh;max-height:94dvh;border-radius:12px}.fabric-use-modal-header{padding:16px}.fabric-use-modal-header h3{font-size:20px}.fabric-use-search-bar{padding:8px 16px}.fabric-use-workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.fabric-use-category-list{display:flex;gap:6px;padding:10px;overflow-x:auto;border-right:0;border-bottom:1px solid #eee9df}.use-category-label{display:none}.use-category-button{width:auto;flex-shrink:0;max-width:210px;margin:0;font-size:11px;padding:8px 10px}.fabric-use-modal-body{padding:16px}.use-selection-tray{padding:10px 16px}.fabric-use-modal-footer{padding:12px 16px;flex-direction:row;gap:8px}.fabric-use-modal-footer .footer-left{gap:6px}.selected-counter-chip{padding:5px 8px;font-size:11px}}.supplier-page{max-width:1140px;color:#232323}.supplier-page *{box-sizing:border-box}.supplier-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}.supplier-heading small{color:#c1440e;font-size:11px;font-weight:700;letter-spacing:.11em}.supplier-heading h1{margin:7px 0 0;font-size:24px;font-weight:700;color:#1a1c23;line-height:1.25}.supplier-heading p,.supplier-card p,.supplier-list p{margin:5px 0 0;color:#7d7a73;font-size:13.5px}.supplier-count.clickable-stat-card{display:flex;align-items:center;gap:14px;padding:10px 18px;background:#fff;border:1px solid #e2ddd3;border-radius:12px;color:#3b4a7a;cursor:pointer;box-shadow:0 2px 8px #0000000a;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.supplier-count.clickable-stat-card:hover{border-color:#3b4a7a;background:#f8fafc;transform:translateY(-2px);box-shadow:0 6px 16px #3b4a7a1f}.supplier-count.clickable-stat-card:active{transform:translateY(0)}.supplier-count-info{display:flex;flex-direction:column}.supplier-count-info b{color:#1a1c23;font-size:20px;font-weight:800;line-height:1}.supplier-count-info span{color:#3b4a7a;font-size:11.5px;font-weight:600;margin-top:3px}.supplier-card{padding:24px;margin-bottom:28px;background:#fff;border:1px solid #e9e4d9;border-radius:14px;box-shadow:0 4px 20px #372d1e0a}.supplier-card-title{display:flex;align-items:center;gap:14px;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid #f0ece4}.supplier-card-title>i{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;color:#fff;background:#3b4a7a;font-style:normal;flex-shrink:0}.supplier-card h2,.supplier-list h2{font-size:16px;font-weight:700;margin:0;color:#1a1c23}.btn-cancel-edit{padding:7px 14px;border-radius:7px;border:1px solid #d1cbbe;background:#f4f0e6;color:#575248;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-cancel-edit:hover{background:#e8e2d4;color:#232323}.supplier-form{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}.supplier-form label{display:flex;flex-direction:column}.supplier-form label.full-width{grid-column:1 / -1}.supplier-form label>span{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#4a4843;margin-bottom:7px}.supplier-form label b{color:#c1440e}.badge-auto{background:#fef3ea;color:#c1440e;font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px}.badge-unique{background:#eff6ff;color:#2563eb;font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px}.supplier-form input,.supplier-form select{width:100%;min-height:42px;border:1px solid #dedad0;border-radius:8px;outline:none;background:#fff;color:#232323;padding:9px 12px;font:inherit;font-size:13.5px;transition:all .15s ease}.supplier-form input.readonly-code{background:#faf9f6;font-family:monospace;font-weight:800;color:#c1440e;letter-spacing:.05em;font-size:15px;cursor:default}.supplier-form input:focus,.supplier-form select:focus,.supplier-phone-group:focus-within,.supplier-search:focus-within{border-color:#3b4a7a;box-shadow:0 0 0 3px #3b4a7a1a}.supplier-phone-group{display:flex;align-items:stretch;border:1px solid #dedad0;border-radius:8px;background:#fff;overflow:hidden;min-height:42px}.supplier-country-code-select{border:0!important;border-right:1px solid #dedad0!important;border-radius:0!important;background:#faf8f5!important;color:#3b4a7a!important;font-weight:700!important;font-size:13px!important;padding:0 10px!important;width:135px!important;min-width:135px!important;cursor:pointer;box-shadow:none!important}.supplier-phone-input{border:0!important;border-radius:0!important;box-shadow:none!important;flex:1;padding:9px 12px!important}.agency-select-wrap{display:flex;gap:8px;align-items:center}.agency-select-wrap>:first-child{flex:1}.btn-add-agency-link{display:inline-flex;align-items:center;gap:5px;min-height:42px;padding:0 14px;background:#f4f2eb;border:1px solid #dedad0;border-radius:8px;color:#3b4a7a;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .15s ease}.btn-add-agency-link:hover{background:#3b4a7a;color:#fff;border-color:#3b4a7a}.supplier-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;padding-top:16px;border-top:1px solid #f0ece4}.supplier-actions .error{color:#c1440e;font-weight:600;font-size:13px}.supplier-actions .success{color:#10b981;font-weight:600;font-size:13px}.submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 24px;background:#3b4a7a;color:#fff;border:0;border-radius:9px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #3b4a7a38;transition:all .15s ease}.submit-btn:hover:not(:disabled){background:#2b3658;transform:translateY(-1px);box-shadow:0 4px 14px #3b4a7a4d}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.supplier-list{background:#fff;border:1px solid #e9e4d9;border-radius:14px;box-shadow:0 4px 20px #372d1e0a;overflow:visible}.supplier-list-title{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid #f0ece4}.supplier-search{display:flex;align-items:center;gap:10px;padding:0 14px;min-height:40px;border:1px solid #dedad0;border-radius:8px;background:#faf8f5;width:320px;max-width:100%;transition:all .15s ease}.supplier-search:focus-within{border-color:#3b4a7a;background:#fff;box-shadow:0 0 0 3px #3b4a7a1f}.supplier-search input,.supplier-search input:focus{border:0!important;background:transparent!important;outline:none!important;box-shadow:none!important;font:inherit;font-size:13.5px;width:100%;color:#232323}.supplier-table{width:100%;overflow-x:auto;min-height:280px}.supplier-row{display:grid;grid-template-columns:2fr 75px 1.2fr 1fr 1.1fr 1.1fr .9fr 44px;align-items:center;gap:14px;min-height:68px;padding:12px 24px;border-bottom:1px solid #f0ece4;font-size:13px;transition:background .12s ease}.supplier-row.supplier-th{min-height:42px;background:#faf9f6;color:#7d7a73;font-size:11px;font-weight:700;letter-spacing:.03em;border-bottom:1px solid #e8e3d8}.supplier-row-clickable{cursor:pointer}.supplier-row-clickable:hover{background:#f8fafc}.supplier-row.has-open-menu{position:relative;z-index:50}.supplier-cell-name{display:flex;align-items:center;gap:12px;min-width:0}.supplier-avatar-pill{width:38px;height:38px;border-radius:10px;background:#3b4a7a;color:#fff;display:grid;place-items:center;font-weight:800;font-size:14px;flex-shrink:0}.supplier-name-col{display:flex;flex-direction:column;min-width:0}.supplier-name-col b{font-size:14px;color:#1a1c23;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.supplier-badge-subtitle{font-size:11.5px;color:#7d7a73;margin-top:1px}.supplier-view-hint{font-size:11.5px;color:#716e65;font-weight:500;margin-top:2px}.supplier-row-clickable:hover .supplier-view-hint{color:#3b4a7a}.supplier-code-badge{font-family:monospace;font-size:13px;font-weight:800;background:#fef3ea;color:#c1440e;padding:4px 8px;border-radius:6px;display:inline-block;text-align:center;border:1px solid #fed7aa}.supplier-code-badge.large{font-size:15px;padding:5px 10px}.supplier-gst-val{font-family:monospace;font-size:12.5px;color:#374151;background:#f3f4f6;padding:4px 8px;border-radius:5px;display:inline-block;font-weight:600;letter-spacing:.04em}.supplier-agency-val{font-weight:600;color:#4a4843;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.supplier-profile-cell{display:flex;align-items:center;gap:8px}.profile-mini-bar{flex:1;max-width:80px;height:6px;background:#ede8df;border-radius:4px;overflow:hidden}.profile-mini-fill{height:100%;border-radius:4px;transition:width .3s ease}.profile-mini-text{font-size:11.5px;font-weight:700;color:#64748b;min-width:32px}.supplier-rating-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;padding:4px 8px;border-radius:6px;background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.supplier-rating-badge.low{background:#fef2f2;color:#991b1b;border-color:#fecaca}.supplier-unrated-chip{font-size:11px;color:#94a3b8;font-weight:600}.supplier-status-badge{display:inline-block;padding:4px 9px;border-radius:20px;font-size:11.5px;font-weight:700;text-align:center;white-space:nowrap}.supplier-status-badge.active{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.supplier-status-badge.blacklisted{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.supplier-status-badge.inactive{background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.supplier-action-menu-wrap{position:relative;display:flex;justify-content:flex-end}.supplier-action-btn{width:36px;height:36px;border-radius:9px;border:1px solid #dcd7cc;background:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1;color:#555047;transition:all .15s ease;box-shadow:0 1px 2px #00000008}.supplier-action-btn:hover{background:#f4f0e6;border-color:#3b4a7a;color:#1a1c23;transform:translateY(-1px)}.supplier-action-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:100;min-width:205px;padding:6px;background:#fff;border:1px solid #ddd8ce;border-radius:10px;box-shadow:0 10px 30px #00000026;display:flex;flex-direction:column;gap:3px}.supplier-action-menu.open-up{top:auto;bottom:calc(100% + 6px);box-shadow:0 -10px 30px #00000026}.supplier-action-menu button{display:flex;align-items:center;gap:9px;border:0;background:transparent;text-align:left;padding:10px 14px;border-radius:7px;cursor:pointer;font-size:13px;font-weight:600;color:#232323;transition:all .12s ease}.supplier-action-menu button:hover{background:#edf1fa;color:#3b4a7a;transform:translate(2px)}.supplier-empty{padding:40px 20px;text-align:center;color:#8b887f;font-size:13.5px}.supplier-modal-overlay{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;padding:20px;display:flex;align-items:center;justify-content:center;background:#181612a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.supplier-modal-box{position:relative;width:min(100%,680px);max-height:90vh;overflow-y:auto;padding:28px;border:1px solid #dedad0;border-radius:16px;background:#fff;box-shadow:0 24px 70px #00000040;display:flex;flex-direction:column;gap:20px;animation:modalFadeIn .2s ease-out}.supplier-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:16px;border-bottom:1px solid #f0ece3}.supplier-modal-header-info{display:flex;align-items:center;gap:14px}.supplier-modal-avatar{width:52px;height:52px;border-radius:14px;background:#3b4a7a;color:#fff;display:grid;place-items:center;font-size:20px;font-weight:800;flex-shrink:0}.supplier-modal-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.supplier-modal-title-row h3{margin:0;font-size:20px;font-weight:800;color:#1a1c23}.supplier-modal-close{border:1px solid #ded8cc;background:#faf8f4;width:38px;height:38px;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:#555046;transition:all .18s cubic-bezier(.4,0,.2,1);flex-shrink:0;box-shadow:0 1px 3px #0000000a}.supplier-modal-close:hover{background:#ece6d8;color:#1a1c23;border-color:#c4bcb0;transform:rotate(90deg) scale(1.05)}.supplier-modal-close:active{transform:rotate(90deg) scale(.95)}.supplier-modal-profile-card{padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}.profile-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.profile-card-title{font-size:13px;font-weight:700;color:#334155;margin-right:8px}.profile-card-percentage{font-size:13px;font-weight:800;color:#0f172a}.profile-pill{padding:3px 8px;border-radius:12px;font-size:11px;font-weight:700}.profile-pill.full{background:#ecfdf5;color:#065f46}.profile-pill.partial{background:#fffbeb;color:#b45309}.profile-bar-track{height:8px;width:100%;background:#e2e8f0;border-radius:4px;overflow:hidden}.profile-bar-fill{height:100%;border-radius:4px;transition:width .4s ease}.profile-missing-info{margin-top:10px}.profile-missing-info small{font-size:11.5px;font-weight:700;color:#b45309}.missing-tags-wrap{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.missing-tag{background:#fee2e2;color:#b91c1c;font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px}.supplier-modal-section{display:flex;flex-direction:column;gap:12px}.supplier-modal-section-title{margin:0;font-size:13px;font-weight:700;color:#475569;letter-spacing:.05em;display:flex;align-items:center;gap:7px}.supplier-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.supplier-contact-field{padding:12px 14px;background:#faf9f6;border:1px solid #ede8df;border-radius:10px;display:flex;flex-direction:column;gap:4px}.supplier-contact-field.full-row{grid-column:1 / -1}.supplier-contact-field label{font-size:11px;font-weight:700;color:#8b887f;letter-spacing:.04em}.supplier-contact-field p{margin:0;font-size:14.5px;font-weight:700;color:#1a1c23}.supplier-contact-field p.gst-highlight{font-family:monospace;color:#3b4a7a}.supplier-quick-actions{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.btn-call-supplier,.btn-whatsapp-supplier{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 18px;min-height:38px;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s ease}.btn-call-supplier{background:#3b4a7a;color:#fff;box-shadow:0 2px 6px #3b4a7a33}.btn-call-supplier:hover{background:#2b3658;transform:translateY(-1px)}.btn-whatsapp-supplier{background:#15803d;color:#fff;box-shadow:0 2px 6px #15803d33}.btn-whatsapp-supplier:hover{background:#166534;transform:translateY(-1px)}.supplier-ratings-breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.rating-card-mini{padding:10px 12px;background:#faf9f6;border:1px solid #ede8df;border-radius:8px;display:flex;flex-direction:column;gap:4px}.rating-card-mini.overall{background:#eff6ff;border-color:#bfdbfe}.rating-mini-label{font-size:10.5px;font-weight:700;color:#64748b}.rating-mini-score{font-size:13px;font-weight:800;color:#0f172a}.supplier-agency-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#faf9f6;border:1px solid #ede8df;border-radius:10px}.supplier-agency-avatar{width:44px;height:44px;border-radius:10px;background:#475569;color:#fff;display:grid;place-items:center;font-weight:800;font-size:16px;flex-shrink:0}.supplier-agency-meta{display:flex;flex-direction:column;gap:2px}.supplier-agency-meta b{font-size:15px;color:#1a1c23}.supplier-agency-meta span{font-size:12px;color:#64748b}.section-title-with-count{display:flex;align-items:center;justify-content:space-between}.qualities-count-chip{background:#e0e7ff;color:#3730a3;font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:12px}.no-qualities-box{padding:20px;background:#faf8f5;border:1px dashed #ded8cc;border-radius:10px;text-align:center;color:#8b887f;font-size:13px}.supplier-qualities-cards-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.supplier-quality-card{padding:12px;background:#fff;border:1px solid #e2ddd3;border-radius:10px;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;gap:6px}.supplier-quality-card:hover{border-color:#3b4a7a;background:#f8fafc;transform:translateY(-2px);box-shadow:0 4px 12px #3b4a7a1a}.quality-card-head{display:flex;justify-content:space-between;align-items:center;gap:6px}.quality-code-tag{font-family:monospace;font-size:11px;font-weight:800;color:#3b4a7a;background:#eef2ff;padding:2px 6px;border-radius:4px}.quality-type-tag{font-size:10.5px;color:#64748b;font-weight:600}.quality-name-text{font-size:13px;color:#1a1c23;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quality-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#64748b;margin-top:4px}.quality-card-meta span:last-child,.quality-inspect-link{color:#3b4a7a;font-weight:700;display:inline-flex;align-items:center;gap:3px;transition:all .15s ease}.supplier-quality-card:hover .quality-inspect-link{color:#c1440e;text-decoration:underline}.supplier-modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding-top:18px;border-top:1px solid #f0ece3}.btn-modal-close{min-height:42px;padding:0 20px;border-radius:9px;border:1px solid #d1cbbe;background:#faf8f5;color:#4a4843;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-modal-close:hover{background:#f0ebe0;color:#1a1c23}.btn-modal-edit{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 24px;border-radius:9px;border:0;background:#3b4a7a;color:#fff;font-size:13.5px;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #3b4a7a38;transition:all .15s ease}.btn-modal-edit:hover{background:#2b3658;transform:translateY(-1px)}.agency-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#12141d99;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px 12px}.agency-modal-dialog{background:#fff;border-radius:14px;width:100%;max-width:560px;max-height:92vh;overflow-y:auto;padding:24px;box-shadow:0 16px 40px #00000038;border:1px solid #e2ded5;animation:modalFadeIn .2s ease-out}.agency-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid #eee9df}.agency-modal-header h3{margin:0;font-size:17px;font-weight:700;color:#1a1c23}.agency-modal-close{background:transparent;border:0;color:#8b887f;cursor:pointer;padding:4px;border-radius:6px;display:grid;place-items:center;transition:all .15s ease}.agency-modal-close:hover{background:#f4f2ec;color:#232323}.agency-modal-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.agency-modal-form .full{grid-column:1 / -1}.agency-modal-form label>span{display:flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;color:#575650;margin-bottom:6px}.agency-modal-form label b{color:#c1440e}.agency-modal-form input{width:100%;min-height:40px;border:1px solid #dedad0;border-radius:8px;padding:8px 11px;font:inherit;font-size:13.5px;outline:none;background:#fff}.agency-modal-form input:focus{border-color:#3b4a7a;box-shadow:0 0 0 3px #3b4a7a1a}.agency-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:14px;border-top:1px solid #eee9df}.btn-modal-cancel{padding:9px 18px;font-size:13.5px;font-weight:600;border-radius:8px;cursor:pointer;border:none;background:#f0ece3;color:#575650}.btn-modal-cancel:hover{background:#e4dfd4}.btn-modal-save{padding:9px 20px;font-size:13.5px;font-weight:700;border-radius:8px;cursor:pointer;border:none;background:#3b4a7a;color:#fff}.btn-modal-save:hover{background:#2b3658}@media (max-width: 960px){.supplier-row{grid-template-columns:1.6fr 70px 1.1fr 1fr 1fr 40px}.supplier-row>:nth-child(5),.supplier-row>:nth-child(7){display:none}}@media (max-width: 768px){.supplier-th{display:none}.supplier-row{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:16px;position:relative}.supplier-row>:nth-child(5),.supplier-row>:nth-child(7){display:block}.supplier-action-menu-wrap{position:absolute;top:14px;right:14px}.supplier-form{grid-template-columns:1fr}.supplier-heading{flex-direction:column;align-items:flex-start;gap:14px}.supplier-list-title{flex-direction:column;align-items:stretch;gap:12px}.supplier-search{width:100%}.supplier-actions{flex-direction:column;align-items:stretch}.submit-btn{width:100%}.supplier-modal-box{padding:18px 16px}.supplier-contact-grid{grid-template-columns:1fr}.supplier-ratings-breakdown-grid{grid-template-columns:1fr 1fr}}.list-items-page{max-width:1200px;color:#232323;margin-bottom:50px}.list-items-page *{box-sizing:border-box}.list-items-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;flex-wrap:wrap}.list-items-heading small{color:#c1440e;font-size:11px;font-weight:700;letter-spacing:.11em}.list-items-heading h1{margin:7px 0 0;font-size:25px;font-weight:600}.list-items-heading p{margin:5px 0 0;color:#7d7a73;font-size:13px}.heading-actions{display:flex;gap:10px;align-items:center}.btn-add-quality{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 18px;background:#232323;color:#fff;border:0;border-radius:8px;font-size:13.5px;font-weight:600;cursor:pointer;transition:background .15s ease}.btn-add-quality:hover{background:#3b4a7a}.list-filters-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.search-qualities-box{flex:1 1 280px;display:flex;align-items:center;gap:9px;min-height:42px;padding:0 14px;border:1px solid #dedad0;border-radius:8px;background:#fff;color:#9a968c}.search-qualities-box input,.search-qualities-box input:focus{width:100%;border:0!important;outline:none!important;box-shadow:none!important;font:inherit;font-size:13.5px;background:transparent!important;color:#232323}.select-filter-control{min-height:42px;border:1px solid #dedad0;border-radius:8px;background:#fff;color:#232323;padding:0 14px;font:inherit;font-size:13px;outline:none}.select-filter-control:focus,.search-qualities-box:focus-within{border-color:#3b4a7a;box-shadow:0 0 0 3px #3b4a7a1a}.qualities-count-badge{margin-left:auto;color:#8b887f;font-size:12.5px;font-weight:500}.search-scope-pill{display:flex;align-items:center;gap:8px;background:#fdfbf7;border:1px dashed #e2ded5;border-radius:8px;padding:8px 14px;margin-bottom:14px;font-size:12px;color:#635f58}.search-scope-pill strong{color:#3b4a7a;font-weight:600}.qualities-table-card{background:#fff;border:1px solid #e9e4d9;border-radius:14px;box-shadow:0 6px 22px #372d1e0a}.table-scroll-wrap{overflow-x:auto;min-height:280px;padding-bottom:70px}.qualities-table{width:100%;border-collapse:collapse;text-align:left}.qualities-table th{padding:13px 14px;font-size:11px;letter-spacing:.04em;color:#8b887f;font-weight:700;white-space:nowrap;background:#faf9f6;border-bottom:1px solid #eee9dd}.qualities-table td{padding:13px 14px;font-size:13px;color:#232323;white-space:nowrap;border-top:1px solid #f0ece4;vertical-align:middle}.quality-table-row{cursor:pointer;transition:background .15s ease}.quality-table-row:hover{background:#fbfaf8}.group-chip{display:inline-flex;align-items:center;padding:4px 9px;border-radius:6px;font-size:11.5px;font-weight:600;background:#eef0f7;color:#3b4a7a}.name-cell{display:flex;align-items:center;gap:12px;min-width:200px}.name-cell img{width:44px;height:44px;border-radius:8px;object-fit:cover;border:1px solid #e0dcd4;background:#eee;flex-shrink:0}.name-cell strong{font-weight:600;color:#232323;font-size:13.5px}.sortable-heading-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;padding:0;font:inherit;color:inherit;font-size:11px;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:color .15s ease}.sortable-heading-btn:hover,.sortable-heading-btn.active{color:#3b4a7a}.sortable-heading-btn .sort-icon{font-size:10px;color:#8b887f}.sortable-heading-btn.active .sort-icon{color:#3b4a7a}.code-chip{font-family:monospace;font-weight:800;font-size:15px;padding:6px 12px;border-radius:8px;background:#fef3ea;color:#c1440e;border:1px solid #fcdcc6;letter-spacing:.04em;display:inline-block}.price-val{font-weight:700;color:#232323;font-size:13.5px}.moq-chip{display:inline-block;padding:3px 8px;border-radius:6px;background:#f4f2eb;color:#555;font-size:12px;font-weight:500}.fiber-val{color:#4a4843;font-weight:500}.table-pagination-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;color:#7d7a73;font-size:12.5px;border-top:1px solid #eee9dd;background:#fff}.pagination-buttons{display:flex;gap:8px}.btn-page{min-height:34px;padding:0 14px;border:1px solid #dedad0;border-radius:6px;background:#fff;color:#232323;font:inherit;font-size:12.5px;font-weight:500;cursor:pointer}.btn-page:hover:not(:disabled){border-color:#3b4a7a;color:#3b4a7a}.btn-page:disabled{opacity:.45;cursor:not-allowed}.empty-table-box{padding:56px 24px;text-align:center;color:#8b887f}.empty-table-box h3{font-size:16px;font-weight:600;color:#232323;margin:12px 0 6px}.empty-table-box p{margin:0 auto 16px;max-width:420px;font-size:13px}.sortable-heading{border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;cursor:pointer;padding:0;text-align:left}.code-chip{font-size:15px!important;font-weight:800!important}.btn-row-action-dots{background:#f4f2ec;border:1px solid #ded8cb;border-radius:6px;color:#3b4a7a;font-size:15px;font-weight:900;letter-spacing:1px;width:32px;height:28px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.btn-row-action-dots:hover{background:#e6e0d2;border-color:#3b4a7a}.row-action-menu-wrap{position:relative;display:inline-block}.row-action-dropdown{position:absolute;right:0;top:100%;margin-top:6px;background:#fff;border:1px solid #dedad0;border-radius:10px;box-shadow:0 10px 30px #231e1426;min-width:175px;z-index:1000;padding:6px 0;text-align:left;animation:fadeIn .15s ease}.row-action-dropdown.open-up{top:auto;bottom:100%;margin-top:0;margin-bottom:6px;box-shadow:0 -10px 30px #231e1426}.dropdown-action-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 14px;border:none;background:none;font-size:12.5px;font-weight:600;color:#2b2b2b;cursor:pointer;transition:background .12s ease}.dropdown-action-item:hover{background:#f6f4ee;color:#3b4a7a}.dropdown-action-item.is-blacklist{color:#c1440e}.dropdown-action-item.is-blacklist:hover{background:#fef2eb}.dropdown-action-item.is-unblacklist{color:#15803d}.dropdown-action-item.highlight-supplier{color:#1d4ed8;border-top:1px solid #f0ece3;margin-top:4px;padding-top:9px}.dropdown-action-item.highlight-supplier:hover{background:#eff6ff}.name-text-wrap{display:flex;flex-direction:column;gap:3px}.row-meta-flags{display:flex;gap:5px}.flag-pill{font-size:10px;font-weight:700;padding:1px 6px;border-radius:4px;display:inline-block}.flag-pill.inactive{background:#fee2e2;color:#b91c1c}.flag-pill.blacklist{background:#fef3c7;color:#b45309}.is-row-inactive{opacity:.75;background:#faf8f5!important}.is-row-blacklisted{border-left:3px solid #d97706}.floating-toast-alert{position:fixed;top:76px;right:28px;background:#1f2937;color:#fff;padding:10px 18px;border-radius:8px;font-size:13px;font-weight:600;box-shadow:0 8px 24px #0003;z-index:9999;animation:fadeIn .2s ease}.supplier-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#121418b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.supplier-modal-dialog{background:#fff;border-radius:14px;max-width:580px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0000004d}.supplier-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #f0ece3}.supplier-modal-header small{color:#c1440e;font-size:11px;font-weight:700;letter-spacing:.08em}.supplier-modal-header h3{margin:3px 0 0;font-size:17px;font-weight:700;color:#1f2937}.supplier-modal-header .code-tag{color:#3b4a7a;font-weight:800}.supplier-modal-close{background:#f4f2eb;border:none;width:28px;height:28px;border-radius:50%;color:#635f58;cursor:pointer;display:grid;place-items:center}.supplier-modal-form{padding:20px 22px}.current-supplier-box{background:#fbf9f5;border:1px solid #ece6da;border-radius:8px;padding:10px 14px;margin-bottom:16px}.current-box-title{font-size:11px;font-weight:700;color:#8b887f;margin-bottom:4px}.current-box-row{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#232323;flex-wrap:wrap}.supplier-code-badge{color:#3b4a7a;font-weight:700}.purchase-rate-badge{background:#eef8f0;color:#166534;font-size:11.5px;font-weight:700;padding:2px 7px;border-radius:4px;margin-left:auto}.supplier-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.supplier-modal-grid .span-full{grid-column:1 / -1}.form-item{display:flex;flex-direction:column}.form-item label{font-size:12px;font-weight:600;color:#59554d;margin-bottom:5px}.form-item input{min-height:38px;border:1px solid #dedad0;border-radius:7px;padding:0 10px;font-size:13px;color:#232323;outline:none}.form-item input:focus{border-color:#3b4a7a;box-shadow:0 0 0 2px #3b4a7a1a}.supplier-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:14px;border-top:1px solid #f0ece3}.btn-supplier-cancel{background:#fff;border:1px solid #dedad0;border-radius:7px;padding:8px 16px;font-size:13px;font-weight:600;color:#59554d;cursor:pointer}.btn-supplier-save{background:#3b4a7a;color:#fff;border:none;border-radius:7px;padding:8px 18px;font-size:13px;font-weight:700;cursor:pointer}.btn-supplier-save:disabled{background:#a3a099;cursor:not-allowed}.modal-alert-msg{padding:8px 12px;border-radius:6px;font-size:12.5px;font-weight:600;margin-bottom:12px}.modal-alert-msg.success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.modal-alert-msg.error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}@media (max-width: 640px){.list-items-heading{flex-direction:column;align-items:flex-start;gap:14px}.heading-actions{width:100%}.btn-add-quality{width:100%;justify-content:center}.list-filters-bar{flex-direction:column;align-items:stretch;gap:10px}.search-qualities-box,.select-filter-control{width:100%}.qualities-count-badge{margin-left:0;text-align:right}.table-pagination-bar{flex-direction:column;gap:12px;align-items:stretch;text-align:center}.pagination-buttons{justify-content:center}.table-scroll-wrap{-webkit-overflow-scrolling:touch}.supplier-modal-grid{grid-template-columns:1fr}}.product-detail-page{color:#232323}.public-product-detail{min-height:100vh;background:#f7f5f0}.public-product-header{min-height:76px;padding:10px clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3dccf;background:#fffdfa}.public-product-header img{display:block;max-width:150px;max-height:48px;object-fit:contain}.public-product-header span{color:#8b6a2b;font:italic 14px Georgia,serif}.product-detail-shell{width:min(1100px,calc(100% - 40px));margin:0 auto;padding:24px 0 76px}.product-breadcrumb{margin:0 0 20px;color:#8e887c;font-size:12px}.product-detail-hero{display:grid;grid-template-columns:minmax(320px,1fr) minmax(360px,1.15fr);gap:clamp(28px,5vw,56px);align-items:start}.product-media-column{margin-top:0;padding-top:0}.product-main-image{position:relative;aspect-ratio:1.1;overflow:hidden;border:1px solid #e2dad0;border-radius:14px;background:#eee9dd;box-shadow:0 8px 24px #231e140d}.product-main-image img{width:100%;height:100%;display:block;object-fit:cover}.product-main-video{width:100%;height:100%;object-fit:contain;background:#000;display:block}.media-stage-badge{position:absolute;bottom:12px;left:12px;background:#181a20d9;color:#fff;font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.media-categories-panel{display:flex;flex-direction:column;gap:14px;margin-top:14px}.media-group-section{background:#fff;border:1px solid #ede8df;border-radius:10px;padding:10px 12px}.media-group-label{display:block;font-size:11.5px;font-weight:700;letter-spacing:.04em;color:#7d7a73;margin-bottom:8px}.media-group-thumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.thumb-btn{width:62px;height:62px;padding:0;overflow:hidden;border:2px solid transparent;border-radius:8px;background:#f0ece4;cursor:pointer;position:relative;transition:all .15s ease;flex-shrink:0}.thumb-btn:hover{border-color:#3b4a7a;transform:scale(1.04)}.thumb-btn.active{border-color:#3b4a7a;box-shadow:0 0 0 2px #3b4a7a40}.thumb-btn img{width:100%;height:100%;object-fit:cover;display:block}.video-thumb-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#232323;color:#fff}.video-play-badge{font-size:16px;color:#c1440e;margin-bottom:2px}.video-thumb-label{font-size:9.5px;font-weight:700;letter-spacing:.05em;color:#e0dcd4}.folder-thumb-btn{width:72px;height:72px}.thumb-item-code{position:absolute;bottom:0;left:0;right:0;background:#000000bf;color:#fff;font-size:9px;font-weight:700;text-align:center;padding:2px 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-information-column{margin-top:0;padding-top:0}.quality-group-header-pill{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;background:#eef0f7;color:#3b4a7a;padding:4px 10px;border-radius:6px;margin-bottom:8px}.product-title-heading{margin:0 0 14px;color:#1f242e;font-size:clamp(22px,3vw,30px);font-weight:700;line-height:1.25}.product-title-code{font-family:monospace;font-size:.85em;font-weight:800;color:#c1440e;margin-left:6px}.product-update-card{display:flex;flex-wrap:wrap;gap:16px;padding:8px 12px;background:#faf9f6;border:1px solid #ebe6dc;border-radius:8px;margin-bottom:18px;font-size:12px;color:#6e6a62}.update-info-item{display:flex;align-items:center;gap:6px}.update-label{font-weight:600;color:#8b887f}.update-value{font-weight:700;color:#232323}.product-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:22px;align-items:stretch}@media (max-width: 600px){.product-actions-grid{grid-template-columns:1fr}}.btn-product-action{min-height:44px;height:44px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;text-decoration:none;border:0;transition:all .15s ease;text-align:center;white-space:nowrap}.detail-top-nav-bar{display:flex;align-items:center;margin-bottom:16px}.btn-detail-back{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1.5px solid #ded8cb;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700;color:#3b4a7a;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 3px #00000008}.btn-detail-back:hover{background:#f4f0e6;border-color:#3b4a7a;transform:translate(-2px)}.btn-edit-quality-action{background:#3b4a7a;color:#fff}.btn-edit-quality-action:hover{background:#2b375b}.btn-whatsapp-pdf{background:#25d366;color:#fff}.btn-whatsapp-pdf:hover{background:#20ba59}.btn-view-items-action{background:#eef2f9;color:#3b4a7a;border:1px solid #d8e2f3}.btn-view-items-action:hover{background:#e0e8f6}.btn-supplier-details{background:#1e293b;color:#fff}.btn-supplier-details:hover{background:#334155}.detail-specs-tabs-header{display:flex;align-items:center;gap:12px;margin:0 0 16px;border-bottom:2px solid #e5e0d5}.spec-tab-switch-btn{background:transparent;border:none;border-bottom:3px solid transparent;padding:10px 16px;font-size:15px;font-weight:700;color:#78746c;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .15s ease;margin-bottom:-2px}.spec-tab-switch-btn:hover{color:#1f2937}.spec-tab-switch-btn.active{color:#3b4a7a;border-bottom-color:#3b4a7a}.spec-tab-switch-btn.admin-tab{color:#6366f1}.spec-tab-switch-btn.admin-tab.active{color:#4f46e5;border-bottom-color:#4f46e5}.spec-tab-admin-badge{background:#ede9fe;color:#6d28d9;font-size:10px;font-weight:800;padding:2px 7px;border-radius:999px;letter-spacing:.05em}.supplier-specs-panel{background:#fdfcf9;border:1px solid #e9e4d8;border-radius:12px;padding:18px;margin-bottom:24px}.supplier-tab-actions{display:flex;justify-content:flex-end;margin-top:14px}.btn-edit-supplier-details{display:inline-flex;align-items:center;gap:6px;background:#3b4a7a;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .15s ease}.btn-edit-supplier-details:hover{background:#2b375b}.product-attributes{display:grid;grid-template-columns:1fr 1fr;margin:0 0 25px;border-top:1px solid #ddd5c8}.product-attributes div{padding:10px 8px 10px 0;border-bottom:1px solid #ede8df}.product-attributes dt{margin-bottom:3px;color:#8b887f;font-size:11px;font-weight:700;letter-spacing:.04em}.product-attributes dd{margin:0;color:#232323;font-size:13.5px;font-weight:600}.similar-products-container{margin-top:48px;display:flex;flex-direction:column;gap:18px}.similar-header-wrap{display:flex;flex-direction:column;gap:12px;border-bottom:1px solid #e8e2d6;padding-bottom:14px}.similar-title-row{display:flex;align-items:center;justify-content:space-between}.similar-title-row h2{margin:0;font-size:20px;font-weight:700;color:#232323}.similar-total-badge{font-size:12px;font-weight:700;color:#3b4a7a;background:#eef0f7;padding:4px 12px;border-radius:999px}.similar-tabs-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.similar-tab-btn{background:#fff;border:1px solid #ded8cb;border-radius:8px;padding:6px 14px;font-size:12.5px;font-weight:600;color:#555149;cursor:pointer;transition:all .15s ease}.similar-tab-btn:hover{border-color:#3b4a7a;color:#3b4a7a;background:#fbfbf9}.similar-tab-btn.active{background:#3b4a7a;color:#fff;border-color:#3b4a7a;box-shadow:0 2px 8px #3b4a7a33}.similar-empty-box{padding:36px 20px;text-align:center;color:#8b887f;background:#faf9f6;border-radius:10px;border:1px dashed #ded8cb;font-size:13.5px}.related-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.related-product-card{overflow:hidden;color:inherit;text-decoration:none;border:1px solid #e8e1d5;border-radius:10px;background:#fff;transition:all .15s ease;display:flex;flex-direction:column}.related-product-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #231e1414;border-color:#3b4a7a}.related-product-card>img{display:block;width:100%;aspect-ratio:1.25;object-fit:cover;background:#eee9dd}.related-product-card div{padding:12px 14px;flex:1;display:flex;flex-direction:column}.related-code{font-family:monospace;font-size:11.5px;font-weight:800;color:#c1440e;background:#fef3ea;padding:2px 6px;border-radius:4px;display:inline-block;width:fit-content;margin-bottom:6px}.related-product-card h3{margin:0 0 10px;font-size:14px;font-weight:600;color:#232323;flex:1;line-height:1.35}.related-product-card p{margin:0;color:#3b4a7a;font-size:11.5px;font-weight:700}.image-lightbox-dialog{background:#fff;border-radius:14px;max-width:820px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 50px #0006}.product-main-video-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.btn-open-video-popup{position:absolute;bottom:12px;right:12px;background:#121418c7;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .15s ease;z-index:5}.btn-open-video-popup:hover{background:#121418f2}.image-lightbox-dialog.video-dialog{max-width:900px;background:#000}.image-lightbox-dialog.video-dialog .image-lightbox-header{background:#111;border-bottom:1px solid #222}.image-lightbox-dialog.video-dialog .image-lightbox-header h3{color:#fff}.image-lightbox-dialog.video-dialog .lightbox-close-btn{background:#222;color:#eee}.image-lightbox-dialog.video-dialog .lightbox-close-btn:hover{background:#333}.image-lightbox-dialog.video-dialog .image-lightbox-body{background:#000;padding:0}.lightbox-video-player{width:100%;max-height:75vh;outline:none;background:#000}.supplier-details-view-body{padding:20px 22px}.supplier-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:#fdfcf9;border:1px solid #ede8df;border-radius:10px;padding:18px;margin-bottom:16px}.supplier-info-item{display:flex;flex-direction:column;gap:3px}.supplier-info-item .info-label{font-size:11.5px;font-weight:600;color:#8b887f}.supplier-info-item .info-value{font-size:14px;font-weight:700;color:#232323}.supplier-info-item .rate-value{color:#166534}.item-detail-multi-suppliers-stack{display:flex;flex-direction:column;gap:16px;max-height:440px;overflow-y:auto;padding-right:4px}.item-detail-supplier-card{background:#fbfaf8;border:1px solid #e7e3da;border-radius:10px;padding:14px 16px}.item-detail-supplier-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px dashed #dedad0}.item-detail-supplier-header h4{margin:0;font-size:14px;font-weight:700;color:#2b3658}.item-detail-primary-tag{font-size:11px;font-weight:700;color:#15803d;background:#dcfce7;padding:2px 8px;border-radius:12px}.public-product-footer{padding:25px;border-top:1px solid #e3dccf;color:#8d867b;text-align:center;font:italic 13px Georgia,serif}.public-product-footer i{display:inline-block;width:4px;height:4px;margin:0 9px 3px;transform:rotate(45deg);background:#b87a0c}.product-state{min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.product-state>span{color:#b87a0c;font:64px Georgia,serif;opacity:.3}.product-state h1{margin:5px 0;font:36px Georgia,serif}.product-state p{color:#817b70}.product-loading{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-top:24px}.product-loading>div,.product-loading span{display:block;border-radius:8px;background:linear-gradient(90deg,#e9e3d8,#f5f1e9,#e9e3d8);background-size:200% 100%;animation:product-shimmer 1.3s infinite}.product-loading>div{aspect-ratio:1.05}.product-loading section{padding-top:20px}.product-loading span{height:18px;margin-bottom:18px}.product-loading span:nth-child(2){height:48px}@keyframes product-shimmer{to{background-position:-200% 0}}@media (max-width: 720px){.public-product-header{min-height:64px;padding:8px 16px}.public-product-header img{max-width:125px;max-height:40px}.public-product-header span{display:none}.product-detail-shell{width:min(100% - 28px,560px);padding-top:18px}.product-detail-hero,.product-loading{grid-template-columns:1fr;gap:22px}.product-information-column{padding-top:0}.product-information-column h1{font-size:28px}.related-product-grid{grid-template-columns:1fr 1fr}.supplier-info-grid{grid-template-columns:1fr}}@media (max-width: 480px){.product-attributes,.related-product-grid{grid-template-columns:1fr}.product-attributes div{padding:10px 0}}.um-page{max-width:1100px;color:#232323;margin-bottom:50px}.um-page *{box-sizing:border-box}.um-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}.um-heading small{color:#c1440e;font-size:11px;font-weight:700;letter-spacing:.11em}.um-heading h1{margin:7px 0 0;font-size:25px;font-weight:600}.um-heading p{margin:5px 0 0;color:#7d7a73;font-size:13.5px}.um-stats-row{display:flex;gap:12px}.um-card{padding:24px;margin-bottom:26px;background:#fff;border:1px solid #e9e4d9;border-radius:14px;box-shadow:0 6px 22px #372d1e0a}.um-card-title{display:flex;align-items:center;gap:12px;padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid #f0ece4}.um-card-title>i{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;color:#fff;background:#3b4a7a;font-style:normal}.um-card-title h2{font-size:16px;font-weight:600;margin:0}.um-card-title p{margin:3px 0 0;font-size:12.5px;color:#8b887f}.um-form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:18px}.um-form-group{display:flex;flex-direction:column}.um-form-group label{font-size:12px;font-weight:600;color:#575650;margin-bottom:6px;letter-spacing:.02em}.um-form-group label b{color:#c1440e}.um-input-control{width:100%;min-height:42px;border:1px solid #dedad0;border-radius:8px;background:#fff;color:#232323;padding:9px 12px;font:inherit;font-size:13.5px;outline:none}.um-input-control:focus{border-color:#3b4a7a;box-shadow:0 0 0 3px #3b4a7a1a}.um-phone-wrap{display:flex;align-items:center;border:1px solid #dedad0;border-radius:8px;background:#fff;min-height:42px}.um-phone-wrap:focus-within{border-color:#3b4a7a;box-shadow:0 0 0 3px #3b4a7a1a}.um-phone-wrap>i{padding:0 10px;border-right:1px solid #e6e1d8;color:#6b6b68;font-size:13px;font-style:normal;font-weight:600}.um-phone-wrap input{border:0;outline:none;font:inherit;font-size:13.5px;padding:0 10px;width:100%;background:transparent}.permissions-section{background:#faf9f6;border:1px solid #eee9dd;border-radius:10px;padding:16px;margin-bottom:20px}.permissions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.permissions-header span.title{font-size:12px;font-weight:700;color:#575650;letter-spacing:.04em}.permissions-chips-grid{display:flex;flex-wrap:wrap;gap:8px}.perm-chip-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;border:1px solid #dedad0;background:#fff;color:#575650;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.perm-chip-btn.selected{background:#3b4a7a;color:#fff;border-color:#3b4a7a}.um-actions-bar{display:flex;align-items:center;justify-content:space-between;gap:16px}.msg-err{color:#c1440e;font-size:13px;font-weight:500}.msg-suc{color:#26734d;font-size:13px;font-weight:500}.btn-create-user{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 22px;background:#232323;color:#fff;border:0;border-radius:8px;font-size:13.5px;font-weight:600;cursor:pointer;transition:background .15s ease}.btn-create-user:hover:not(:disabled){background:#3b4a7a}.btn-create-user:disabled{opacity:.55;cursor:not-allowed}.um-list-card{background:#fff;border:1px solid #e9e4d9;border-radius:14px;overflow:hidden;box-shadow:0 6px 22px #372d1e0a}.um-list-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;background:#faf9f6;border-bottom:1px solid #eee9dd;gap:16px;flex-wrap:wrap}.um-list-header h2{font-size:16px;font-weight:600;margin:0}.um-filter-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.um-search-box{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border:1px solid #dedad0;border-radius:8px;background:#fff;color:#9a968c;width:220px}.um-search-box input{border:0;outline:none;font:inherit;font-size:12.5px;width:100%}.um-select-filter{min-height:38px;padding:0 12px;border:1px solid #dedad0;border-radius:8px;background:#fff;font:inherit;font-size:12.5px;color:#232323;outline:none}.um-users-table{width:100%}.um-table-header{display:grid;grid-template-columns:1.4fr 1.1fr 1fr 1.2fr .8fr auto;align-items:center;gap:12px;padding:12px 22px;background:#faf9f6;font-size:11px;font-weight:700;letter-spacing:.04em;color:#8b887f;border-bottom:1px solid #eee9dd}.um-user-row{display:grid;grid-template-columns:1.4fr 1.1fr 1fr 1.2fr .8fr auto;align-items:center;gap:12px;padding:14px 22px;border-bottom:1px solid #f0ece4;transition:background .15s ease}.um-user-row:hover{background:#fbfaf8}.user-profile-cell{display:flex;align-items:center;gap:12px}.user-avatar-circle{width:38px;height:38px;border-radius:50%;background:#3b4a7a;color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700;flex-shrink:0}.user-meta-info b{font-size:13.5px;font-weight:600;color:#232323}.user-meta-info span{display:block;font-size:11px;color:#8b887f}.phone-badge{display:inline-flex;align-items:center;gap:6px;font-family:monospace;font-size:12.5px;font-weight:600;color:#232323}.role-tag{display:inline-block;padding:3px 9px;border-radius:16px;font-size:11.5px;font-weight:600;background:#eef0f7;color:#3b4a7a}.status-toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:16px;font-size:11.5px;font-weight:600;cursor:pointer;border:0;transition:all .15s ease}.status-toggle-btn.active{background:#edf7f0;color:#2f7d4a}.status-toggle-btn.inactive{background:#fdf1ec;color:#c1440e}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.row-actions-group{display:flex;align-items:center;gap:6px}.btn-icon-action{background:transparent;border:0;color:#8b887f;cursor:pointer;padding:6px;border-radius:6px;display:grid;place-items:center;transition:all .15s ease}.btn-icon-action:hover{background:#f0ece4;color:#232323}.btn-icon-action.delete:hover{background:#fef1e8;color:#c1440e}.um-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#121212b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.um-modal-box{background:#fff;border-radius:14px;max-width:580px;width:100%;padding:24px;box-shadow:0 20px 50px #00000040;animation:modalScale .2s ease}@keyframes modalScale{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.um-modal-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid #f0ece4}.um-modal-header h3{margin:0;font-size:16px;font-weight:600}@media (max-width: 860px){.um-form-grid{grid-template-columns:1fr}.um-table-header{display:none}.um-user-row{grid-template-columns:1fr 1fr;gap:10px}.um-user-row>:nth-child(4){grid-column:1 / -1}}@media (max-width: 600px){.um-heading{align-items:flex-start}.um-stats-row{display:none}.um-list-header{flex-direction:column;align-items:stretch}.um-search-box{width:100%}.um-user-row{grid-template-columns:1fr}}.reports-page{width:100%;max-width:1180px;color:#1a1c23;margin-bottom:60px;font-family:inherit}.reports-page *{box-sizing:border-box}.reports-loading-box,.reports-error-box{background:#fff;border:1px solid #e2ddd3;border-radius:14px;padding:60px 24px;text-align:center;margin:40px auto;max-width:500px;box-shadow:0 4px 20px #00000008}.reports-spinner{width:40px;height:40px;border:3.5px solid #ebe5da;border-top-color:#3b4a7a;border-radius:50%;margin:0 auto 16px;animation:reports-spin .8s linear infinite}@keyframes reports-spin{to{transform:rotate(360deg)}}.reports-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;flex-wrap:wrap}.reports-heading small{color:#c1440e;font-size:11px;font-weight:800;letter-spacing:.12em}.reports-heading h1{margin:6px 0 0;font-size:26px;font-weight:800;color:#1a1c23;letter-spacing:-.01em}.reports-heading p{margin:4px 0 0;color:#6e6a62;font-size:13.5px}.reports-controls-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.timeframe-selector{display:flex;align-items:center;gap:4px;background:#fff;border:1px solid #dcd6c8;padding:4px;border-radius:10px;box-shadow:0 1px 3px #00000005}.timeframe-btn{border:0;background:transparent;padding:7px 14px;border-radius:7px;font:inherit;font-size:12.5px;font-weight:600;color:#635f56;cursor:pointer;transition:all .15s ease}.timeframe-btn:hover{color:#1a1c23;background:#f4f0e6}.timeframe-btn.active{background:#3b4a7a;color:#fff;box-shadow:0 2px 8px #3b4a7a47}.btn-export-reports{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px;background:#fff;border:1px solid #dcd6c8;border-radius:8px;font-size:12.5px;font-weight:600;color:#232323;cursor:pointer;transition:all .15s ease}.btn-export-reports:hover{border-color:#3b4a7a;color:#3b4a7a;background:#faf8f5}.reports-nav-tabs{display:flex;align-items:center;gap:8px;margin-bottom:24px;border-bottom:1.5px solid #e8e3d8;padding-bottom:12px;overflow-x:auto}.nav-tab-item{border:1px solid #dfdacd;background:#fff;padding:8px 16px;border-radius:20px;font-size:12.5px;font-weight:700;color:#555149;cursor:pointer;white-space:nowrap;transition:all .18s ease}.nav-tab-item:hover{background:#f7f4ee;color:#1a1c23;border-color:#c7c1b3}.nav-tab-item.active{background:#3b4a7a;color:#fff;border-color:#3b4a7a;box-shadow:0 2px 8px #3b4a7a40}.nav-tab-item.highlight{border-color:#fbd9c4;color:#c1440e;background:#fff7f2}.nav-tab-item.highlight:hover{background:#feefe7;border-color:#c1440e}.nav-tab-item.highlight.active{background:#c1440e;color:#fff;border-color:#c1440e;box-shadow:0 2px 8px #c1440e40}.reports-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:32px}.report-metric-card{background:#fff;border:1px solid #e6e1d6;border-radius:14px;padding:20px 22px;box-shadow:0 3px 12px #32281908;display:flex;flex-direction:column;transition:all .15s ease}.report-metric-card:hover{transform:translateY(-2px);border-color:#3b4a7a;box-shadow:0 8px 24px #3b4a7a14}.metric-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.metric-icon-box{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:#3b4a7a;background:#eef2ff}.metric-icon-box.rust{background:#fff7ed;color:#c1440e}.metric-icon-box.green{background:#ecfdf5;color:#059669}.metric-icon-box.purple{background:#f5f3ff;color:#7c3aed}.metric-trend-badge{font-size:11px;font-weight:700;color:#059669;background:#ecfdf5;padding:3px 8px;border-radius:10px;border:1px solid #a7f3d0}.metric-number{font-size:26px;font-weight:800;color:#181a20;line-height:1.15}.metric-label{font-size:12px;color:#726e66;margin-top:4px;font-weight:600}.reports-category-block{margin-bottom:40px}.category-block-header{margin-bottom:18px}.category-badge-chip{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.08em;padding:3px 9px;border-radius:6px;margin-bottom:6px}.category-badge-chip.quality{background:#eef2ff;color:#3b4a7a;border:1px solid #c7d2fe}.category-badge-chip.supplier{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.category-badge-chip.health{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.category-badge-chip.search{background:#fef2f2;color:#c1440e;border:1px solid #fed7aa}.category-header-title h2{font-size:20px;font-weight:800;color:#1a1c23;margin:0}.category-header-title p{font-size:13px;color:#6e6a62;margin:4px 0 0}.reports-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:18px}.reports-cards-grid.supplier-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.report-box-card{background:#fff;border:1px solid #e6e1d6;border-radius:14px;padding:20px;box-shadow:0 2px 10px #00000005;display:flex;flex-direction:column}.box-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0ece3}.box-card-icon{width:38px;height:38px;border-radius:10px;background:#f2f5fd;display:grid;place-items:center;font-size:18px;flex-shrink:0}.box-card-icon.green{background:#ecfdf5}.box-card-icon.rust{background:#fff7ed}.box-card-icon.purple{background:#faf5ff}.box-card-icon.blue{background:#eff6ff}.box-card-header h3{font-size:15px;font-weight:700;color:#1a1c23;margin:0}.box-card-header small{font-size:11.5px;color:#79756c;display:block;margin-top:2px}.ranked-rows-list{display:flex;flex-direction:column;gap:10px}.ranked-row-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:8px;background:#fbf9f5;border:1px solid #f2ede4;transition:all .12s ease}.ranked-row-item:hover{background:#f6f2e9}.rank-tag{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:#e8e3d8;color:#4b473f;font-size:11px;font-weight:800;flex-shrink:0}.rank-tag.rank-1{background:#fef08a;color:#854d0e}.rank-tag.rank-2{background:#e2e8f0;color:#334155}.rank-tag.rank-3{background:#fed7aa;color:#9a3412}.ranked-row-info{flex:1;min-width:0;display:flex;flex-direction:column}.ranked-row-info strong{font-size:13px;color:#1a1c23;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranked-row-info .sub-text{font-size:11.5px;color:#79756c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranked-row-stat{text-align:right;flex-shrink:0}.ranked-row-stat b{font-size:14px;color:#1a1c23;display:block}.ranked-row-stat .stat-unit{font-size:10.5px;color:#827e75}.ranked-row-action{display:flex;align-items:center;gap:8px}.btn-mini-send-pdf{border:1px solid #10b981;background:#ecfdf5;color:#047857;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;transition:all .12s ease}.btn-mini-send-pdf:hover{background:#10b981;color:#fff}.tags-cloud-wrap{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px}.tag-frequency-pill{display:inline-flex;align-items:center;gap:6px;background:#f6f2e9;border:1px solid #e4decb;padding:6px 12px;border-radius:20px;font-size:12px}.tag-name{font-weight:700;color:#3b4a7a}.tag-count{font-size:10.5px;font-weight:800;background:#3b4a7a;color:#fff;padding:1px 6px;border-radius:10px}.progress-bars-list{display:flex;flex-direction:column;gap:12px}.progress-row-item{display:flex;flex-direction:column;gap:5px}.progress-label-wrap{display:flex;justify-content:space-between;font-size:12.5px}.progress-name{font-weight:700;color:#1a1c23}.progress-value{color:#6e6a62;font-weight:600}.progress-bar-track{width:100%;height:7px;background:#eeeae0;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:#3b4a7a;border-radius:4px;transition:width .4s ease}.progress-bar-fill.green{background:#10b981}.hero-supplier-box{background:linear-gradient(145deg,#fff,#f9fbfd);border-color:#cfe0f5}.supplier-count-body{padding-top:8px}.big-stat-number{font-size:42px;font-weight:900;color:#1a365d;line-height:1}.big-stat-sub{font-size:14px;font-weight:700;color:#2b6cb0;margin-top:4px}.supplier-count-note{font-size:12px;color:#6e6a62;line-height:1.5;margin:14px 0 16px}.btn-reports-secondary{border:1px solid #dcd6c8;background:#fff;color:#1a1c23;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s ease;width:100%}.btn-reports-secondary:hover{border-color:#3b4a7a;color:#3b4a7a;background:#f7f9fd}.rating-stars{color:#f59e0b;font-size:11px;margin-top:2px}.rating-badge-pill{display:inline-block;font-size:11.5px;font-weight:800;background:#fef3c7;color:#92400e;padding:2px 7px;border-radius:6px;border:1px solid #fde68a}.price-tag{color:#059669;font-size:13.5px}.health-monitors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.health-card{background:#fff;border:1px solid #e6e1d6;border-radius:14px;padding:22px;box-shadow:0 2px 10px #00000005;display:flex;flex-direction:column}.health-card.warning{border-top:4px solid #f59e0b}.health-card.alert{border-top:4px solid #ef4444}.health-card.inactive{border-top:4px solid #64748b}.health-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.health-icon-badge{font-size:22px}.health-status-tag{font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;background:#f3f0e8;color:#55524a}.health-card-number{font-size:34px;font-weight:900;color:#1a1c23;line-height:1}.health-card h4{font-size:16px;font-weight:700;color:#1a1c23;margin:8px 0 4px}.health-card p{font-size:12px;color:#6e6a62;line-height:1.45;margin:0 0 16px;flex:1}.health-card-action{border:0;background:transparent;color:#3b4a7a;font-size:12px;font-weight:700;text-align:left;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.health-card-action:hover{text-decoration:underline;color:#1e293b}.search-intel-block{background:#fff;border:1.5px solid #fed7aa;border-radius:16px;padding:24px;box-shadow:0 4px 20px #c1440e0a}.zero-result-split-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:22px;margin-top:18px}@media (max-width: 900px){.zero-result-split-layout{grid-template-columns:1fr}}.zero-result-table-box,.sourcing-suggestions-box{background:#fcfbf8;border:1px solid #eee7dc;border-radius:12px;padding:18px}.zero-search-table-wrap{overflow-x:auto}.zero-search-table{width:100%;border-collapse:collapse;text-align:left;font-size:12.5px}.zero-search-table th{padding:8px 10px;color:#79756c;font-size:11px;font-weight:700;border-bottom:1.5px solid #eae3d5}.zero-search-table td{padding:10px;border-bottom:1px solid #f0ece3;vertical-align:middle}.zero-search-table tr:last-child td{border-bottom:0}.query-text{font-weight:700;color:#c1440e}.query-count-pill{display:inline-block;background:#f4efe4;padding:2px 7px;border-radius:6px;font-size:11px;font-weight:700;color:#44403c}.demand-badge{display:inline-block;font-size:10.5px;font-weight:800;padding:2px 7px;border-radius:6px}.demand-badge.high-demand{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.demand-badge.trending{background:#fff7ed;color:#ea580c;border:1px solid #ffedd5}.demand-badge.rising{background:#f0fdf4;color:#16a34a;border:1px solid #dcfce7}.sourcing-cards-list{display:flex;flex-direction:column;gap:12px}.sourcing-card-item{background:#fff;border:1px solid #e7dfd2;border-radius:10px;padding:14px;box-shadow:0 2px 6px #00000005;transition:all .15s ease}.sourcing-card-item:hover{border-color:#c1440e;box-shadow:0 4px 14px #c1440e14}.sourcing-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:6px}.sourcing-quality-title{display:flex;align-items:center;gap:8px}.sourcing-code-pill{background:#c1440e;color:#fff;font-size:10.5px;font-weight:800;padding:2px 6px;border-radius:5px}.sourcing-quality-title h4{font-size:13.5px;font-weight:800;color:#1a1c23;margin:0}.suggested-group-chip{font-size:10px;font-weight:800;background:#fef3ea;color:#c1440e;border:1px solid #fbd9c4;padding:2px 6px;border-radius:4px;white-space:nowrap}.sourcing-advice-text{font-size:12px;color:#555149;line-height:1.45;margin:0 0 10px}.sourcing-card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px dashed #efe9dc;padding-top:8px}.sourcing-demand-note{font-size:11px;color:#79756c}.sourcing-demand-note strong{color:#1a1c23}.btn-add-suggested-quality{border:1px solid #c1440e;background:#fff;color:#c1440e;padding:4px 10px;border-radius:6px;font-size:11.5px;font-weight:700;cursor:pointer;transition:all .12s ease}.btn-add-suggested-quality:hover{background:#c1440e;color:#fff}.reports-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:1000;padding:20px}.reports-modal-card{background:#fff;border-radius:14px;width:100%;max-width:440px;box-shadow:0 20px 40px #0003;overflow:hidden;animation:modalPop .2s cubic-bezier(.16,1,.3,1)}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.reports-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#f8f6f1;border-bottom:1px solid #ebe4d6}.reports-modal-header h3{font-size:15px;font-weight:700;margin:0;color:#1a1c23}.reports-modal-close{border:0;background:transparent;font-size:16px;cursor:pointer;color:#79756c}.reports-modal-body{padding:20px}.reports-modal-subtitle{font-size:12.5px;color:#555149;margin:0 0 16px;line-height:1.45}.phone-input-row{display:flex;align-items:center;border:1.5px solid #dcd6c8;border-radius:8px;overflow:hidden}.phone-input-row:focus-within{border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.country-prefix{background:#f4f0e6;padding:10px 12px;font-size:13px;font-weight:700;color:#4b473f;border-right:1px solid #dcd6c8}.modal-phone-field{flex:1;border:0;padding:10px 12px;font-size:13px;outline:none;font-family:inherit}.modal-success-alert{margin-top:12px;background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:600}.reports-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;background:#faf8f5;border-top:1px solid #ebe4d6}.btn-modal-cancel{border:1px solid #dcd6c8;background:#fff;padding:8px 14px;border-radius:6px;font-size:12.5px;font-weight:600;cursor:pointer}.btn-modal-send{border:0;background:#10b981;color:#fff;padding:8px 18px;border-radius:6px;font-size:12.5px;font-weight:700;cursor:pointer;transition:all .15s ease}.btn-modal-send:disabled{background:#a7f3d0;cursor:not-allowed}.profile-page{width:100%;max-width:1120px;color:#232323;margin-bottom:60px}.profile-page *{box-sizing:border-box}.profile-header-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;flex-wrap:wrap}.profile-header-intro small{color:#c1440e;font-size:11px;font-weight:700;letter-spacing:.12em}.profile-header-intro h1{margin:6px 0 0;font-size:26px;font-weight:700;color:#1a1c23;letter-spacing:-.01em}.profile-header-intro p{margin:4px 0 0;color:#726e66;font-size:13.5px}.profile-hero-card{position:relative;background:linear-gradient(135deg,#181a22,#2b3552);border-radius:16px;padding:32px 36px;color:#fff;margin-bottom:26px;box-shadow:0 10px 30px #181a221f;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;overflow:hidden}.profile-hero-card:after{content:"";position:absolute;right:-30px;bottom:-40px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,#ffffff14,#fff0 70%);pointer-events:none}.profile-user-left{display:flex;align-items:center;gap:22px;position:relative;z-index:2}.profile-avatar-wrap{position:relative;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#3b4a7a,#c1440e);padding:3px;flex-shrink:0;box-shadow:0 6px 20px #0000004d}.profile-avatar-inner{width:100%;height:100%;border-radius:50%;background:#181a22;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;color:#fff;letter-spacing:.05em}.profile-online-badge{position:absolute;right:2px;bottom:2px;width:18px;height:18px;border-radius:50%;background:#10b981;border:3px solid #181a22;box-shadow:0 0 8px #10b98199}.profile-name-title-row{display:flex;align-items:center;gap:12px}.profile-user-details h2{margin:0;font-size:23px;font-weight:700;color:#fff;letter-spacing:.01em}.btn-inline-edit-name{background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:6px;padding:4px 10px;color:#fff;font-size:11.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all .15s ease}.btn-inline-edit-name:hover{background:#ffffff4d;transform:translateY(-1px)}.profile-meta-row{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}.profile-role-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;background:#ffffff24;border:1px solid rgba(255,255,255,.22);border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.03em;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.profile-code-badge{font-size:12px;color:#d1cbbd;font-family:monospace;background:#00000040;padding:3px 8px;border-radius:6px}.profile-hero-actions{display:flex;align-items:center;gap:12px;position:relative;z-index:2;flex-wrap:wrap}.btn-profile-hero{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 18px;border-radius:10px;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .15s ease;border:0}.btn-profile-hero.btn-hero-edit{background:#fff;color:#1a1c23;box-shadow:0 4px 14px #00000026}.btn-profile-hero.btn-hero-edit:hover{background:#f0ece3;transform:translateY(-1px)}.btn-profile-hero.btn-hero-logout{background:#c1440ed9;color:#fff;border:1px solid rgba(255,255,255,.15)}.btn-profile-hero.btn-hero-logout:hover{background:#c1440e;transform:translateY(-1px);box-shadow:0 4px 14px #c1440e66}.btn-profile-hero.btn-hero-contact{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-profile-hero.btn-hero-contact:hover{background:#ffffff40;transform:translateY(-1px)}.profile-toast-banner{display:flex;align-items:center;gap:10px;background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;padding:12px 18px;border-radius:10px;margin-bottom:20px;font-size:13.5px;font-weight:600;animation:fadeIn .25s ease-out}.profile-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:26px}.profile-stat-box{background:#fff;border:1px solid #e9e4d9;border-radius:14px;padding:20px;box-shadow:0 4px 16px #372d1e08;display:flex;align-items:center;gap:16px;transition:all .15s ease}.profile-stat-box:hover{transform:translateY(-2px);box-shadow:0 8px 24px #372d1e0f;border-color:#3b4a7a}.stat-box-icon{width:46px;height:46px;border-radius:12px;background:#f4f1ea;color:#3b4a7a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-box-icon.amber{background:#fef4e8;color:#c1440e}.stat-box-icon.green{background:#eaf6ee;color:#10b981}.stat-box-icon.purple{background:#f1edfa;color:#7c3aed}.stat-box-info .stat-num{font-size:22px;font-weight:800;color:#181a20;line-height:1.2}.stat-box-info .stat-lbl{font-size:12px;color:#7d7a73;font-weight:500;margin-top:2px}.profile-content-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.profile-card-panel{background:#fff;border:1px solid #e9e4d9;border-radius:14px;padding:26px;box-shadow:0 4px 16px #372d1e08;margin-bottom:24px}.profile-panel-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid #f0ece4}.panel-header-title{display:flex;align-items:center;gap:10px}.panel-header-title h3{margin:0;font-size:16px;font-weight:700;color:#1e222b}.panel-badge-count{font-size:11px;font-weight:700;padding:2px 8px;border-radius:12px;background:#f0ece4;color:#5b574f}.profile-info-list{display:flex;flex-direction:column;gap:14px}.profile-info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:8px;background:#faf8f5;border:1px solid #f2eee6}.info-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#6b675e}.info-value{font-size:13.5px;font-weight:600;color:#1f2229;display:flex;align-items:center;gap:8px}.btn-copy-chip{padding:2px 7px;border:1px solid #dfd9ce;border-radius:6px;background:#fff;color:#6a665d;font-size:11px;cursor:pointer}.btn-copy-chip:hover{border-color:#3b4a7a;color:#3b4a7a}.profile-modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.module-grant-badge{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:8px;background:#f0fdf4;border:1px solid #bbf7d0;font-size:12px;font-weight:600;color:#15803d}.module-grant-badge span{font-size:13px}.security-status-box{padding:14px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0;margin-bottom:14px}.security-status-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#0f172a}.security-status-desc{margin:4px 0 0;font-size:12px;color:#64748b;line-height:1.45}.org-details-box{padding:14px;border-radius:10px;background:#fffdf9;border:1px solid #ede7dc}.org-brand-name{font-size:15px;font-weight:700;color:#1a1c22}.org-brand-tagline{font-size:11.5px;color:#c1440e;font-weight:700;letter-spacing:.05em;margin-bottom:8px}.org-address{font-size:12.5px;color:#635f56;line-height:1.5;margin-top:6px}.edit-name-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#12141aa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .15s ease-out}.edit-name-modal-card{width:min(100%,460px);background:#fff;border:1px solid #e3dec9;border-radius:16px;padding:30px;box-shadow:0 20px 60px #00000038}.edit-name-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.edit-name-modal-header h2{margin:0;font-size:20px;font-weight:700;color:#1a1c23}.edit-preview-box{display:flex;align-items:center;gap:16px;padding:16px;background:#f8f6f0;border:1px solid #e9e3d5;border-radius:12px;margin-bottom:20px}.edit-avatar-preview{width:52px;height:52px;border-radius:50%;background:#3b4a7a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;flex-shrink:0}.edit-input-group label{display:block;font-size:13px;font-weight:700;color:#3b372f;margin-bottom:8px}.edit-input-field{width:100%;min-height:46px;padding:0 14px;border:1.5px solid #d4cebe;border-radius:8px;font-size:15px;color:#1a1c23;outline:none;background:#fff;transition:border-color .15s ease}.edit-input-field:focus{border-color:#3b4a7a;box-shadow:0 0 0 3px #3b4a7a1f}.edit-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.btn-edit-cancel{padding:10px 18px;border-radius:8px;border:1px solid #d8d2c3;background:transparent;color:#58544a;font-weight:600;cursor:pointer}.btn-edit-save{padding:10px 22px;border-radius:8px;border:0;background:#3b4a7a;color:#fff;font-weight:700;cursor:pointer;transition:background .15s ease}.btn-edit-save:hover{background:#2b375c}.btn-edit-save:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 860px){.profile-content-grid{grid-template-columns:1fr}.profile-hero-card{flex-direction:column;align-items:flex-start}.profile-hero-actions{width:100%}.profile-hero-actions button,.profile-hero-actions a{flex:1;justify-content:center}}.agency-page{max-width:1100px;color:#232323;margin-bottom:60px}.agency-page *{box-sizing:border-box}.agency-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}.agency-heading small{color:#c1440e;font-size:11px;font-weight:700;letter-spacing:.11em}.agency-heading h1{margin:7px 0 0;font-size:25px;font-weight:700;color:#1a1c23}.agency-heading p,.agency-card p,.agency-list p{margin:5px 0 0;color:#7d7a73;font-size:13px}.agency-count{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:10px;padding:10px 16px;background:#fff;border:1px solid #eee9dd;border-radius:12px;color:#3b4a7a;transition:all .15s ease}.agency-count.clickable{cursor:pointer}.agency-count.clickable:hover{transform:translateY(-2px);border-color:#3b4a7a;box-shadow:0 4px 14px #3b4a7a14}.agency-count b{color:#232323;font-size:19px;font-weight:800}.agency-count span{grid-column:2;color:#8b887f;font-size:11px;font-weight:700;letter-spacing:.05em}.agency-card{padding:24px;margin-bottom:28px;background:#fff;border:1px solid #e9e4d9;border-radius:14px;box-shadow:0 6px 22px #372d1e0a}.agency-card-title{display:flex;align-items:center;gap:12px;padding-bottom:18px;margin-bottom:19px;border-bottom:1px solid #f0ece4}.agency-card-title>i{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:#fff;background:#3b4a7a;font-style:normal}.agency-card h2,.agency-list h2{font-size:16px;font-weight:700;color:#1a1c23;margin:0}.agency-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.agency-form .full-width{grid-column:1 / -1}.agency-form label>span{display:flex;align-items:center;gap:4px;margin-bottom:7px;color:#575650;font-size:12.5px;font-weight:600}.agency-form label b{color:#c1440e;margin-left:2px}.agency-form input,.agency-search input{width:100%;min-height:42px;border:1px solid #dedad0;border-radius:8px;outline:none;background:#fff;color:#232323;padding:9px 12px;font:inherit;font-size:13.5px;transition:all .15s ease}.agency-form input:focus,.agency-phone:focus-within,.agency-search:focus-within{border-color:#3b4a7a;box-shadow:0 0 0 3px #3b4a7a1a}.agency-phone{display:flex;align-items:center;border:1px solid #dedad0;border-radius:8px;background:#fff}.agency-phone.error-border{border-color:#c1440e}.agency-phone>i{padding:0 12px;border-right:1px solid #e6e1d8;color:#6b6b68;font-size:13px;font-style:normal;font-weight:700;-webkit-user-select:none;user-select:none}.agency-phone input{border:0;box-shadow:none!important;min-width:0}.field-hint{margin-top:5px;font-size:11.5px;color:#8b887f}.field-hint.error{color:#c1440e;font-weight:600}.agency-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px}.agency-actions>div{font-size:12.5px}.agency-actions .error{color:#c1440e;font-weight:600}.agency-actions .success{color:#10b981;font-weight:600}.agency-actions button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:148px;min-height:44px;border:0;border-radius:9px;background:#3b4a7a;color:#fff;padding:11px 24px;font:inherit;font-size:14px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 8px #3b4a7a38}.agency-actions button:hover:not(:disabled){background:#2b3658;transform:translateY(-1px);box-shadow:0 4px 14px #3b4a7a4d}.agency-actions button:active:not(:disabled){transform:scale(.985)}.agency-actions button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn-cancel-edit{display:inline-flex!important;align-items:center;justify-content:center;min-width:110px!important;min-height:44px;padding:11px 20px!important;border-radius:9px!important;background:#fff!important;color:#555149!important;border:1px solid #ded8cc!important;font-size:13.5px!important;font-weight:600!important;box-shadow:none!important;cursor:pointer;transition:all .15s ease}.btn-cancel-edit:hover{background:#f5f2ea!important;border-color:#c4bcb0!important;color:#1a1c23!important;transform:translateY(-1px)}.agency-list{background:#fff;border:1px solid #e9e4d9;border-radius:14px;padding:24px;box-shadow:0 6px 22px #372d1e0a}.agency-list-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;flex-wrap:wrap}.agency-search{display:flex;align-items:center;width:340px;max-width:100%;padding-left:12px;color:#9a968c;background:#fff;border:1px solid #dedad0;border-radius:8px;transition:all .15s ease}.agency-search:focus-within{border-color:#3b4a7a;box-shadow:0 0 0 3px #3b4a7a1f}.agency-search input,.agency-search input:focus{border:0!important;min-height:38px;padding:7px 10px;box-shadow:none!important;outline:none!important;background:transparent!important;font-size:13px;width:100%}.agency-table{overflow:visible;border:1px solid #e9e4d9;border-radius:12px;background:#fff;min-height:280px}.agency-row{display:grid;grid-template-columns:1.8fr 1.2fr 1fr 1.1fr 1.2fr .9fr 44px;align-items:center;gap:14px;min-height:62px;padding:12px 18px;border-top:1px solid #f0ece4;font-size:13px;position:relative}.agency-row.has-open-menu{z-index:50}.agency-row.agency-th{min-height:42px;border-top:0;background:#faf9f6;color:#78756d;font-size:11px;font-weight:700;letter-spacing:.04em;border-bottom:1px solid #e9e4d9}.agency-clickable-row{cursor:pointer;transition:all .15s ease}.agency-clickable-row:hover{background:#f8fafc}.agency-cell-name{display:flex;align-items:center;gap:12px;min-width:0}.agency-cell-name>i{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:9px;background:#eef2ff;color:#3b4a7a;font-size:12.5px;font-style:normal;font-weight:800;border:1px solid #c7d2fe}.agency-cell-name div{display:flex;flex-direction:column;min-width:0}.agency-cell-name b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;color:#1a1c23;font-weight:700}.agency-open-hint{font-size:11.5px;color:#716e65;font-weight:500;margin-top:2px}.agency-clickable-row:hover .agency-open-hint{color:#3b4a7a}.agency-agent-val{color:#232323;font-weight:600}.agency-city-val{display:inline-flex;align-items:center;gap:6px;color:#4a4843;font-weight:600}.connected-count-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:11.5px;font-weight:700;white-space:nowrap}.connected-count-badge.has-suppliers{background:#eef2ff;color:#3b4a7a;border:1px solid #c7d2fe}.connected-count-badge.no-suppliers{background:#faf8f5;color:#8b887f;border:1px solid #e9e4d9}.profile-completeness-wrap{display:flex;flex-direction:column;gap:4px}.profile-bar-track{height:6px;width:100%;max-width:110px;background:#ede8df;border-radius:4px;overflow:hidden}.profile-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.fill-complete{background:#10b981}.fill-partial{background:#f59e0b}.profile-percent-text{font-size:11px;font-weight:700;color:#64748b}.agency-badge-pill{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11.5px;font-weight:700;text-align:center;white-space:nowrap}.badge-active{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.badge-blacklisted{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.badge-inactive{background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.action-cell{position:relative;display:flex;justify-content:flex-end}.btn-three-dots{width:36px;height:36px;border-radius:9px;border:1px solid #dcd7cc;background:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1;color:#555047;transition:all .15s ease;box-shadow:0 1px 2px #00000008}.btn-three-dots:hover{background:#f4f0e6;border-color:#3b4a7a;color:#1a1c23;transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.row-action-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:100;min-width:205px;padding:6px;background:#fff;border:1px solid #ddd8ce;border-radius:10px;box-shadow:0 10px 30px #00000026;display:flex;flex-direction:column;gap:3px}.row-action-menu.open-up{top:auto;bottom:calc(100% + 6px);box-shadow:0 -10px 30px #00000026}.row-action-menu button{display:flex;align-items:center;gap:9px;border:0;background:transparent;text-align:left;padding:10px 14px;border-radius:7px;cursor:pointer;font-size:13px;font-weight:600;color:#232323;transition:all .12s ease}.row-action-menu button:hover{background:#edf1fa;color:#3b4a7a;transform:translate(2px)}.agency-empty{padding:40px 18px;text-align:center;color:#9a968c;font-size:13.5px;border-top:1px solid #f0ece4}.agency-modal-overlay{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;padding:20px;display:flex;align-items:center;justify-content:center;background:#181612a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.agency-modal-box{position:relative;width:min(100%,640px);max-height:90vh;overflow-y:auto;padding:28px;border:1px solid #dedad0;border-radius:16px;background:#fff;box-shadow:0 24px 70px #00000040;display:flex;flex-direction:column;gap:20px}.agency-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:16px;border-bottom:1px solid #f0ece3}.agency-modal-title-row{display:flex;align-items:center;gap:14px}.agency-modal-avatar{width:48px;height:48px;border-radius:12px;background:#3b4a7a;color:#fff;display:grid;place-items:center;font-size:18px;font-weight:800;font-style:normal;flex-shrink:0}.agency-modal-header h3{margin:0;font-size:20px;font-weight:800;color:#1a1c23}.agency-modal-agent{margin:3px 0 0;font-size:13px;color:#736f66}.agency-modal-close{border:1px solid #ded8cc;background:#faf8f4;width:38px;height:38px;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:#555046;transition:all .18s cubic-bezier(.4,0,.2,1);flex-shrink:0;box-shadow:0 1px 3px #0000000a}.agency-modal-close:hover{background:#ece6d8;color:#1a1c23;border-color:#c4bcb0;transform:rotate(90deg) scale(1.05)}.agency-modal-close:active{transform:rotate(90deg) scale(.95)}.agency-modal-profile-card{padding:14px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.modal-profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:6px}.profile-label-text{font-size:13px;color:#334155}.profile-missing-hint{font-size:11.5px;font-weight:600;color:#d97706}.modal-profile-bar-track{height:8px;width:100%;background:#e2e8f0;border-radius:4px;overflow:hidden}.modal-profile-bar-fill{height:100%;border-radius:4px;transition:width .4s ease}.agency-modal-section{display:flex;flex-direction:column;gap:12px}.modal-section-title{margin:0;font-size:13px;font-weight:700;color:#475569;letter-spacing:.05em}.agency-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-detail-card{padding:12px 14px;background:#faf9f6;border:1px solid #ede8df;border-radius:10px;display:flex;flex-direction:column;gap:4px}.contact-detail-full{grid-column:1 / -1}.detail-card-label{font-size:11px;font-weight:700;color:#8b887f;letter-spacing:.04em}.detail-card-val{font-size:15px;font-weight:700;color:#1a1c23}.contact-action-btns{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.btn-call-agency{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 18px;min-height:38px;background:#3b4a7a;color:#fff;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s ease;box-shadow:0 2px 6px #3b4a7a33}.btn-whatsapp-agency{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 18px;min-height:38px;background:#15803d;color:#fff;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s ease;box-shadow:0 2px 6px #15803d33}.btn-call-agency:hover{background:#2b3658;transform:translateY(-1px);box-shadow:0 4px 12px #3b4a7a47}.btn-whatsapp-agency:hover{background:#166534;transform:translateY(-1px);box-shadow:0 4px 12px #15803d47}.btn-call-agency:active,.btn-whatsapp-agency:active{transform:scale(.98)}.detail-address-text{margin:2px 0 0;font-size:13.5px;color:#374151;line-height:1.45}.connected-suppliers-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px}.connected-subtext{font-size:12px;color:#64748b}.agency-suppliers-cards-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.agency-supplier-card{padding:12px 14px;background:#fff;border:1px solid #cbd5e1;border-radius:10px;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;gap:6px}.agency-supplier-card:hover{border-color:#3b4a7a;background:#f0f4fc;transform:translateY(-1px);box-shadow:0 4px 12px #3b4a7a14}.supplier-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.supplier-card-name{font-size:13.5px;font-weight:700;color:#1e293b}.supplier-card-code{font-size:11px;font-weight:700;color:#c1440e;background:#fef2eb;padding:2px 6px;border-radius:4px}.supplier-card-meta{display:flex;gap:10px;font-size:11.5px;color:#64748b}.supplier-card-footer{margin-top:4px}.supplier-card-link{font-size:12px;font-weight:700;color:#3b4a7a}.modal-suppliers-empty{padding:18px;text-align:center;color:#94a3b8;font-size:13px;background:#f8fafc;border-radius:8px;border:1px dashed #cbd5e1}.agency-modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding-top:16px;border-top:1px solid #f0ece3}.btn-modal-close{display:inline-flex;align-items:center;justify-content:center;padding:10px 22px;min-height:42px;border-radius:9px;background:#fff;color:#4b473f;border:1px solid #d4cdc0;font-size:13.5px;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:all .15s ease}.btn-modal-close:hover{background:#f5f2ea;color:#1a1c23;border-color:#b8b09f;transform:translateY(-1px)}.btn-modal-edit{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;min-height:42px;border-radius:9px;background:#3b4a7a;color:#fff;border:0;font-size:13.5px;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 8px #3b4a7a38}.btn-modal-edit:hover{background:#2b3658;transform:translateY(-1px);box-shadow:0 4px 14px #3b4a7a4d}.btn-modal-close:active,.btn-modal-edit:active{transform:scale(.98)}@media (max-width: 920px){.agency-row{grid-template-columns:1.5fr 1fr 1fr 1fr 1fr 40px}.agency-row.agency-th span:nth-child(5),.agency-row>.agency-profile-val{display:none}}@media (max-width: 768px){.agency-table-container{background:transparent;border:none;box-shadow:none}.agency-row.agency-th{display:none}.agency-row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name action" "agent city" "suppliers status" "profile profile";gap:12px 14px;background:#fff;border:1px solid #e2ded5;border-radius:12px;padding:15px 16px;margin-bottom:12px;box-shadow:0 2px 8px #0000000a;align-items:center}.agency-row:hover{background:#fff;border-color:#3b4a7a;transform:none}.agency-cell-name{grid-area:name}.agency-cell-name b{font-size:15px}.action-cell{grid-area:action;text-align:right}.agency-agent-val{grid-area:agent;font-size:13px}.agency-agent-val:before{content:"Agent: ";font-size:11.5px;color:#8b887f;font-weight:500}.agency-city-val{grid-area:city;justify-self:end;font-size:13px}.agency-suppliers-val{grid-area:suppliers;display:flex;align-items:center}.agency-status-val{grid-area:status;justify-self:end;display:flex;align-items:center}.agency-profile-val{grid-area:profile;padding-top:8px;border-top:1px dashed #eee9df;display:block!important}.agency-profile-val .profile-bar-track{max-width:100%}.agency-modal-overlay{padding:12px 10px}.agency-modal-box{padding:20px 16px;width:100%;max-height:94vh;border-radius:14px;gap:16px}.agency-suppliers-cards-list,.agency-contact-grid{grid-template-columns:1fr}.contact-action-btns{flex-wrap:wrap;width:100%}.contact-action-btns a{flex:1 1 120px;justify-content:center}.agency-modal-footer{flex-direction:column-reverse;gap:10px}.agency-modal-footer button{width:100%;justify-content:center}}@media (max-width: 620px){.agency-heading{flex-direction:column;align-items:flex-start;gap:14px}.agency-count{display:inline-flex;align-items:center;gap:10px;width:fit-content}.agency-card,.agency-list{padding:16px 14px}.agency-form{grid-template-columns:1fr;gap:14px}.agency-actions{align-items:stretch;flex-direction:column}.agency-actions button{width:100%}.agency-list-title{align-items:stretch;flex-direction:column;gap:12px}.agency-search{width:100%}.modal-profile-header{flex-direction:column;align-items:flex-start;gap:4px}}.agency-stacked-supplier-overlay{position:fixed;z-index:1100;top:0;right:0;bottom:0;left:0;padding:20px;display:flex;align-items:center;justify-content:center;background:#12100eb8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.agency-stacked-supplier-box{position:relative;width:min(100%,700px);max-height:90vh;overflow-y:auto;padding:24px 28px;border:1px solid #dedad0;border-radius:16px;background:#fff;box-shadow:0 24px 70px #00000059;display:flex;flex-direction:column;gap:20px;animation:modalFadeIn .2s ease-out}.stacked-supplier-top-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid #f0ece3}.btn-back-to-agency{display:inline-flex;align-items:center;gap:8px;background:#f4efe6;color:#1a1c23;border:1px solid #dedad0;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s ease}.btn-back-to-agency:hover{background:#3b4a7a;color:#fff;border-color:#3b4a7a;transform:translate(-2px)}.btn-back-to-agency-secondary{display:inline-flex;align-items:center;gap:6px;background:#f4efe6;color:#1a1c23;border:1px solid #dedad0;border-radius:8px;padding:10px 18px;font-size:13.5px;font-weight:700;cursor:pointer;transition:all .15s ease}.btn-back-to-agency-secondary:hover{background:#3b4a7a;color:#fff;border-color:#3b4a7a}.item-desc-page{max-width:1120px;color:#232323;margin-bottom:60px}.item-desc-page *{box-sizing:border-box}.item-desc-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;flex-wrap:wrap}.item-desc-heading small{color:#c1440e;font-size:11px;font-weight:700;letter-spacing:.11em}.item-desc-heading h1{margin:7px 0 0;font-size:24px;font-weight:700;color:#1a1c23}.item-desc-heading p{margin:5px 0 0;color:#7d7a73;font-size:13.5px}.item-desc-stats{display:flex;gap:12px}.stat-pill{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:10px;padding:10px 16px;background:#fff;border:1px solid #dedad0;border-radius:12px;color:#3b4a7a;box-shadow:0 2px 8px #00000008}.stat-pill b{color:#232323;font-size:18px;font-weight:800}.stat-pill span{grid-column:2;color:#8b887f;font-size:11px;font-weight:600}.quality-select-card{background:#fff;border:1px solid #e9e4d9;border-radius:14px;padding:18px 22px;margin-bottom:20px;box-shadow:0 4px 18px #372d1e08}.quality-select-row{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.quality-select-group{flex:1 1 260px}.quality-select-group label,.search-design-code-field label{display:block;font-size:12.5px;font-weight:600;color:#575650;margin-bottom:6px}.search-design-code-field{flex:1 1 240px}.search-design-code-input-wrap{display:flex;align-items:center;gap:8px;background:#fdfcf9;border:1px solid #dedad0;border-radius:8px;padding:0 12px;min-height:42px;transition:all .15s ease}.search-design-code-input-wrap:focus-within{border-color:#3b4a7a;box-shadow:0 0 0 3px #3b4a7a1a;background:#fff}.search-design-code-input-wrap input{flex:1;border:none;background:transparent;outline:none;font:inherit;font-size:13.5px;color:#232323}.btn-clear-search{background:transparent;border:none;color:#8b887f;cursor:pointer;padding:2px 6px;font-size:12px;border-radius:4px}.btn-clear-search:hover{background:#f0ece4;color:#c1440e}.bulk-edit-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;margin-bottom:20px;background:#3b4a7a;color:#fff;border-radius:12px;box-shadow:0 8px 24px #3b4a7a33;flex-wrap:wrap;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.bulk-count{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:700}.bulk-actions-wrap{display:flex;align-items:center;gap:10px;flex:1 1 420px;justify-content:flex-end;flex-wrap:wrap}.btn-bulk-apply{min-height:38px;padding:0 16px;background:#fff;color:#3b4a7a;border:0;border-radius:8px;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .15s ease}.btn-bulk-apply:hover{background:#f0f3fa}.btn-bulk-replace{min-height:38px;padding:0 16px;background:#c1440e;color:#fff;border:0;border-radius:8px;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .15s ease}.btn-bulk-replace:hover{background:#a3380b}.btn-bulk-cancel{background:transparent;color:#ffffffe6;border:0;font-size:12px;font-weight:600;cursor:pointer;text-decoration:underline;padding:6px}.folder-items-card{background:#fff;border:1px solid #e9e4d9;border-radius:14px;overflow:hidden;margin-bottom:24px;box-shadow:0 4px 18px #372d1e08}.folder-items-header{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;background:#faf9f6;border-bottom:1px solid #eee9dd;gap:16px;flex-wrap:wrap}.select-all-box{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:#575650;cursor:pointer;-webkit-user-select:none;user-select:none}.select-all-box input[type=checkbox],.cell-select input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#3b4a7a}.folder-sku-summary{font-size:13px;color:#77746c}.sku-code-badge{margin-left:6px;color:#3b4a7a;font-weight:700}.folder-table-cols-head{display:grid;grid-template-columns:50px 110px 1.4fr 2.6fr;align-items:center;gap:16px;padding:12px 22px;background:#f4f1eb;border-bottom:1px solid #dedad0;font-size:11.5px;font-weight:700;color:#575650;letter-spacing:.03em}.folder-items-table{width:100%}.folder-item-row{display:grid;grid-template-columns:50px 110px 1.4fr 2.6fr;align-items:center;gap:16px;padding:14px 22px;border-bottom:1px solid #f0ece4;transition:background .15s ease}.folder-item-row:hover{background:#fbfaf8}.folder-item-row.selected{background:#f3f5fa}.cell-select{display:flex;align-items:center;justify-content:center}.cell-image{display:flex;align-items:center}.design-thumb-container{position:relative;width:84px;height:84px;border-radius:8px;overflow:hidden;border:1px solid #dedad0;background:#eee;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.design-thumb-container:hover{transform:scale(1.04);box-shadow:0 4px 12px #00000026;border-color:#3b4a7a}.folder-item-thumb{width:100%;height:100%;object-fit:cover;display:block}.thumb-zoom-badge{position:absolute;bottom:4px;right:4px;width:22px;height:22px;background:#232323bf;color:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center}.cell-code{display:flex;flex-direction:column}.item-name-input{width:100%;min-height:40px;border:1px solid #dedad0;border-radius:8px;padding:8px 12px;font:inherit;font-size:13.5px;font-weight:700;color:#232323;outline:none;background:#fff;transition:all .15s ease}.item-name-input:focus{border-color:#3b4a7a;box-shadow:0 0 0 3px #3b4a7a1a}.cell-tags{display:flex;flex-direction:column;gap:8px}.item-tags-header{display:flex;align-items:center;gap:10px}.item-assigned-tags{display:flex;flex-wrap:wrap;gap:6px;min-height:34px;padding:6px 10px;background:#faf9f6;border:1px dashed #dedad0;border-radius:8px;align-items:center}.assigned-tag-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px 4px 10px;background:#fff;border:1px solid #3b4a7a;color:#3b4a7a;font-size:12px;font-weight:700;border-radius:14px;box-shadow:0 1px 3px #0000000a}.assigned-tag-chip button{background:transparent;border:none;color:#8b887f;cursor:pointer;padding:0;font-size:11px;display:flex;align-items:center}.assigned-tag-chip button:hover{color:#c1440e}.no-tags-hint{font-size:11.5px;color:#9a968c;font-style:italic}.bottom-save-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;background:#fff;border:1px solid #e9e4d9;border-radius:14px;box-shadow:0 4px 18px #372d1e08}.bottom-save-bar .msg-success{color:#26734d;font-size:13.5px;font-weight:600}.bottom-save-bar .msg-error{color:#c1440e;font-size:13.5px;font-weight:600}.btn-save-all{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 24px;background:#232323;color:#fff;border:0;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease}.btn-save-all:hover:not(:disabled){background:#3b4a7a}.btn-save-all:disabled{opacity:.55;cursor:not-allowed}.empty-folder-box{padding:48px 24px;text-align:center;color:#8b887f}.empty-folder-box h3{font-size:16px;font-weight:700;color:#232323;margin:12px 0 6px}.image-lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e1017d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.image-lightbox-dialog{background:#1a1c23;border-radius:14px;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 60px #00000080;border:1px solid #333642;overflow:hidden}.image-lightbox-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#222530;border-bottom:1px solid #333642}.image-lightbox-header h3{margin:0;font-size:15px;font-weight:700;color:#fff}.lightbox-close-btn{background:transparent;border:none;color:#a0a4b0;font-size:20px;cursor:pointer;padding:4px 8px;border-radius:6px;line-height:1}.lightbox-close-btn:hover{background:#ffffff26;color:#fff}.image-lightbox-body{padding:16px;display:flex;align-items:center;justify-content:center;overflow:auto;background:#12141a}.image-lightbox-body img{max-width:100%;max-height:75vh;object-fit:contain;border-radius:6px}@media (max-width: 860px){.folder-table-cols-head,.folder-item-row{grid-template-columns:40px 90px 1fr 1.5fr;gap:12px;padding:12px 14px}}@media (max-width: 680px){.folder-table-cols-head{display:none}.folder-item-row{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:16px 14px}.cell-select{justify-content:flex-start}.bulk-edit-toolbar,.bulk-actions-wrap,.bottom-save-bar{flex-direction:column;align-items:stretch}.btn-save-all{width:100%;justify-content:center}}.edit-folder-page{max-width:1120px;color:#232323;margin-bottom:70px}.edit-folder-page *{box-sizing:border-box}.edit-folder-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;flex-wrap:wrap}.edit-folder-heading-text small{color:#c1440e;font-size:11px;font-weight:700;letter-spacing:.11em}.edit-folder-heading-text h1{margin:7px 0 0;font-size:24px;font-weight:700;color:#1a1c23;line-height:1.3}.edit-folder-heading-text p{margin:5px 0 0;color:#7d7a73;font-size:13.5px}.edit-folder-stats-group{display:flex;align-items:center;gap:12px;flex-shrink:0}.quality-count-stat-card{display:inline-flex;align-items:center;gap:12px;padding:10px 18px;background:#fff;border:1px solid #dcd7cc;border-radius:12px;cursor:pointer;box-shadow:0 4px 12px #0000000a;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none;color:#3b4a7a;white-space:nowrap}.quality-count-stat-card:hover{transform:translateY(-2px);border-color:#3b4a7a;box-shadow:0 6px 16px #3b4a7a1f;background:#f7f9fd}.quality-count-stat-card.active-designs-card{cursor:default;color:#c1440e}.quality-count-stat-card.active-designs-card:hover{transform:none;border-color:#dcd7cc;box-shadow:0 4px 12px #0000000a;background:#fff}.quality-count-info{display:flex;flex-direction:column}.quality-count-info b{font-size:19px;font-weight:800;color:#232323;line-height:1.1}.quality-count-info span{font-size:11px;font-weight:600;color:#77746c;letter-spacing:.02em}.form-section-card{background:#fff;border:1px solid #e9e4d9;border-radius:14px;padding:22px 24px;margin-bottom:22px;box-shadow:0 4px 18px #372d1e08;transition:border-color .2s ease,box-shadow .2s ease}.form-section-card:hover{box-shadow:0 6px 24px #372d1e0d}.form-section-card.section-disabled{background:#fcfbf9;opacity:.92}.section-header{display:flex;align-items:center;gap:12px;padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid #f0ece4}.section-badge{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#3b4a7a;color:#fff;font-size:13.5px;font-weight:700;flex-shrink:0}.section-badge.inactive-counter-badge{background:#9333ea}.section-header h2{font-size:16px;font-weight:700;margin:0;color:#1f2937;letter-spacing:.01em}.section-header p{margin:3px 0 0;color:#7d7a73;font-size:12.5px}.quality-status-pill{margin-left:auto;font-size:11px;font-weight:700;padding:4px 12px;border-radius:999px;letter-spacing:.03em}.quality-status-pill.active{background:#eef8f0;color:#166534;border:1px solid #bbf7d0}.quality-status-pill.inactive{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.folder-ready-badge{margin-left:auto;font-size:12px;font-weight:600;padding:4px 12px;border-radius:999px}.folder-ready-badge.is-ready{background:#eef3ff;color:#2b4594;border:1px solid #c7d7fe}.folder-ready-badge.is-waiting{background:#f4f3f0;color:#8b887f;border:1px solid #e5e1d8}.folder-count-badge{margin-left:auto;background:#f0ece3;color:#59554d;font-size:12px;font-weight:700;padding:4px 12px;border-radius:999px}.quality-selector-fields-row{display:flex;align-items:flex-end;gap:18px;margin-bottom:16px;flex-wrap:wrap}.group-filter-field{flex:1 1 280px}.quality-combobox-field{flex:2 1 450px}.form-group{display:flex;flex-direction:column}.form-group label{display:block;font-size:12.5px;font-weight:600;color:#575650;margin-bottom:6px}.quality-meta-chips-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;background:#fbf9f5;border:1px solid #eee8dc;border-radius:10px;margin-top:6px}.meta-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#fff;border:1px solid #e6e1d5;border-radius:6px;font-size:12px;color:#3b3a36}.meta-chip .chip-label{color:#8a867d;font-weight:600;font-size:11px}.meta-chip .chip-value{font-weight:700;color:#232323}.meta-chip.code-chip{border-color:#cad5ee;background:#f5f8ff}.meta-chip.code-chip .chip-value{color:#2b4594}.meta-chip.active-chip{border-color:#bbf7d0;background:#f2fbf4}.meta-chip.active-chip .chip-value{color:#166534}.meta-chip.inactive-chip{border-color:#fecaca;background:#fef4f4}.meta-chip.inactive-chip .chip-value{color:#b91c1c}.quality-prompt-hint{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#faf8f5;border:1px dashed #ded8cc;border-radius:10px;color:#7b776f;font-size:13px;margin-top:4px}.multi-upload-dropzone{border:2px dashed #ded7c9;border-radius:12px;padding:34px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fdfcf9;transition:all .2s ease;cursor:pointer}.multi-upload-dropzone:hover{border-color:#c1440e;background:#fffdfa}.multi-upload-dropzone.is-dragging{border-color:#c1440e;background:#fdf6f0;transform:scale(1.006);box-shadow:0 4px 20px #c1440e1f}.multi-upload-dropzone.is-disabled{border-style:solid;border-color:#ece8df;background:#f9f8f5;cursor:not-allowed}.dropzone-icon-circle{width:54px;height:54px;border-radius:50%;background:#fdf3eb;color:#c1440e;display:grid;place-items:center;margin-bottom:12px;border:1px solid #f9ded0}.dropzone-icon-circle.is-disabled{background:#eeebe3;color:#a8a49c;border-color:#e2ded5}.dropzone-disabled-title{font-size:15px;font-weight:700;color:#7d7a73;margin-bottom:4px}.dropzone-disabled-text{margin:0;font-size:13px;color:#9d9990;max-width:480px}.dropzone-main-text{font-size:15px;font-weight:600;color:#2b2b2b;margin-bottom:6px}.browse-link-highlight{color:#c1440e;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-weight:700}.browse-link-highlight:hover{color:#9c360a}.dropzone-help-text{margin:0;font-size:12.5px;color:#8b887f;max-width:580px}.uploading-status-pill{margin-top:14px;display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:#fef2eb;color:#c1440e;font-size:12.5px;font-weight:600;border-radius:999px;border:1px solid #fadcd0}.spinner-orbit{width:14px;height:14px;border:2px solid #fadcd0;border-top-color:#c1440e;border-radius:50%;animation:spin .75s linear infinite;display:inline-block}.gallery-top-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}.select-all-label{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#4a4843;cursor:pointer;-webkit-user-select:none;user-select:none}.select-all-label.is-disabled{opacity:.5;cursor:not-allowed}.select-all-label input[type=checkbox]{width:16px;height:16px;accent-color:#3b4a7a;cursor:pointer}.gallery-search-field{display:flex;align-items:center;gap:8px;background:#fdfcf9;border:1px solid #dedad0;border-radius:8px;padding:0 12px;min-height:38px;width:260px;transition:all .15s ease}.gallery-search-field:focus-within{border-color:#3b4a7a;background:#fff;box-shadow:0 0 0 3px #3b4a7a14}.gallery-search-field input,.gallery-search-field input:focus{border:none!important;background:transparent!important;outline:none!important;box-shadow:none!important;font-size:13px;color:#232323;width:100%}.gallery-search-field input::placeholder{color:#9d9990}.btn-clear-search-text{border:none;background:none;color:#9d9990;font-size:11px;cursor:pointer;padding:2px 4px}.btn-clear-search-text:hover{color:#232323}.bulk-actions-floating-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 16px;background:#fff6f6;border:1px solid #ffd5d5;border-radius:10px;margin-bottom:18px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.bulk-selection-info{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#991b1b}.selection-count-pill{display:inline-grid;place-items:center;width:22px;height:22px;background:#991b1b;color:#fff;border-radius:50%;font-size:12px;font-weight:700}.bulk-buttons-group{display:flex;align-items:center;gap:10px}.btn-bulk-deactivate{display:inline-flex;align-items:center;gap:6px;background:#dc2626;color:#fff;border:none;border-radius:7px;padding:6px 13px;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .15s ease}.btn-bulk-deactivate:hover{background:#b91c1c}.btn-bulk-cancel-selection{background:#fff;border:1px solid #dedad0;border-radius:7px;padding:6px 12px;font-size:12px;color:#5d5952;font-weight:600;cursor:pointer}.btn-bulk-cancel-selection:hover{background:#f5f2eb}.gallery-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 20px;background:#faf8f5;border-radius:10px;border:1px dashed #ded7c9}.empty-state-icon{width:60px;height:60px;border-radius:50%;background:#ede9df;color:#7b776f;display:grid;place-items:center;margin-bottom:12px}.gallery-empty-state h3{margin:0 0 6px;font-size:16px;font-weight:700;color:#2b2b2b}.gallery-empty-state p{margin:0;font-size:13px;color:#8b887f;max-width:440px}.designs-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.design-card-item{background:#fff;border:1px solid #e7e2d7;border-radius:12px;padding:10px;display:flex;flex-direction:column;position:relative;transition:all .18s ease;box-shadow:0 2px 8px #00000008}.design-card-item:hover{border-color:#3b4a7a;transform:translateY(-2px);box-shadow:0 6px 16px #3b4a7a14}.design-card-item.is-selected{border-color:#3b4a7a;box-shadow:0 0 0 2px #3b4a7a40;background:#fbfdff}.design-card-item.is-inactive{background:#faf9f6;border-style:dashed;border-color:#ded8cb}.design-card-item.is-inactive:hover{border-color:#9333ea;box-shadow:0 6px 16px #9333ea14}.card-top-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.card-checkbox-label{display:grid;place-items:center;cursor:pointer}.card-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#3b4a7a;cursor:pointer;margin:0}.btn-card-deactivate{display:inline-flex;align-items:center;gap:4px;border:none;background:#f5f2eb;color:#7b776f;font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;cursor:pointer;transition:all .15s ease}.btn-card-deactivate:hover{background:#fee2e2;color:#dc2626}.badge-inactive-pill{background:#f3e8ff;color:#7e22ce;border:1px solid #e9d5ff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;letter-spacing:.02em}.card-media-wrap{width:100%;aspect-ratio:1 / 1;background:#f0ece3;border-radius:8px;overflow:hidden;position:relative;cursor:pointer;margin-bottom:8px}.card-media-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.card-media-wrap:hover img{transform:scale(1.05)}.card-zoom-pill{position:absolute;top:6px;right:6px;width:26px;height:26px;background:#232323b3;color:#fff;border-radius:50%;display:grid;place-items:center;opacity:0;transition:opacity .15s ease,transform .15s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.card-media-wrap:hover .card-zoom-pill{opacity:1;transform:scale(1.05)}.card-footer-wrap{margin-top:auto}.card-code-input{width:100%;border:1px solid #dedad0;border-radius:6px;padding:6px 8px;font-size:12.5px;font-weight:600;color:#232323;background:#fdfcf9;text-align:center;transition:all .15s ease}.card-code-input:focus{border-color:#3b4a7a;background:#fff;outline:none;box-shadow:0 0 0 2px #3b4a7a1f}.inactive-name-label{font-size:12px;font-weight:700;color:#4b4843;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:3px 0 6px}.card-inactive-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:auto}.btn-card-restore{display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid #bbf7d0;background:#f0fdf4;color:#15803d;font-size:11px;font-weight:600;padding:4px 6px;border-radius:6px;cursor:pointer;transition:all .15s ease}.btn-card-restore:hover{background:#dcfce7}.btn-card-perm-delete{display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid #fecaca;background:#fef2f2;color:#b91c1c;font-size:11px;font-weight:600;padding:4px 6px;border-radius:6px;cursor:pointer;transition:all .15s ease}.btn-card-perm-delete:hover{background:#fee2e2}.inactive-section-card{border-color:#ebd7f7;background:#fcfaff}.inactive-section-card:hover{box-shadow:0 6px 24px #9333ea0d}.inactive-bulk-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.inactive-selected-pill{font-size:12px;font-weight:700;color:#7e22ce;margin-right:4px}.btn-inactive-activate-bulk{display:inline-flex;align-items:center;gap:5px;background:#16a34a;color:#fff;border:none;border-radius:6px;padding:5px 11px;font-size:12px;font-weight:600;cursor:pointer}.btn-inactive-activate-bulk:hover{background:#15803d}.btn-inactive-delete-bulk{display:inline-flex;align-items:center;gap:5px;background:#dc2626;color:#fff;border:none;border-radius:6px;padding:5px 11px;font-size:12px;font-weight:600;cursor:pointer}.btn-inactive-delete-bulk:hover{background:#b91c1c}.btn-inactive-cancel{background:#fff;border:1px solid #dedad0;border-radius:6px;padding:5px 10px;font-size:11.5px;color:#635f58;cursor:pointer}.btn-delete-all-inactive{display:inline-flex;align-items:center;gap:5px;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:6px;padding:5px 11px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-delete-all-inactive:hover{background:#fee2e2;color:#b91c1c;border-color:#fca5a5}.inactive-empty-state{display:flex;align-items:center;justify-content:center;gap:10px;padding:24px 20px;text-align:center;font-size:13px;color:#7d7885;background:#fff;border:1px dashed #e4d8ec;border-radius:8px}.inactive-empty-state svg{color:#9333ea;flex-shrink:0}.inactive-top-bar{margin-bottom:14px}.inactive-top-controls .gallery-search-field:focus-within{border-color:#9333ea;box-shadow:0 0 0 3px #9333ea1a}.inactive-top-controls input[type=checkbox]{accent-color:#9333ea}.edit-folder-sticky-bar{position:sticky;bottom:16px;margin-top:24px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #dedad0;border-radius:12px;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 10px 30px #2d231914;z-index:100}.sticky-bar-notifications{display:flex;align-items:center;gap:12px}.sticky-msg-success{font-size:13px;font-weight:600;color:#15803d}.sticky-msg-error{font-size:13px;font-weight:600;color:#b91c1c}.btn-save-folder-action{display:inline-flex;align-items:center;gap:8px;background:#3b4a7a;color:#fff;border:none;border-radius:8px;padding:10px 22px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #3b4a7a33;transition:all .15s ease;margin-left:auto}.btn-save-folder-action:hover:not(:disabled){background:#2b3860;transform:translateY(-1px);box-shadow:0 6px 16px #3b4a7a4d}.btn-save-folder-action:disabled{background:#c3c0b9;cursor:not-allowed;box-shadow:none}.image-lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#121418d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .18s ease}.image-lightbox-dialog{background:#fff;border-radius:14px;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 50px #0006}.image-lightbox-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #eeebe3}.image-lightbox-header h3{margin:0;font-size:16px;font-weight:700;color:#232323}.lightbox-close-btn{border:none;background:#f4f2ec;color:#6d6961;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;cursor:pointer;font-size:13px;transition:all .15s ease}.lightbox-close-btn:hover{background:#e6e2d8;color:#232323}.image-lightbox-body{padding:16px;background:#f8f7f4;display:flex;align-items:center;justify-content:center;overflow:auto}.image-lightbox-body img{max-width:100%;max-height:72vh;object-fit:contain;border-radius:8px;box-shadow:0 4px 16px #0000001a}@media (max-width: 768px){.edit-folder-heading{flex-direction:column;align-items:flex-start}.edit-folder-stats-group{width:100%;justify-content:space-between}.quality-selector-fields-row{flex-direction:column}.gallery-top-controls{flex-direction:column;align-items:stretch}.gallery-search-field{width:100%}.designs-cards-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.search-item-page{max-width:1140px;color:#232323;margin-bottom:50px}.search-item-page *{box-sizing:border-box}.search-item-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.search-item-heading small{color:#c1440e;font-size:11px;font-weight:700;letter-spacing:.11em}.search-item-heading h1{margin:7px 0 0;font-size:25px;font-weight:600}.search-item-heading p{margin:5px 0 0;color:#7d7a73;font-size:13.5px}.search-item-stats{display:flex;gap:12px}.stat-pill{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:10px;padding:10px 15px;background:#fff;border:1px solid #eee9dd;border-radius:10px;color:#3b4a7a}.stat-pill b{color:#232323;font-size:17px}.stat-pill span{grid-column:2;color:#8b887f;font-size:11px}.direct-search-card{background:#fff;border:1px solid #e9e4d9;border-radius:14px;padding:20px 24px;margin-bottom:22px;box-shadow:0 6px 22px #372d1e0a}.direct-search-box-wrap{position:relative;width:100%;margin-bottom:12px}.direct-search-box{display:flex;align-items:center;min-height:50px;padding:0 16px;border:1.5px solid #dedad0;border-radius:10px;background:#faf9f6;color:#9a968c;transition:all .15s ease;width:100%}.direct-search-box:focus-within{border-color:#3b4a7a;background:#fff;box-shadow:0 0 0 3px #3b4a7a1f}.direct-search-box input,.direct-search-box input:focus{flex:1;border:0!important;outline:none!important;box-shadow:none!important;font:inherit;font-size:15px;font-weight:500;padding-left:12px;color:#232323;background:transparent!important}.direct-search-box input::placeholder{color:#9a968c;font-weight:400}.btn-clear-query{border:0;background:none;color:#9a968c;cursor:pointer;padding:4px;display:grid;place-items:center}.btn-add-search-tag{display:inline-flex;align-items:center;gap:4px;background:#3b4a7a;color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .15s ease;margin-right:6px;box-shadow:0 2px 6px #3b4a7a33}.btn-add-search-tag:hover{background:#2b385e}.design-search-suggestions-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1.5px solid #ded8cb;border-radius:10px;box-shadow:0 16px 36px #1c274c24;z-index:1000;overflow:hidden;animation:fadeIn .15s ease}.design-suggestions-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#faf8f5;border-bottom:1px solid #ede8df;font-size:11.5px;font-weight:700;color:#555048}.design-suggestions-header small{color:#9a968c;font-size:11px;font-weight:500}.design-suggestions-list{max-height:240px;overflow-y:auto}.design-suggestion-item{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid #f5f2eb;cursor:pointer;transition:background .12s ease}.design-suggestion-item:last-child{border-bottom:none}.design-suggestion-item:hover,.design-suggestion-item.is-highlighted{background:#fbf7f0}.design-suggestion-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;letter-spacing:.04em;white-space:nowrap}.design-suggestion-badge.badge-code{background:#fef0ea;color:#b53805;font-family:ui-monospace,monospace}.design-suggestion-badge.badge-tag{background:#eef2fa;color:#2c4a85}.design-suggestion-term{font-size:13px;font-weight:600;color:#232323;flex:1}.design-suggestion-hint{font-size:11px;color:#c1440e;font-weight:600}.quality-filter-row{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap;padding-top:14px;border-top:1px solid #f0ece4}.quality-filter-wrap{flex:1 1 280px;min-width:240px;display:flex;flex-direction:column}.quality-filter-label{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:#575650;letter-spacing:.03em;margin-bottom:6px}.specific-quality-dropdown{min-height:40px;min-width:260px;padding:0 14px;border:1.5px solid #dedad0;border-radius:8px;background:#fff;font:inherit;font-size:13.5px;font-weight:600;color:#1c274c;outline:none;cursor:pointer;transition:border-color .15s ease}.specific-quality-dropdown:focus{border-color:#3b4a7a;box-shadow:0 0 0 3px #3b4a7a1a}.items-count-text{font-size:13px;color:#7d7a73;font-weight:500}.items-count-text b{color:#232323}.active-item-bubbles-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:12px;border-top:1px dashed #e9e5dc}.active-bubbles-label{font-size:11px;font-weight:700;color:#8b887f;letter-spacing:.05em;margin-right:4px}.item-bubble-chip{display:inline-flex;align-items:center;gap:6px;background:#fdfbf7;border:1px solid #ebd9c5;padding:3px 10px 3px 12px;border-radius:20px;font-size:12px;color:#232323;box-shadow:0 1px 3px #00000008}.item-bubble-chip strong{color:#c1440e}.btn-bubble-remove{background:#f5e9dc;border:0;border-radius:50%;width:17px;height:17px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#8a330a;transition:all .15s ease}.btn-bubble-remove:hover{background:#c1440e;color:#fff}.btn-clear-item-filters{background:transparent;border:0;color:#c1440e;font-size:12px;font-weight:700;cursor:pointer;text-decoration:underline;margin-left:auto;padding:4px 8px}.direct-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.direct-item-card{background:#fff;border:1px solid #e9e4d9;border-radius:14px;overflow:hidden;box-shadow:0 4px 16px #2323230a;transition:all .18s ease;display:flex;flex-direction:column}.direct-item-card:hover{border-color:#3b4a7a;box-shadow:0 10px 28px #23232317;transform:translateY(-2px)}.direct-thumb-container{position:relative;width:100%;aspect-ratio:1;background:#f5f3ef;overflow:hidden;cursor:pointer}.direct-thumb-container img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.direct-thumb-container:hover img{transform:scale(1.05)}.item-code-badge-overlay{position:absolute;top:10px;left:10px;background:#1c274ce0;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:800;font-size:12px;padding:3px 9px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.02em}.card-body-content{padding:16px;display:flex;flex-direction:column;flex:1;gap:10px}.card-lbl{display:block;font-size:10px;font-weight:700;color:#8b887f;letter-spacing:.05em;margin-bottom:2px}.card-item-code-row{display:flex;flex-direction:column}.card-item-code-badge{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:15px;font-weight:800;color:#c1440e;background:#fef3ea;border:1.5px solid #fbd9c4;padding:2px 8px;border-radius:6px;width:fit-content;letter-spacing:.02em}.card-quality-row{display:flex;flex-direction:column}.card-quality-box{display:flex;align-items:center;gap:8px;cursor:pointer;border-radius:6px;padding:4px 0;transition:opacity .15s ease;flex-wrap:wrap}.card-quality-box:hover{opacity:.85}.q-name-text{font-size:13.5px;font-weight:700;color:#232323;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:190px}.q-code-pill{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11.5px;font-weight:700;color:#1c274c;background:#eef0f7;padding:2px 7px;border-radius:4px;letter-spacing:.02em}.card-price-row{display:flex;flex-direction:column}.card-price-val{font-size:15px;font-weight:800;color:#1c274c}.card-price-val small{font-size:11px;font-weight:500;color:#8b887f}.card-desc-row{display:flex;flex-direction:column}.card-desc-text{font-size:12.5px;color:#575650;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:35px}.card-action-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px solid #f0ece4;margin-top:auto}.btn-view-quality{display:inline-flex;align-items:center;gap:6px;background:#1c274c;color:#fff;border:0;border-radius:7px;padding:7px 14px;font-size:12.5px;font-weight:700;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 6px #1c274c26}.btn-view-quality:hover{background:#2a3a6e;transform:translateY(-1px)}.btn-card-send-pdf{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:0 10px;border-radius:7px;background:#f4f2eb;border:1px solid #dedad0;color:#3b4a7a;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-card-send-pdf:hover{background:#e9e5dc;border-color:#3b4a7a}.image-lightbox-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#121212d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.lightbox-content-box{background:#fff;border-radius:14px;max-width:720px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 60px #00000059;animation:zoomIn .2s ease}@keyframes zoomIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.lightbox-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #eee9dd}.lightbox-header h3{margin:0;font-size:16px;font-weight:600;color:#232323}.btn-close-lightbox{background:transparent;border:0;color:#8b887f;cursor:pointer;padding:4px;display:grid;place-items:center}.lightbox-body{padding:18px 20px;overflow-y:auto;text-align:center}.lightbox-body img{max-width:100%;max-height:480px;object-fit:contain;border-radius:8px;margin-bottom:14px}.lightbox-details{text-align:left;background:#fbfaf8;border:1px solid #eee9dd;border-radius:8px;padding:12px 16px;font-size:13px}.empty-direct-search{padding:60px 24px;text-align:center;color:#8b887f;background:#fff;border:1px solid #e9e4d9;border-radius:14px}.empty-direct-search h3{font-size:16px;font-weight:600;color:#232323;margin:12px 0 6px}.btn-reset-empty{display:inline-block;margin:10px auto 0;padding:8px 18px;background:#1c274c;color:#fff;border:0;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease}.btn-reset-empty:hover{background:#2a3a6e}@media (max-width: 600px){.search-item-heading{align-items:flex-start}.search-item-stats{display:none}.direct-items-grid{grid-template-columns:1fr;gap:14px}.quality-filter-row{flex-direction:column;align-items:flex-start}.specific-quality-dropdown{width:100%}}.digital-contact-page{max-width:1120px;color:#232323;margin-bottom:50px}.digital-contact-page *{box-sizing:border-box}.digital-contact-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.digital-contact-heading small{color:#c1440e;font-size:11px;font-weight:700;letter-spacing:.11em}.digital-contact-heading h1{margin:7px 0 0;font-size:25px;font-weight:600}.digital-contact-heading p{margin:5px 0 0;color:#7d7a73;font-size:13.5px}.digital-contact-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:flex-start}.pdf-preview-column{display:flex;flex-direction:column}.pdf-preview-card{background:#fff;border:1px solid #dedad0;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px #2323230f}.pdf-preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#faf8f5;border-bottom:1px solid #e9e5dc;flex-wrap:wrap;gap:10px}.last-page-badge-wrap{display:flex;align-items:center}.last-page-pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:#18794e;background:#e6f7ec;border:1px solid #c2e8d1;padding:5px 12px;border-radius:20px}.btn-download-sheet-quick{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:5px 12px;background:#fff;border:1px solid #dedad0;border-radius:8px;color:#1c274c;cursor:pointer;transition:all .15s ease}.btn-download-sheet-quick:hover{background:#f4f2eb;border-color:#1c274c}.document-sheet-viewport{width:100%;max-height:640px;overflow-y:auto;background:#333;padding:16px;display:flex;justify-content:center;align-items:flex-start}.quality-picker-input{width:100%;min-height:44px;padding:0 14px;border:1.5px solid #dedad0;border-radius:9px;background:#faf8f5;color:#1c274c;font:inherit;font-size:14px;font-weight:600;outline:none;cursor:pointer;transition:all .15s ease}.quality-picker-input:focus{border-color:#1c274c;background:#fff;box-shadow:0 0 0 3px #1c274c1a}.phone-input-container input{flex:1;border:0;outline:none;padding:0 12px;font:inherit;font-size:15px;font-weight:600;color:#232323;letter-spacing:.03em}.phone-input-container input::placeholder{color:#a8a49c;font-weight:400}.field-error-msg{font-size:11.5px;color:#c1440e;margin-top:4px;font-weight:600}.status-feedback-box{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;font-size:12.5px;font-weight:600}.status-feedback-box.success{background:#e6f7ec;color:#18794e;border:1px solid #c2e8d1}.status-feedback-box.error{background:#fdf2f0;color:#c1440e;border:1px solid #f9d3cc}.btn-send-whatsapp-main{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:9px;background:#25d366;color:#fff;border:0;font:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 14px #25d36659;margin-top:4px}.btn-send-whatsapp-main:hover:not(:disabled){background:#1eb956;transform:translateY(-1px);box-shadow:0 6px 18px #25d36673}.btn-send-whatsapp-main:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.button-spinner{width:16px;height:16px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.success-action-buttons{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding-top:12px;border-top:1px solid #f0ece4}.btn-aux-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 14px;border-radius:8px;border:1px solid #dedad0;background:#faf8f5;color:#1c274c;font:inherit;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .15s ease}.btn-aux-action:hover{background:#fff;border-color:#1c274c}.btn-aux-action.whatsapp-web{background:#eaf8ef;border-color:#92e0ae;color:#15733b}.btn-aux-action.whatsapp-web:hover{background:#d4f2dc}.official-contact-card{background:#fdfbf7;border:1px solid #ebd9c5;border-radius:12px;padding:16px 20px}.official-card-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#c1440e;letter-spacing:.05em;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f0ece4}.contact-details-list{display:flex;flex-direction:column;gap:8px}.detail-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12.5px}.detail-lbl{color:#7d7a73;font-weight:500}.detail-val{color:#1c274c;font-weight:600;text-align:right}.edit-contact-card{background:#fff;border:1px solid #dedad0;border-radius:14px;padding:20px;box-shadow:0 4px 16px #23232308}.edit-contact-header{display:flex;align-items:center;gap:12px}.edit-icon-bubble{width:38px;height:38px;border-radius:10px;background:#f2eee6;color:#1c274c;display:grid;place-items:center;flex-shrink:0}.edit-title-block{flex:1}.edit-title-block h3{margin:0;font-size:15px;font-weight:700;color:#1c274c}.edit-title-block p{margin:2px 0 0;font-size:11.5px;color:#7d7a73}.btn-toggle-edit-mode{padding:5px 12px;font-size:12px;font-weight:600;border-radius:6px;border:1px solid #dedad0;background:#faf8f5;color:#1c274c;cursor:pointer;transition:all .15s ease}.btn-toggle-edit-mode:hover{background:#1c274c;color:#fff;border-color:#1c274c}.edit-contact-form{margin-top:16px;padding-top:14px;border-top:1px solid #f0ece4;display:flex;flex-direction:column;gap:12px}.contact-text-input{width:100%;border:1.5px solid #dedad0;border-radius:8px;padding:8px 12px;font:inherit;font-size:13px;color:#232323;outline:none;background:#faf8f5;transition:all .15s ease}.contact-text-input:focus{border-color:#1c274c;background:#fff;box-shadow:0 0 0 3px #1c274c14}.btn-reset-contact-defaults{align-self:flex-start;background:transparent;border:0;color:#c1440e;font-size:12px;font-weight:700;cursor:pointer;text-decoration:underline;padding:4px 0;margin-top:4px}.active-contact-summary-box{margin-top:14px;padding:12px 14px;background:#fbfaf8;border:1px solid #ece8df;border-radius:8px;display:flex;flex-direction:column;gap:6px;font-size:12px}.summary-line{display:flex;align-items:baseline;gap:8px}.summary-lbl{color:#7d7a73;font-weight:600;width:95px;flex-shrink:0}@media (max-width: 900px){.digital-contact-layout{grid-template-columns:1fr}}@media (max-width: 600px){.digital-contact-heading{align-items:flex-start}}.view-share-catalog-page{max-width:1160px;color:#232323;margin-bottom:50px}.view-share-catalog-page *{box-sizing:border-box}.view-share-catalog-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.view-share-catalog-heading small{color:#c1440e;font-size:11px;font-weight:700;letter-spacing:.11em}.view-share-catalog-heading h1{margin:7px 0 0;font-size:25px;font-weight:600}.view-share-catalog-heading p{margin:5px 0 0;color:#7d7a73;font-size:13.5px}.catalog-tab-switch-group{display:inline-flex;align-items:center;background:#f0ede6;padding:4px;border-radius:10px;gap:4px;border:1px solid #dedad0;box-shadow:inset 0 1px 3px #0000000a}.btn-catalog-tab{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border-radius:7px;border:none;background:transparent;color:#55524a;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn-catalog-tab:hover{color:#232323;background:#fff9}.btn-catalog-tab.active{background:#3b4a7a;color:#fff;box-shadow:0 2px 6px #3b4a7a40}.view-share-catalog-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:flex-start}.catalog-preview-column{display:flex;flex-direction:column}.catalog-preview-card{background:#fff;border:1px solid #dedad0;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px #2323230f}.catalog-preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#faf8f5;border-bottom:1px solid #e9e5dc;flex-wrap:wrap;gap:10px}.page-switcher-tabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tab-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid #dedad0;background:#fff;color:#575650;font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.tab-btn:hover{border-color:#1c274c;color:#1c274c}.tab-btn.active{background:#1c274c;color:#fff;border-color:#1c274c;box-shadow:0 2px 6px #1c274c33}.tab-badge{background:#c1440e;color:#fff;font-size:9px;font-weight:800;padding:1px 5px;border-radius:4px;letter-spacing:.05em}.tab-badge.contact-badge{background:#25d366}.selected-sku-meta-pill{display:inline-flex;align-items:center;gap:8px;font-size:12px;background:#f4f1ea;padding:4px 10px;border-radius:6px;border:1px solid #e2ddd4}.selected-sku-meta-pill strong{font-family:monospace;color:#c1440e}.selected-sku-meta-pill span{color:#555149}.document-sheet-viewport{width:100%;max-height:640px;overflow-y:auto;background:#2b2b2b;padding:16px;display:flex;justify-content:center;align-items:flex-start}.document-sheet-img{max-width:100%;width:520px;height:auto;border-radius:6px;box-shadow:0 12px 36px #0006;display:block}.sheet-caption-bar{padding:12px 18px;background:#faf8f5;border-top:1px solid #e9e5dc}.caption-text{font-size:12.5px;color:#4a4843}.caption-text strong{color:#1c274c}.whatsapp-action-column{display:flex;flex-direction:column;gap:20px}.send-whatsapp-card{background:#fff;border:1px solid #dedad0;border-radius:14px;padding:24px;box-shadow:0 8px 24px #2323230a}.whatsapp-card-header{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f0ece4}.whatsapp-icon-bubble{width:46px;height:46px;border-radius:12px;background:#25d366;color:#fff;display:grid;place-items:center;flex-shrink:0;box-shadow:0 4px 12px #25d3664d}.whatsapp-card-header h2{margin:0;font-size:18px;font-weight:700;color:#1c274c}.whatsapp-card-header p{margin:3px 0 0;font-size:12.5px;color:#7d7a73}.whatsapp-send-form{display:flex;flex-direction:column;gap:16px}.form-field-group{display:flex;flex-direction:column}.form-field-group label{font-size:12px;font-weight:700;color:#575650;margin-bottom:6px;letter-spacing:.03em}.phone-input-container{display:flex;align-items:center;min-height:46px;border:1.5px solid #dedad0;border-radius:9px;background:#fff;overflow:hidden;transition:all .15s ease}.phone-input-container:focus-within{border-color:#25d366;box-shadow:0 0 0 3px #25d36624}.phone-input-container.invalid{border-color:#c1440e}.country-prefix{padding:0 14px;font-size:14px;font-weight:700;color:#1c274c;background:#f4f2eb;align-self:stretch;display:flex;align-items:center;border-right:1px solid #dedad0}.phone-input-container input{flex:1;border:0;outline:none;padding:0 12px;font:inherit;font-size:15px;font-weight:600;color:#1c274c;letter-spacing:.04em;background:transparent}.field-error-msg{color:#c1440e;font-size:12px;font-weight:600;margin-top:5px}.status-feedback-box{padding:12px 14px;border-radius:8px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px}.status-feedback-box.success{background:#eafaf1;color:#18794e;border:1px solid #a8e5be}.status-feedback-box.error{background:#fdf2f2;color:#c1440e;border:1px solid #f8b4b4}.btn-send-whatsapp-main{min-height:48px;border:0;border-radius:10px;background:#25d366;color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 4px 14px #25d36659;transition:all .15s ease}.btn-send-whatsapp-main:hover:not(:disabled){background:#1ebc59;transform:translateY(-1px);box-shadow:0 6px 18px #25d36673}.btn-send-whatsapp-main:disabled{background:#c5c1b6;cursor:not-allowed;box-shadow:none;transform:none}.button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.success-action-buttons{display:flex;flex-direction:column;gap:8px;margin-top:6px}.btn-aux-action{min-height:42px;border:1px solid #dedad0;border-radius:8px;background:#fff;color:#1c274c;font:inherit;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;text-decoration:none;transition:all .15s ease}.btn-aux-action:hover{background:#fbfaf8;border-color:#1c274c}.btn-aux-action.whatsapp-web{color:#128c7e;border-color:#a8e5be;background:#f0fbf4}.btn-aux-action.whatsapp-web:hover{background:#e1f7ea}.official-contact-card{background:#fff;border:1px solid #dedad0;border-radius:14px;padding:20px;box-shadow:0 4px 16px #23232308}.official-card-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#1c274c;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #f0ece4}.contact-details-list{display:flex;flex-direction:column;gap:10px}.detail-row{display:flex;flex-direction:column;gap:2px}.detail-lbl{font-size:11px;color:#7d7a73;font-weight:600}.detail-val{font-size:13px;color:#232323;word-break:break-word}@media (max-width: 900px){.view-share-catalog-layout{grid-template-columns:1fr}}.master-data-page{max-width:1100px}.master-data-page header small{color:#77746c;font-weight:700;letter-spacing:.12em}.master-data-page header h1{margin:5px 0}.master-data-page header p{color:#77746c}.master-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.master-tabs button{border:1px solid #d9d6ce;background:#fff;padding:9px 13px;border-radius:8px;cursor:pointer}.master-tabs button.active{background:#3b4a7a;color:#fff;border-color:#3b4a7a}.master-card,.master-data-state{background:#fff;border:1px solid #e0ddd5;border-radius:14px;padding:22px}.master-add-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.master-add-form label{display:grid;gap:6px;min-width:240px;font-size:12px;font-weight:700}.master-add-form input,.master-search input{border:1px solid #d9d6ce;border-radius:8px;padding:10px}.master-add-form button{border:0;background:#3b4a7a;color:#fff;border-radius:8px;padding:11px 15px;display:flex;gap:7px;cursor:pointer}.master-search{display:flex;align-items:center;gap:8px;margin:20px 0}.master-search input{width:min(420px,100%)}.master-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:9px}.master-list>div{display:flex;justify-content:space-between;align-items:center;border:1px solid #ebe8e1;border-radius:8px;padding:10px}.master-list span{display:grid}.master-list small{color:#8b887f;margin-top:3px}.master-list button{border:0;background:transparent;color:#a34444;cursor:pointer}.master-success{color:#287a4d}.master-error{color:#b33b2e}:root{--bg-main: #F7F5F0;--bg-card: #FFFFFF;--bg-muted: #F8F6F1;--border-subtle: #EAE5D9;--border-strong: #DDD7C9;--border-focus: #3B4A7A;--text-primary: #191C24;--text-secondary: #68645C;--text-muted: #9C988E;--color-indigo: #3B4A7A;--color-indigo-dark: #2B375C;--color-rust: #C1440E;--color-emerald: #10B981;--color-amber: #D97706;--shadow-sm: 0 1px 3px rgba(30, 34, 45, .04);--shadow-md: 0 4px 16px rgba(30, 34, 45, .04);--shadow-lg: 0 12px 32px rgba(30, 34, 45, .07);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100vh;background-color:var(--bg-main);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2323232e;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#23232352}input,select,textarea,button{font-family:inherit;font-size:inherit}input[type=text],input[type=tel],input[type=email],input[type=number],input[type=password],input[type=search],select,textarea{transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-indigo);box-shadow:0 0 0 3px #3b4a7a1f}[class*=search] input,[class*=search] input:focus,[class*=combobox] input,[class*=combobox] input:focus,.universal-search-box input,.universal-search-box input:focus,.direct-search-box input,.direct-search-box input:focus,.search-qualities-box input,.search-qualities-box input:focus,.supplier-search input,.supplier-search input:focus,.agency-search-bar input,.agency-search-bar input:focus,.gallery-search-field input,.gallery-search-field input:focus,.combobox-text-input,.combobox-text-input:focus,.searchable-select-input,.searchable-select-input:focus,.supplier-text-input,.supplier-text-input:focus,.master-search input,.master-search input:focus,.um-search-box input,.um-search-box input:focus{outline:none!important;border:none!important;box-shadow:none!important;background-color:transparent!important}a,button{transition:all .15s cubic-bezier(.4,0,.2,1)}button:active{transform:scale(.985)}.agency-card,.supplier-card,.form-section-card,.list-items-card,.search-card,.dashboard-chart,.reports-card,.profile-card-panel{border:1px solid var(--border-subtle)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-md)!important;transition:box-shadow .2s ease,border-color .2s ease}.agency-card:hover,.supplier-card:hover,.form-section-card:hover,.list-items-card:hover,.search-card:hover,.reports-card:hover{box-shadow:var(--shadow-lg)!important}table{border-collapse:collapse;width:100%}th{background:var(--bg-muted);color:var(--text-secondary);font-size:11.5px;font-weight:700;letter-spacing:.05em}tr{transition:background-color .12s ease}tbody tr:hover{background-color:#faf8f4}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-container,.dashboard,.list-items-page,.add-quality-page,.search-page,.user-management-page,.reports-page,.digital-contact-page,.agency-page,.supplier-page,.profile-page,.edit-folder-page{animation:fadeInSlide .22s ease-out}[data-modal-overlay]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:11000;padding:16px}[data-modal-overlay]>:first-child{max-height:calc(100dvh - 32px);max-width:100%;overflow-y:auto;overscroll-behavior:contain}[data-modal-overlay] button:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--color-indigo);outline-offset:3px}[data-modal-overlay] input,[data-modal-overlay] select,[data-modal-overlay] textarea{min-width:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width: 600px){.add-quality-heading{flex-direction:column;gap:14px}.add-quality-heading .quality-count-stat-card{margin-left:0}.add-quality-heading-text h1{font-size:22px}[data-modal-overlay]{padding:10px}[data-modal-overlay]>:first-child{max-height:calc(100dvh - 20px)}}