:root{color-scheme:light;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;color:#263238;background:#f4f7fa;--color-primary: #1677d2;--color-primary-hover: #0f66b8;--color-primary-active: #0b559c;--color-primary-dark: #0b559c;--color-primary-soft: #eaf4ff;--color-sidebar: #1168b5;--color-sidebar-hover: #0d5a9e;--color-sidebar-active: rgba(255, 255, 255, .18);--color-background: #f4f7fa;--color-surface: #ffffff;--color-surface-alt: #f8fafc;--color-border: #dce4ec;--color-border-strong: #c7d2de;--color-text: #263238;--color-text-secondary: #52616b;--color-text-muted: #7b8790;--color-muted: #52616b;--color-success: #2eaa68;--color-success-soft: #e9f7ef;--color-warning: #f29d38;--color-warning-soft: #fff5e5;--color-danger: #dc4c4c;--color-danger-soft: #fff0f0;--color-info: #2788d8;--shadow-card: 0 2px 8px rgba(31, 55, 74, .07);--shadow-dropdown: 0 8px 24px rgba(31, 55, 74, .12);--shadow-modal: 0 18px 48px rgba(31, 55, 74, .2);--shadow-soft: var(--shadow-card);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--control-height: 40px}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app-shell{min-height:100vh}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px clamp(20px,5vw,64px);border-bottom:1px solid var(--color-border);background:#fffffff0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--color-primary-dark);font-weight:800}.brand-mark{display:inline-grid;width:36px;height:36px;place-items:center;border-radius:8px;background:var(--color-primary);color:#fff;font-size:.8rem}.site-nav{display:flex;flex-wrap:wrap;gap:8px;color:var(--color-muted);font-size:.95rem}.site-nav a{padding:8px 10px;border-radius:6px}.page-content{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:40px 0 64px}.hero-section,.detail-hero,.search-layout{display:grid;gap:28px}.hero-section{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:stretch;padding:clamp(28px,6vw,58px);border:1px solid var(--color-border);border-radius:8px;background:linear-gradient(180deg,#fff,#f4f9ff);box-shadow:var(--shadow-soft)}.hero-copy h1,.page-heading h1,.detail-summary h1,.placeholder-page h1{margin:0;color:#0b2545;font-size:clamp(2rem,4vw,3.3rem);line-height:1.1}.hero-copy p,.lead-text,.placeholder-page p,.trust-panel span,.category-tile span,.muted-note{color:var(--color-muted);line-height:1.7}.eyebrow{margin:0 0 12px;color:var(--color-primary);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.search-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:22px}.search-bar input,.filter-panel input,.filter-panel select{width:100%;min-height:46px;border:1px solid var(--color-border);border-radius:8px;background:#fff;color:#0b2545}.search-bar input{padding:0 16px}.search-bar-compact{max-width:760px}.button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid transparent;border-radius:8px;cursor:pointer;font-weight:750}.button:disabled{cursor:not-allowed;opacity:.55}.button-primary{background:var(--color-primary);color:#fff}.button-secondary{border-color:var(--color-border);background:#fff;color:var(--color-primary-dark)}.button-ghost{border-color:transparent;background:var(--color-primary-soft);color:var(--color-primary-dark)}.hero-actions,.company-actions,.detail-actions,.pagination{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.hero-actions{margin-top:14px;color:var(--color-muted)}.trust-panel,.placeholder-page,.filter-panel,.state-box,.product-card,.section-block{border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface)}.trust-panel{display:grid;align-content:center;gap:12px;padding:28px}.trust-panel strong{color:var(--color-primary-dark);font-size:1.4rem}.section-block{margin-top:28px;padding:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.section-heading h2{margin:0;color:#0b2545}.text-link{color:var(--color-primary);font-weight:750}.product-name-link{color:#0b2545}.product-name-link:hover{color:var(--color-primary)}.category-grid,.product-grid{display:grid;gap:16px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-tile{display:grid;gap:8px;min-height:132px;padding:20px;border:1px solid var(--color-border);border-radius:8px;background:#f8fbff}.category-tile strong{color:var(--color-primary-dark);font-size:1.1rem}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card{display:grid;grid-template-columns:164px minmax(0,1fr);gap:18px;padding:16px}.product-card-media,.detail-media,.image-strip a{position:relative;overflow:hidden;border-radius:8px;background:#eaf3ff}.product-card-media{aspect-ratio:1}.product-image,.document-image{width:100%;height:100%;object-fit:cover;display:block}.image-placeholder{display:grid;width:100%;height:100%;min-height:120px;place-items:center;color:var(--color-primary-dark);font-weight:800}.hidden{display:none}.product-card-body{display:grid;gap:10px}.product-card h3{margin:0;color:#0b2545;font-size:1.15rem}.product-card p{margin:0;color:var(--color-muted);line-height:1.55}.card-topline{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--color-muted);font-size:.9rem}.badge{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border:1px solid #a8d4ba;border-radius:999px;background:#eefaf2;color:#146c3f;font-size:.82rem;font-weight:750}.meta-list,.detail-grid,.company-info,.modal-detail-list{display:grid;gap:12px;margin:0}.meta-list{grid-template-columns:repeat(2,minmax(0,1fr))}dt{color:var(--color-muted);font-size:.82rem}dd{margin:3px 0 0;color:#0b2545;font-weight:650;overflow-wrap:anywhere}.page-heading{display:grid;gap:14px;margin-bottom:24px}.search-layout{grid-template-columns:280px minmax(0,1fr);align-items:start}.filter-panel{display:grid;gap:16px;padding:18px}.filter-panel label{display:grid;gap:8px;min-width:0;color:#0b2545;font-weight:700}.filter-panel input,.filter-panel select{box-sizing:border-box;min-width:0;max-width:100%;padding:0 12px;font-weight:500}.admin-company-search-panel{grid-template-columns:minmax(280px,1fr) minmax(220px,320px);align-items:end}.search-input-with-clear{position:relative;min-width:0}.search-input-with-clear input{width:100%;padding-right:42px}.search-input-with-clear button{position:absolute;top:50%;right:6px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:0;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary);cursor:pointer;font-size:20px;line-height:1;transform:translateY(-50%)}.results-panel,.result-list{display:grid;gap:14px}.result-count{color:var(--color-muted);font-weight:700}.detail-hero{grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);align-items:start}.detail-media{aspect-ratio:1 / 1;border:1px solid var(--color-border);display:grid;place-items:center;overflow:hidden;border-radius:8px;background:linear-gradient(180deg,#fff,#eef7ff)}.detail-media .product-image{width:100%;height:100%;object-fit:contain;padding:18px}.detail-gallery{display:grid;gap:12px;align-content:start}.product-thumbnail-strip{display:grid;grid-auto-columns:82px;grid-auto-flow:column;gap:10px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x proximity;scrollbar-width:thin}.product-thumbnail{display:grid;width:82px;aspect-ratio:1;place-items:center;padding:0;border:1px solid var(--color-border);border-radius:10px;background:#fff;cursor:pointer;overflow:hidden;scroll-snap-align:start}.product-thumbnail.is-active{border-color:var(--color-primary);box-shadow:0 0 0 2px #1677d22e}.product-thumbnail .product-image{width:100%;height:100%;object-fit:contain;padding:6px}.detail-summary{display:grid;gap:16px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-actions{margin-top:4px}.company-info{grid-template-columns:repeat(3,minmax(0,1fr))}.company-actions{margin-top:18px}.company-info-compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px}.company-info-compact>div{min-width:0}.company-info-compact dt{color:var(--color-muted);font-size:.9rem}.company-info-compact dd{overflow-wrap:anywhere}.company-actions{display:flex;flex-wrap:wrap;gap:10px}.image-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.image-strip a{aspect-ratio:1;border:1px solid var(--color-border);display:grid;place-items:center;overflow:hidden;border-radius:8px;background:#fff}.image-strip .product-image{width:100%;height:100%;object-fit:contain;padding:10px}.state-box{padding:18px;color:var(--color-primary-dark)}.state-muted{color:var(--color-muted)}.state-error{border-color:#f4b8b0;background:#fff7f6;color:var(--color-danger)}.state-warning{border-color:#fed7aa;background:#fff7ed;color:#7c2d12}.state-warning strong,.state-warning p{margin:0}.state-warning p{margin-top:6px;line-height:1.55}.placeholder-page{padding:32px;box-shadow:var(--shadow-soft)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#0b254573}.modal-panel{width:min(920px,100%);max-height:min(760px,calc(100vh - 40px));overflow:hidden;border-radius:8px;background:#fff;box-shadow:0 24px 80px #0b254547}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--color-border)}.modal-header h2{margin:0;color:#0b2545;font-size:1.25rem}.icon-button{width:36px;height:36px;border:1px solid var(--color-border);border-radius:8px;background:#fff;color:var(--color-primary-dark);cursor:pointer;font-size:1.35rem}.modal-content{max-height:calc(100vh - 138px);overflow:auto;padding:20px}.modal-detail-list{grid-template-columns:repeat(2,minmax(0,1fr))}.document-frame{width:100%;height:min(620px,70vh);border:1px solid var(--color-border);border-radius:8px;background:#fff}.document-image{display:block;width:100%;max-height:70vh;object-fit:contain;border:1px solid var(--color-border);border-radius:8px}.document-meta{display:grid;gap:4px;margin-bottom:14px;color:var(--color-muted)}.document-meta strong{color:#0b2545}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.login-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,.55fr);gap:28px;align-items:center;min-height:560px}.login-panel h1,.company-heading h1{margin:0;color:#0b2545;font-size:clamp(1.8rem,3vw,2.6rem)}.login-panel p,.company-heading p{color:var(--color-muted);line-height:1.7}.company-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;align-items:start}.company-sidebar{position:sticky;top:86px;display:grid;gap:18px;padding:18px;border:1px solid var(--color-border);border-radius:8px;background:#fff}.company-sidebar strong{color:var(--color-primary-dark)}.company-sidebar nav{display:grid;gap:6px}.company-sidebar a,.company-sidebar button{min-height:38px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--color-muted);cursor:pointer;text-align:left}.company-sidebar a.active,.company-sidebar button:hover{background:var(--color-primary-soft);color:var(--color-primary)}.company-sidebar a:not(.placeholder-link):hover{background:var(--color-primary-soft);color:var(--color-primary)}.company-sidebar a.placeholder-link{color:var(--color-muted);cursor:default}.company-sidebar a.placeholder-link:hover{background:transparent;color:var(--color-muted)}.company-sidebar a.placeholder-link.active{background:var(--color-primary-soft);color:var(--color-primary);cursor:pointer}.company-main{display:grid;gap:18px}.company-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;padding:22px;border:1px solid var(--color-border);border-radius:8px;background:#fff}.company-heading>div{min-width:0}.product-qr-card{display:grid;width:190px;gap:8px;justify-items:center;padding:12px;border:1px solid var(--color-border);border-radius:8px;background:#fff;color:var(--color-primary-dark);text-align:center}.product-qr-card strong{font-size:.9rem}.product-qr-card span,.product-qr-card a{max-width:100%;color:var(--color-muted);font-size:.76rem;line-height:1.35;overflow-wrap:anywhere}.product-qr-card a{color:var(--color-primary);text-decoration:underline}.product-qr-card-muted{align-self:stretch;justify-content:center}.product-qr-card-wide{width:min(100%,360px);grid-template-columns:132px minmax(0,1fr);align-items:center;justify-items:start;text-align:left}.product-qr-meta{display:grid;min-width:0;gap:6px}.product-qr-image{display:grid;width:112px;height:112px;place-items:center;border:1px solid var(--color-border);border-radius:8px;background:#fff;overflow:hidden}.product-qr-image img{width:100%;height:100%;object-fit:contain}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stat-card{display:grid;gap:8px;padding:18px;border:1px solid var(--color-border);border-radius:8px;background:#fff}.stat-card span,.stat-card small{color:var(--color-muted)}.stat-card strong{color:var(--color-primary-dark);font-size:1.55rem}.table-wrap{overflow-x:auto}.product-table{width:100%;min-width:760px;border-collapse:collapse}.product-table th,.product-table td{padding:12px;border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}.product-table th{color:var(--color-muted);font-size:.86rem}.text-action{border:0;padding:0;background:transparent;color:var(--color-primary-dark);cursor:pointer;font:inherit;font-weight:800;text-align:left}.text-action:hover,.text-action:focus-visible{color:var(--color-primary);text-decoration:underline}.admin-companies-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,380px);gap:18px;align-items:start}.admin-companies-grid-single{grid-template-columns:1fr}.admin-companies-list,.admin-company-detail{min-width:0}.admin-companies-table-scroll{max-width:100%;border:1px solid var(--color-border);border-radius:8px}.admin-companies-table{min-width:920px}.admin-companies-table th,.admin-companies-table td{overflow-wrap:anywhere}.admin-companies-table tbody tr.is-selected{background:#f5f9ff}.admin-company-name{display:inline;max-width:100%}.admin-company-detail{position:sticky;top:86px;display:grid;gap:14px}.admin-company-detail .muted{margin:0;color:var(--color-muted);line-height:1.6}.admin-company-summary{display:grid;gap:6px;padding:14px;border:1px solid var(--color-border);border-radius:8px;background:#f8fbff}.admin-company-summary strong{color:var(--color-primary-dark);font-size:1.05rem;overflow-wrap:anywhere}.admin-company-summary span{color:var(--color-muted);font-weight:700}.admin-company-detail-list{display:grid;gap:10px;margin:0}.admin-company-detail-list div{display:grid;gap:4px;padding-bottom:10px;border-bottom:1px solid var(--color-border)}.admin-company-detail-list dt{color:var(--color-muted);font-size:.85rem;font-weight:800}.admin-company-detail-list dd{margin:0;color:var(--color-primary-dark);overflow-wrap:anywhere}.status-badge{display:inline-flex;min-height:26px;align-items:center;padding:0 10px;border-radius:999px;background:#eef3fb;color:#36506f;font-size:.82rem;font-weight:750}.status-approved{background:#eefaf2;color:#146c3f}.status-pending_review{background:#fff7e8;color:#9a5b00}.status-need_supplement{background:#fff1f0;color:#b42318}.company-form,.product-editor,.form-section{display:grid;gap:16px}.company-form{padding:22px;border:1px solid var(--color-border);border-radius:8px;background:#fff}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid-full{grid-column:1 / -1}.form-grid label,.company-form label,.upload-box label{display:grid;gap:8px;color:#0b2545;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea,.company-form input,.company-form select,.company-form textarea{width:100%;border:1px solid var(--color-border);border-radius:8px;background:#fff;color:#0b2545}.form-grid input,.form-grid select,.company-form input,.company-form select{min-height:42px;padding:0 12px}.form-grid textarea,.company-form textarea{padding:10px 12px;resize:vertical}.form-grid textarea.auto-grow-textarea{min-height:110px;max-height:560px;overflow-y:hidden;resize:none}.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.product-form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--color-border)}.product-form-actions-compact{margin-top:0;padding-top:0;border-top:0}.barcode-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.barcode-input-row .button{min-height:42px;white-space:nowrap}.section-heading-stacked{display:grid;justify-content:stretch;gap:8px}.section-heading-stacked p{margin:0;color:var(--color-muted);line-height:1.6}.product-publish-section{display:grid;gap:16px}.product-internal-note{display:grid;gap:8px;color:#0b2545;font-weight:700}.product-internal-note textarea{width:100%;min-height:110px;border:1px solid var(--color-border);border-radius:8px;padding:10px 12px;resize:vertical}.product-document-edit-list{display:grid;grid-column:1 / -1;gap:14px}.product-document-edit-card{display:grid;grid-column:1 / -1;gap:14px;padding:16px;border:1px solid var(--color-border);border-radius:8px;background:#fff}.product-media-layout{display:grid;grid-column:1 / -1;gap:18px}.product-main-image-panel,.product-other-images-panel{display:grid;gap:12px}.product-main-image-panel h3,.product-other-images-panel h3{margin:0;color:#0b2545}.product-image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:14px}.product-image-card,.product-image-add-tile{display:grid;gap:10px;align-content:start;padding:12px;border:1px solid var(--color-border);border-radius:8px;background:#fff;min-width:0}.product-image-card-large{width:min(100%,280px)}.product-image-add-tile{padding:0;border:0;background:transparent}.product-image-add-tile .upload-box,.product-image-add-tile .upload-tile{height:100%}.product-image-add-tile .upload-tile{min-height:100%}.product-image-thumb{width:100%;aspect-ratio:1 / 1;border:1px solid var(--color-border);border-radius:8px;background:#f8fbff;cursor:pointer;overflow:hidden}.product-image-thumb:disabled{cursor:default}.product-image-thumb img{width:100%;height:100%;object-fit:cover}.product-image-thumb span{display:grid;height:100%;padding:12px;place-items:center;color:var(--color-muted);text-align:center;font-weight:800}.product-image-card-body{display:grid;gap:4px}.product-image-card-body span{color:var(--color-muted);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-declaration-upload{display:grid;grid-column:1 / -1;gap:8px}.public-product-qr-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px}.public-product-qr-card img{width:190px;max-width:100%;border:1px solid var(--color-border);border-radius:8px;background:#fff;padding:10px}.public-product-qr-inline{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;width:min(100%,420px);margin-top:2px;padding:12px;border:1px solid var(--color-border);border-radius:12px;background:#f8fbff}.public-product-qr-inline img{width:92px;height:92px;padding:6px;border:1px solid var(--color-border);border-radius:10px;background:#fff}.public-product-qr-inline div{display:grid;gap:4px;min-width:0}.public-product-qr-inline strong{color:var(--color-primary-dark)}.public-product-qr-inline span{color:var(--color-muted);font-size:.9rem;overflow-wrap:anywhere}.public-product-qr-inline-compact{width:100%;margin-top:0}.public-product-qr-inline-compact img{width:76px;height:76px}.admin-company-user-filter{grid-template-columns:minmax(260px,1.15fr) minmax(220px,1fr) minmax(180px,.8fr) auto;align-items:end}.admin-company-user-filter .form-actions{align-self:end;margin:0}.admin-company-user-filter .button{min-width:96px}.company-profile-edit,.company-profile-documents{display:grid;gap:14px}.company-profile-documents{margin-top:22px;padding-top:18px;border-top:1px solid var(--color-border)}.section-heading.compact{align-items:center;gap:12px}.section-heading.compact h3{margin:2px 0 0;color:#0b2545}.file-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:1px solid var(--color-border);border-radius:8px;background:#fff;color:var(--color-primary);font-weight:800;cursor:pointer}.file-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.document-list{display:grid;gap:10px}.document-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid var(--color-border);border-radius:8px;background:#fff}.document-row p{margin:4px 0 0;color:var(--color-muted)}.document-row-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}.form-success{color:#146c3f;font-weight:700}.form-error{color:#b42318;font-weight:700}.field-error{color:#b42318;font-size:.88rem;font-weight:700}.field-has-error input,.field-has-error select,.field-has-error textarea,input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--color-danger);box-shadow:0 0 0 3px #b423181f}.validation-summary{display:grid;gap:8px;padding:12px 14px;border:1px solid rgba(180,35,24,.24);border-radius:8px;background:var(--color-danger-soft);color:var(--color-danger)}.validation-summary ul{margin:0;padding-left:20px}.validation-summary li{margin:2px 0}.create-company-form,.create-company-documents-step{display:flex;min-height:0;flex-direction:column}.create-company-modal-scroll{max-height:min(56vh,520px);overflow-y:auto;padding-right:4px}.create-company-modal-footer{position:sticky;bottom:-20px;z-index:2;margin:16px -20px -20px;padding:14px 20px;border-top:1px solid var(--color-border);background:#fff;box-shadow:0 -12px 28px #0b254514}.required-marker{color:#b42318}.required-note{margin:8px 0 0;color:var(--color-muted);font-size:.95rem}.validation-list{margin:0;padding-left:20px;color:#9a3412;font-weight:700}.admin-page-message{margin-bottom:16px}.table-scroll{overflow-x:auto}.product-table td span{display:block;margin-top:4px;color:var(--color-muted);font-size:.92rem}.upload-box{display:grid;min-width:0;gap:8px}.upload-box small{color:var(--color-muted)}.visually-hidden-file{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.upload-tile{display:grid;width:100%;min-height:138px;align-content:center;justify-items:center;gap:8px;padding:16px;border:1px dashed #aac6e8;border-radius:8px;background:#f8fbff;color:#0b2545;cursor:pointer;text-align:center}.upload-tile:hover:not(:disabled){border-color:var(--color-primary);background:#eef6ff}.upload-tile:disabled{cursor:not-allowed;opacity:.72}.upload-tile-plus{display:grid;width:34px;height:34px;place-items:center;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary);font-size:1.5rem;font-weight:900;line-height:1}.upload-tile-label{font-weight:900}.upload-tile-hint{max-width:100%;overflow:hidden;color:var(--color-muted);font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.file-list{display:grid;gap:8px;padding:0;margin:0;list-style:none}.file-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--color-border);border-radius:8px;background:#fff}.file-list-actions{display:flex;flex-shrink:0;align-items:center;gap:10px}.file-list-actions .button{min-height:30px;padding:6px 12px}.company-image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.company-image-card{display:grid;gap:8px}.company-image-button{aspect-ratio:4 / 3;width:100%;overflow:hidden;border:1px solid var(--color-border);border-radius:8px;background:#f8fbff;color:var(--color-muted);cursor:pointer}.company-image-button img{width:100%;height:100%;display:block;object-fit:cover}.company-image-card strong,.company-image-card span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-image-card span{color:var(--color-muted);font-size:14px}.company-detail-grid,.company-detail-stack{display:grid;gap:14px;margin:0}.company-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.company-detail-grid div,.company-detail-stack div{min-width:0}.company-detail-grid dt,.company-detail-stack dt{margin-bottom:4px;color:var(--color-muted);font-size:14px;font-weight:700}.company-detail-grid dd,.company-detail-stack dd{margin:0;color:#0b2545;line-height:1.55;overflow-wrap:anywhere}.confirm-line{display:flex;gap:10px;align-items:flex-start;color:#0b2545;line-height:1.6}.admin-filter{grid-template-columns:minmax(180px,1.25fr) minmax(180px,1fr) minmax(120px,.7fr) repeat(2,minmax(180px,1fr));align-items:end}.admin-filter input[type=date]{padding-right:8px;font-size:.95rem}.admin-status-list{display:grid;gap:12px}.admin-status-row{display:grid;grid-template-columns:minmax(120px,.4fr) minmax(180px,1fr) 48px;gap:14px;align-items:center}.admin-status-row span{color:#0b2545;font-weight:700}.admin-status-row div{height:10px;overflow:hidden;border-radius:999px;background:var(--color-primary-soft)}.admin-status-row i{display:block;height:100%;border-radius:inherit;background:var(--color-primary)}.admin-status-row strong{color:#0b2545;text-align:right}.review-layout{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}.review-main{display:grid;gap:16px}.review-section{margin-top:0}.admin-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin-image-card{display:grid;gap:8px;padding:10px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface)}.admin-image-preview{aspect-ratio:4 / 3;overflow:hidden;border:1px solid var(--color-border);border-radius:8px;background:#f6fbff}.admin-image-preview img{display:block;width:100%;height:100%;object-fit:cover}.admin-image-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.admin-image-meta span{overflow:hidden;color:var(--color-muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.qr-scanner{display:grid;gap:16px}.qr-video-frame{position:relative;overflow:hidden;min-height:260px;border:1px solid var(--color-border);border-radius:8px;background:#061825}.qr-video-frame video{display:block;width:100%;max-height:58vh;aspect-ratio:4 / 3;object-fit:cover}.qr-scanner-capture .qr-video-frame:after{position:absolute;top:36%;right:12%;bottom:36%;left:12%;border:2px solid rgba(255,255,255,.82);border-right-width:5px;border-left-width:5px;border-radius:8px;box-shadow:0 0 0 999px #0618252e;content:"";pointer-events:none}.qr-video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;color:#fff;text-align:center;background:#061825b8}.qr-status{padding:12px 14px;border:1px solid var(--color-border);border-radius:8px;color:#0b2545;background:#f6fbff}.qr-status-invalid,.qr-status-not-found,.qr-status-unavailable,.qr-status-permission-denied,.qr-status-camera-unavailable{border-color:#f2c2c2;color:#8a1f1f;background:#fff5f5}.qr-status-success{border-color:#b5dfc2;color:#166534;background:#f0fdf4}.qr-manual-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.qr-manual-form label{display:grid;gap:6px;color:#0b2545;font-weight:700}.qr-manual-form input{min-height:44px;border:1px solid var(--color-border);border-radius:8px;padding:0 12px;color:#0b2545;font:inherit}.decision-panel{position:static;display:grid;gap:14px;padding:18px;border:1px solid var(--color-border);border-radius:8px;background:#fff}.decision-panel h2{margin:0;color:#0b2545}.decision-actions,.review-history{display:grid;gap:10px}.review-history-item,.review-file-row{display:grid;gap:8px;padding:12px;border:1px solid var(--color-border);border-radius:8px;background:#fff}.review-history-item>div,.review-file-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.review-history-item p,.review-history-item small{margin:0;color:var(--color-muted)}@media (max-width: 1180px){.admin-companies-grid{grid-template-columns:1fr}.admin-company-detail{position:static}}@media (max-width: 900px){.hero-section,.detail-hero,.search-layout,.company-layout,.login-panel,.review-layout,.product-grid,.category-grid{grid-template-columns:1fr}.product-card{grid-template-columns:132px minmax(0,1fr)}.company-info,.detail-grid,.modal-detail-list,.image-strip,.stat-grid,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.company-sidebar,.decision-panel{position:static}.admin-filter,.admin-company-user-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-company-user-filter .form-actions{grid-column:1 / -1}}@media (max-width: 640px){.site-header{align-items:flex-start;flex-direction:column}.page-content{width:min(100% - 28px,1180px);padding:24px 0 48px}.hero-section,.section-block,.placeholder-page{padding:18px}.search-bar,.qr-manual-form,.product-card,.meta-list,.company-info,.detail-grid,.modal-detail-list,.image-strip,.stat-grid,.form-grid,.admin-filter,.admin-company-user-filter{grid-template-columns:1fr}.product-card-media{max-height:260px}.section-heading{align-items:flex-start;flex-direction:column}}body{background:var(--color-background);color:var(--color-text);font-size:14px;line-height:1.5}.site-header{padding:12px clamp(20px,4vw,52px);border-bottom-color:var(--color-border);background:#fffffffa;box-shadow:0 1px #1f374a0a}.brand{color:var(--color-sidebar);font-size:15px;font-weight:700}.brand-mark{width:34px;height:34px;border-radius:var(--radius-md);background:var(--color-sidebar);box-shadow:inset 0 -10px 20px #00000014}.site-nav{color:var(--color-text-secondary);font-size:14px}.site-nav a{border-radius:var(--radius-sm)}.site-nav a.active,.site-nav a:hover{color:var(--color-primary);background:var(--color-primary-soft)}.page-content{width:min(1220px,calc(100% - 40px));padding:28px 0 56px}.hero-section,.company-heading,.placeholder-page,.filter-panel,.state-box,.product-card,.section-block,.company-form,.stat-card,.admin-company-summary,.admin-companies-table-scroll,.document-row,.file-list li,.upload-box,.admin-image-card,.decision-panel,.review-history-item,.review-file-row,.product-qr-card{border-color:var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-card)}.hero-section{padding:clamp(24px,4vw,42px);background:linear-gradient(180deg,#ffffff 0%,var(--color-surface-alt) 100%)}.hero-copy h1,.page-heading h1,.detail-summary h1,.placeholder-page h1,.login-panel h1,.company-heading h1{color:var(--color-text);font-size:clamp(24px,3vw,34px);font-weight:700;line-height:1.22}.section-heading h2,.section-heading.compact h3,.modal-header h2,.decision-panel h2{color:var(--color-text);font-size:18px;font-weight:600}.eyebrow{color:var(--color-primary);font-size:12px;font-weight:700}.hero-copy p,.lead-text,.placeholder-page p,.trust-panel span,.category-tile span,.muted-note,.login-panel p,.company-heading p,.stat-card span,.stat-card small,.product-card p,dt,.document-row p,.company-image-card span,.review-history-item p,.review-history-item small{color:var(--color-text-secondary)}.button{min-height:var(--control-height);padding:0 16px;border-radius:var(--radius-md);font-size:14px;font-weight:600;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease}.button-primary{background:var(--color-primary);color:#fff;box-shadow:0 2px 5px #1677d238}.button-primary:hover:not(:disabled){background:var(--color-primary-hover)}.button-primary:active:not(:disabled){background:var(--color-primary-active)}.button-secondary,.icon-button,.file-button{border-color:var(--color-border-strong);background:var(--color-surface);color:var(--color-primary)}.button-secondary:hover:not(:disabled),.icon-button:hover,.file-button:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.button-ghost,.file-picker-button{background:var(--color-primary-soft);color:var(--color-primary)}.search-bar input,.filter-panel input,.filter-panel select,.form-grid input,.form-grid select,.form-grid textarea,.company-form input,.company-form select,.company-form textarea,.qr-manual-form input,.file-picker-row{min-height:var(--control-height);border-color:var(--color-border-strong);border-radius:var(--radius-md);background:#fff;color:var(--color-text);font-size:14px;font-weight:400;transition:border-color .16s ease,box-shadow .16s ease}.search-bar input:focus,.filter-panel input:focus,.filter-panel select:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.company-form input:focus,.company-form select:focus,.company-form textarea:focus,.qr-manual-form input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1677d21f}.company-layout{grid-template-columns:236px minmax(0,1fr)}.company-sidebar{top:72px;gap:16px;padding:16px 12px;border:0;background:var(--color-sidebar);color:#fff;box-shadow:var(--shadow-card)}.company-sidebar strong{padding:0 10px;color:#fff;font-size:16px;font-weight:700}.company-sidebar a,.company-sidebar button{min-height:38px;border-radius:var(--radius-md);color:#ffffffd6;font-size:14px;font-weight:500}.company-sidebar a.active,.company-sidebar a:not(.placeholder-link):hover,.company-sidebar button:hover,.company-sidebar a.placeholder-link.active{background:var(--color-sidebar-active);color:#fff}.company-sidebar a.placeholder-link,.company-sidebar a.placeholder-link:hover{color:#ffffffc2}.stat-grid{gap:16px}.stat-card{padding:16px}.stat-card strong{color:var(--color-primary);font-size:24px;font-weight:700}.product-table{border-collapse:separate;border-spacing:0;background:var(--color-surface)}.product-table th{padding:11px 12px;background:var(--color-surface-alt);color:var(--color-text-secondary);font-size:13px;font-weight:600}.product-table td{padding:12px;color:var(--color-text);font-size:14px}.product-table tbody tr:hover{background:var(--color-primary-soft)}.text-action{color:var(--color-primary);font-weight:600}.badge,.status-approved,.qr-status-success,.form-success{border-color:#2eaa6847;background:var(--color-success-soft);color:var(--color-success)}.status-badge{min-height:24px;border-radius:999px;background:#eef3f7;color:var(--color-text-secondary);font-size:13px;font-weight:600}.status-pending_review{background:var(--color-warning-soft);color:#a15c00}.status-need_supplement,.state-error,.form-error,.field-error,.required-marker{color:var(--color-danger)}.status-need_supplement,.qr-status-invalid,.qr-status-not-found,.qr-status-unavailable,.qr-status-permission-denied,.qr-status-camera-unavailable{border-color:#dc4c4c42;background:var(--color-danger-soft)}.state-warning,.validation-list{color:#a15c00}.state-warning{border-color:#f29d3852;background:var(--color-warning-soft)}.modal-backdrop{background:#26323875}.modal-panel{border-radius:var(--radius-lg);box-shadow:var(--shadow-modal)}.document-row,.file-list li,.review-file-row,.review-history-item{box-shadow:none}.category-tile,.upload-box,.admin-company-summary,.admin-image-preview,.qr-status{background:var(--color-surface-alt)}.product-card-media,.detail-media,.image-strip a,.company-image-button,.product-qr-image{background:var(--color-primary-soft)}@media (max-width: 900px){.company-sidebar{position:static;grid-template-columns:1fr}}.detail-prose{white-space:pre-line;line-height:1.7;color:var(--text-primary)}.detail-prose p{margin:0 0 16px}.detail-prose strong{display:block;margin:0 0 8px;color:var(--text-primary)}@media (max-width: 640px){.login-panel{min-height:auto;gap:16px}.login-panel>div:first-child{padding:8px 0 0}.login-panel h1{font-size:1.8rem;line-height:1.15}.login-panel p{margin-bottom:0}}.admin-document-upload-grid,.admin-document-meta-grid{margin-bottom:16px}.product-document-edit-card .admin-document-meta-grid{margin-bottom:0}.product-document-edit-card .admin-document-meta-grid label:last-child{grid-column:1 / -1}.admin-document-list{display:grid;gap:14px}.admin-document-card{display:grid;gap:14px;padding:16px;border:1px solid var(--color-border);border-radius:8px;background:#fff}.admin-document-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.admin-document-card-header div{display:grid;gap:4px;min-width:0}.admin-document-card-header span:not(.pill){overflow-wrap:anywhere;color:var(--color-muted)}.admin-document-actions{flex-wrap:wrap}.modal-form-section-title{margin-top:4px;color:var(--color-primary);font-size:.86rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.modal-step-indicator{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.modal-step-indicator span{display:inline-flex;align-items:center;min-height:34px;padding:6px 12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-alt);color:var(--color-muted);font-weight:800}.modal-step-indicator span.active{border-color:#1967d252;background:var(--color-primary-soft);color:var(--color-primary)}.create-company-documents-step{display:grid;gap:16px}.modal-inner-section{padding:18px}.admin-company-documents-section{display:grid;gap:14px}.admin-status-badge{display:inline-flex;min-height:28px;align-items:center;padding:0 10px;border-radius:999px;background:#eef3fb;color:#36506f;font-size:.82rem;font-weight:750;white-space:nowrap}.admin-status-badge-verified{background:#eefaf2;color:#146c3f}.admin-status-badge-pending_review{background:#fff7e8;color:#9a5b00}.admin-status-badge-need_supplement,.admin-status-badge-rejected{background:#fff1f0;color:#b42318}.mobile-sidebar-toggle,.sidebar-backdrop{display:none}.company-main,.section-block,.company-heading,.company-form,.modal-panel,.product-card,.filter-panel,.table-wrap,.admin-companies-table-scroll{min-width:0;max-width:100%}img,video,iframe{max-width:100%}.table-actions-cell,.file-list-actions,.admin-document-actions,.product-form-actions,.form-actions,.pagination,.detail-actions,.company-actions,.hero-actions{flex-wrap:wrap}@media (max-width: 1023px){.page-content{width:min(100% - 28px,1220px);padding:22px 0 44px}.company-layout{grid-template-columns:1fr;gap:14px}.mobile-sidebar-toggle{display:inline-flex;width:max-content;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-primary);cursor:pointer;font:inherit;font-weight:750;box-shadow:var(--shadow-card)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:59;display:block;border:0;background:#0b25456b}.company-sidebar{position:fixed;top:0;left:0;z-index:60;width:min(82vw,300px);height:100dvh;max-height:100dvh;overflow-y:auto;transform:translate(calc(-100% - 16px));transition:transform .18s ease}.company-sidebar.is-open{transform:translate(0)}.company-sidebar nav,.company-sidebar a,.company-sidebar button{width:100%}.company-main{width:100%}.company-heading{padding:18px}.company-heading .button,.company-heading>.button,.company-heading>a.button{width:auto;max-width:100%}.admin-filter,.admin-company-user-filter,.company-product-filter{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.admin-filter .form-actions,.admin-company-user-filter .form-actions,.company-product-filter .form-actions{grid-column:1 / -1}.admin-image-grid,.company-image-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.product-qr-card-wide{width:100%}}@media (max-width: 767px){.site-header{position:static;gap:12px;padding:12px 14px}.page-content{width:min(100% - 20px,1220px);padding:16px 0 36px}.hero-section,.detail-hero,.search-layout,.login-panel,.product-grid,.category-grid,.public-product-qr-card,.company-info,.detail-grid,.modal-detail-list,.image-strip,.product-image-gallery,.stat-grid,.form-grid,.admin-filter,.admin-company-search-panel,.admin-company-user-filter,.company-product-filter,.company-detail-grid,.admin-document-meta-grid,.admin-document-upload-grid{grid-template-columns:1fr!important}.hero-section,.section-block,.company-form,.placeholder-page,.filter-panel,.company-heading{padding:16px}.public-product-qr-card{justify-items:center;text-align:center}.hero-copy h1,.page-heading h1,.detail-summary h1,.placeholder-page h1,.login-panel h1,.company-heading h1{font-size:clamp(22px,8vw,30px);overflow-wrap:anywhere}.search-bar,.qr-manual-form,.barcode-input-row{grid-template-columns:1fr}.search-bar .button,.qr-manual-form .button,.barcode-input-row .button{width:100%}.product-card{grid-template-columns:1fr}.product-card-media,.detail-media{max-height:300px}.section-heading,.admin-document-card-header,.review-history-item>div,.review-file-row,.file-list li{align-items:stretch;flex-direction:column}.file-list-actions,.admin-document-actions,.document-row-actions{width:100%}.file-list-actions .button,.admin-document-actions .button,.document-row-actions .button{flex:1 1 130px}.modal-backdrop{align-items:stretch;padding:10px}.modal-panel{width:100%;max-height:calc(100dvh - 20px);align-self:center}.modal-header{padding:14px 16px}.modal-content{max-height:calc(100dvh - 94px);padding:16px}.document-frame{height:min(520px,62dvh)}.document-image{max-height:62dvh}.create-company-modal-scroll{max-height:calc(100dvh - 210px)}.create-company-modal-footer{bottom:-16px;margin:14px -16px -16px;padding:12px 16px}.responsive-table-wrap,.table-wrap:has(.responsive-table),.table-scroll:has(.responsive-table){overflow:visible}.responsive-table{display:block;min-width:0;border-collapse:separate;background:transparent}.responsive-table thead{display:none}.responsive-table tbody{display:grid;gap:12px}.responsive-table tr{display:grid;gap:8px;padding:14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-card)}.responsive-table td{display:grid;grid-template-columns:minmax(104px,.42fr) minmax(0,1fr);gap:10px;align-items:start;padding:0;border-bottom:0;overflow-wrap:anywhere}.responsive-table td:before{content:attr(data-label);color:var(--color-text-secondary);font-size:13px;font-weight:750}.responsive-table td:first-child{grid-template-columns:1fr;gap:4px}.responsive-table td:first-child:before{display:none}.responsive-table .table-actions-cell{align-items:center}.responsive-table .table-actions-cell .button,.responsive-table .table-actions-cell .text-link{justify-self:start}.admin-companies-table-scroll{border:0;box-shadow:none}.product-qr-card-wide{grid-template-columns:1fr;justify-items:center;text-align:center}}@media (max-width: 480px){input,select,textarea,button{font-size:16px}.button,.file-button,.icon-button,.mobile-sidebar-toggle{min-height:44px}.company-heading>.button,.company-heading>a.button,.form-actions .button,.product-form-actions .button,.pagination .button,.admin-document-actions .button,.file-list-actions .button{width:100%}.form-actions,.product-form-actions,.pagination,.file-picker-row{align-items:stretch;flex-direction:column}.file-picker-name{white-space:normal;overflow-wrap:anywhere}.responsive-table td{grid-template-columns:1fr;gap:4px}.responsive-table td:before{display:block}.modal-step-indicator span{width:100%}.qr-video-frame{min-height:220px}}.mobile-bottom-nav,.mobile-product-detail{display:none}@media (max-width: 767px){html,body,#root{max-width:100%;overflow-x:hidden}body{background:#f1f6fb}.app-shell{padding-bottom:76px}.product-detail-shell{padding-bottom:92px}.product-detail-shell .site-header,.product-detail-shell .mobile-bottom-nav{display:none}.site-header{position:sticky;top:0;z-index:40;flex-direction:row;align-items:center;min-height:56px;padding:8px 14px;border-bottom:1px solid rgba(199,210,222,.82);box-shadow:0 4px 18px #1f374a14}.brand{font-size:16px}.brand-mark{width:34px;height:34px}.site-nav{display:none}.mobile-bottom-nav{position:fixed;right:10px;bottom:max(10px,env(safe-area-inset-bottom));left:10px;z-index:45;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:8px;border:1px solid rgba(199,210,222,.9);border-radius:18px;background:#fffffff5;box-shadow:0 12px 34px #0b25452e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-bottom-nav a,.mobile-bottom-nav button{display:grid;min-width:0;min-height:52px;place-items:center;gap:2px;border:0;border-radius:14px;background:transparent;color:var(--color-text-secondary);font:inherit;font-size:11px;font-weight:700;text-align:center}.mobile-bottom-nav span{font-size:19px;line-height:1}.mobile-bottom-nav a.active{background:var(--color-primary-soft);color:var(--color-primary)}.mobile-bottom-nav .mobile-scan-action{margin-top:-22px;min-height:66px;border-radius:18px;background:var(--color-primary);color:#fff;box-shadow:0 10px 24px #1677d257}.mobile-bottom-nav .mobile-scan-action span{font-size:24px}.page-content{width:100%;padding:14px 12px 92px}.hero-section{gap:18px;padding:20px 16px;border-radius:18px;background:linear-gradient(180deg,#fff,#eef7ff)}.hero-copy{display:grid;gap:14px}.hero-copy .eyebrow,.page-heading .eyebrow,.detail-summary .eyebrow{margin-bottom:0}.hero-copy p:not(.eyebrow){margin:0;font-size:14px;line-height:1.55}.search-bar{position:relative;margin-top:0}.search-bar input{min-height:52px;border-radius:16px;padding:0 14px;font-size:16px}.search-bar .button{min-height:50px;border-radius:16px}.hero-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:0;padding:14px;border:1px solid rgba(22,119,210,.18);border-radius:16px;background:#fff}.hero-actions .button{min-height:54px;border-radius:16px;background:var(--color-primary);color:#fff;box-shadow:0 8px 20px #1677d23d}.hero-actions span{color:var(--color-text-secondary);font-size:13px;line-height:1.45;text-align:center}.trust-panel{display:none}.section-block,.placeholder-page,.filter-panel,.company-heading,.company-form,.stat-card,.product-card,.state-box{border-radius:18px;box-shadow:0 8px 24px #1f374a14}.section-block{margin-top:16px;padding:16px}.section-heading{gap:8px;margin-bottom:14px}.section-heading h2{font-size:19px;line-height:1.25}.category-grid{grid-template-columns:1fr 1fr!important;gap:10px}.category-tile{min-height:118px;padding:14px;border-radius:16px}.category-tile strong{font-size:15px;line-height:1.3}.category-tile span{font-size:12px;line-height:1.45}.product-grid,.result-list{gap:12px}.product-card{grid-template-columns:112px minmax(0,1fr);gap:12px;padding:12px}.product-card-media{align-self:start;max-height:none;border-radius:14px}.product-card-body{gap:7px}.product-card h3{display:-webkit-box;overflow:hidden;font-size:15px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.product-card p{display:none}.product-card .meta-list{grid-template-columns:1fr;gap:5px}.product-card .meta-list div:first-child{display:none}.product-card .button{min-height:38px;justify-self:start;padding:0 12px;border-radius:999px;font-size:13px}.card-topline{gap:6px;font-size:12px}.badge,.status-badge,.admin-status-badge{min-height:22px;padding:0 8px;font-size:11px}.page-heading{position:sticky;top:56px;z-index:10;gap:10px;margin:-14px -12px 12px;padding:14px 12px 12px;border-bottom:1px solid rgba(199,210,222,.72);background:#f1f6fbf5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.page-heading h1{font-size:22px}.search-layout{gap:12px}.filter-panel{gap:12px;padding:14px}.filter-panel label{gap:6px;font-size:13px}.results-panel{gap:12px}.result-count{padding:0 4px;font-size:13px}.detail-hero{gap:14px}.detail-media{aspect-ratio:1.08;border-radius:20px}.detail-summary{gap:14px;padding:16px;border:1px solid var(--color-border);border-radius:18px;background:#fff;box-shadow:0 8px 24px #1f374a14}.detail-summary h1{font-size:clamp(24px,7.4vw,31px)}.lead-text{margin:0;line-height:1.55}.detail-grid,.company-info,.modal-detail-list{gap:10px}.detail-grid>div,.company-info>div,.modal-detail-list>div,.company-detail-grid>div{padding:12px;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface-alt)}.detail-actions,.company-actions{display:grid;grid-template-columns:1fr;gap:10px}.detail-actions .button,.company-actions .button{width:100%;min-height:48px;justify-content:space-between;border-radius:14px}.public-product-qr-card{gap:14px;padding:18px}.public-product-qr-card img{width:min(70vw,220px);max-width:100%;justify-self:center}.image-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.image-strip a{border-radius:14px}.qr-scanner{display:grid;gap:14px}.qr-video-frame{min-height:min(58vh,420px);border-radius:18px}.qr-scanner-capture .qr-video-frame:after{top:38%;right:8%;bottom:38%;left:8%;border-radius:12px}.qr-manual-form{gap:10px}.qr-manual-form label{gap:8px;font-size:15px}.qr-status{border-radius:14px;padding:12px}.modal-backdrop{padding:0}.modal-panel{width:100%;height:100dvh;max-height:100dvh;align-self:stretch;border-radius:0}.modal-header{position:sticky;top:0;z-index:2;min-height:58px;background:#fff}.modal-content{max-height:calc(100dvh - 58px);padding:16px}.login-panel{display:grid;min-height:calc(100dvh - 44px);align-content:center}.login-panel>div:first-child{display:none}.login-panel form,.login-panel .section-block{border-radius:20px}.mobile-sidebar-toggle{position:sticky;top:10px;z-index:30;width:100%;justify-content:flex-start;border-radius:14px;background:#fff}.company-sidebar{width:min(86vw,320px);padding:18px 14px;border-radius:0 22px 22px 0}.company-sidebar a,.company-sidebar button{min-height:46px;padding:10px 12px;font-size:15px}.company-heading{align-items:stretch;padding:18px}.company-heading h1{font-size:clamp(24px,8vw,32px)}.company-heading .button,.company-heading>a.button{width:100%}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.stat-card{min-height:100px;padding:14px}.stat-card strong{font-size:26px}.form-grid,.company-form,.product-editor{gap:12px}.form-grid input,.form-grid select,.form-grid textarea,.company-form input,.company-form select,.company-form textarea{min-height:46px;border-radius:14px;font-size:16px}.company-form{padding:16px}.product-form-actions{position:sticky;bottom:0;z-index:12;margin:18px -16px -16px;padding:12px 16px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.product-form-actions-compact{position:static;margin:0;padding:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.product-form-actions .button,.form-actions .button{width:100%}.responsive-table tbody{gap:10px}.responsive-table tr{border-radius:16px;padding:14px}.responsive-table td:first-child{font-size:16px;font-weight:750}.admin-companies-table{min-width:0}.admin-company-search-panel{position:sticky;top:10px;z-index:9;margin:0 -2px}.admin-image-grid,.company-image-gallery,.product-image-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.upload-box,.admin-document-card,.document-row,.file-list li,.product-image-card,.product-document-edit-card{border-radius:16px}.document-row,.file-list li{display:grid;gap:12px}.document-row-actions,.file-list-actions{display:grid;grid-template-columns:1fr;gap:8px}.document-row-actions .button,.file-list-actions .button{width:100%}.desktop-product-detail{display:none}.mobile-product-detail{display:grid;gap:12px;margin:-14px -12px -92px;padding:0 12px 108px}.mobile-product-appbar{position:sticky;top:0;z-index:35;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;min-height:56px;margin:0 -12px 2px;padding:6px 12px;border-bottom:1px solid rgba(199,210,222,.78);background:#fffffff5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-product-appbar strong{overflow:hidden;color:var(--color-text);font-size:16px;font-weight:800;text-align:center;text-overflow:ellipsis;white-space:nowrap}.mobile-product-appbar button{display:inline-grid;min-height:42px;place-items:center;border:1px solid var(--color-border);border-radius:14px;background:#fff;color:var(--color-primary);font:inherit;font-size:20px;font-weight:800}.mobile-product-gallery{margin:0 -12px;background:#fff}.mobile-product-gallery-track{display:grid;grid-auto-columns:100%;grid-auto-flow:column;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.mobile-product-gallery-track::-webkit-scrollbar{display:none}.mobile-product-gallery-slide{position:relative;display:grid;height:min(72vw,330px);margin:0;place-items:center;scroll-snap-align:start;background:linear-gradient(180deg,#fff,#eef7ff)}.mobile-product-gallery-slide .product-image{width:100%;height:100%;object-fit:contain;padding:16px}.mobile-product-gallery-slide figcaption{position:absolute;right:14px;bottom:12px;min-height:24px;padding:3px 9px;border-radius:999px;background:#0b2545ad;color:#fff;font-size:12px;font-weight:800}.mobile-product-gallery-empty{display:grid;height:260px;place-items:center;background:linear-gradient(180deg,#fff,#eef7ff);color:var(--color-text-secondary);font-weight:800}.mobile-product-image-actions,.mobile-action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mobile-product-image-actions .button,.mobile-action-row .button{width:100%;min-height:46px;border-radius:14px}.mobile-product-summary-card,.mobile-product-section{display:grid;gap:12px;padding:16px;border:1px solid var(--color-border);border-radius:18px;background:#fff;box-shadow:0 8px 24px #1f374a14}.mobile-product-summary-card h1{margin:0;color:var(--color-text);font-size:clamp(24px,7.6vw,32px);line-height:1.18;overflow-wrap:anywhere}.mobile-product-summary-card p,.mobile-product-section p{margin:0;color:var(--color-text-secondary);line-height:1.55}.mobile-barcode-row{display:grid;grid-template-columns:minmax(78px,.38fr) minmax(0,1fr);gap:10px;align-items:center;padding:12px;border-radius:14px;background:var(--color-primary-soft)}.mobile-barcode-row span{color:var(--color-text-secondary);font-size:13px;font-weight:800}.mobile-barcode-row strong{color:var(--color-primary-dark);font-size:17px;overflow-wrap:anywhere}.mobile-product-section h2,.mobile-section-heading h2{margin:0;color:var(--color-text);font-size:19px;line-height:1.25}.mobile-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.mobile-section-heading>span{display:inline-flex;min-height:24px;align-items:center;padding:0 9px;border-radius:999px;background:var(--color-success-soft);color:var(--color-success);font-size:12px;font-weight:800;white-space:nowrap}.mobile-file-name,.mobile-company-name{color:var(--color-primary-dark);overflow-wrap:anywhere}.mobile-info-list{display:grid;gap:0;margin:0}.mobile-info-list>div{display:grid;grid-template-columns:minmax(116px,.42fr) minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid var(--color-border)}.mobile-info-list>div:last-child{border-bottom:0}.mobile-info-list dt{color:var(--color-text-secondary);font-size:13px;font-weight:800}.mobile-info-list dd{margin:0;color:var(--color-text);font-weight:750;overflow-wrap:anywhere}.mobile-detail-text{white-space:pre-line;color:var(--color-text);line-height:1.7}.mobile-detail-text.is-clamped{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5}.mobile-text-button{width:max-content;min-height:40px;border:0;background:transparent;color:var(--color-primary);cursor:pointer;font:inherit;font-weight:900}.mobile-same-company-section{padding-right:0}.mobile-same-company-carousel{display:grid;grid-auto-columns:minmax(142px,42vw);grid-auto-flow:column;gap:12px;overflow-x:auto;padding:2px 16px 4px 0;scroll-snap-type:x mandatory;scrollbar-width:none}.mobile-same-company-carousel::-webkit-scrollbar{display:none}.mobile-same-company-card{display:grid;gap:8px;min-width:0;padding:10px;border:1px solid var(--color-border);border-radius:16px;background:var(--color-surface-alt);scroll-snap-align:start}.mobile-same-company-image{display:grid;aspect-ratio:1;place-items:center;overflow:hidden;border-radius:14px;background:var(--color-primary-soft)}.mobile-same-company-image .product-image{width:100%;height:100%;object-fit:contain;padding:6px}.mobile-same-company-card strong{display:-webkit-box;overflow:hidden;color:var(--color-text);font-size:13px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mobile-same-company-card span{color:var(--color-text-secondary);font-size:12px}.mobile-qr-section{justify-items:center;text-align:center}.mobile-qr-section img{width:min(64vw,220px);max-width:100%}.mobile-company-profile-modal{display:grid;gap:14px}.mobile-company-profile-modal h3{margin:0;color:var(--color-text);font-size:21px}.mobile-product-toolbar{position:fixed;right:0;bottom:0;left:0;z-index:44;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.18fr) minmax(0,1fr);gap:8px;padding:10px 12px max(10px,env(safe-area-inset-bottom));border-top:1px solid rgba(199,210,222,.9);background:#fffffff7;box-shadow:0 -12px 34px #0b254524;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-product-toolbar a,.mobile-product-toolbar button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:14px;background:#fff;color:var(--color-primary);cursor:pointer;font:inherit;font-size:13px;font-weight:900;text-align:center}.mobile-product-toolbar button{border-color:var(--color-primary);background:var(--color-primary);color:#fff;box-shadow:0 8px 20px #1677d247}.mobile-toast{position:fixed;right:16px;bottom:82px;left:16px;z-index:80;padding:12px 14px;border-radius:14px;background:#0b2545e6;color:#fff;font-weight:800;text-align:center;box-shadow:0 12px 34px #0b25453d}}@media (max-width: 767px){.mobile-product-gallery{display:grid;gap:10px;margin:0 -12px;padding:0 12px 12px;background:#fff}.mobile-product-main-image{display:grid;height:min(78vw,360px);place-items:center;overflow:hidden;border-radius:18px;background:linear-gradient(180deg,#fff,#eef7ff)}.mobile-product-main-image .product-image{width:100%;height:100%;object-fit:contain;padding:14px}.mobile-product-gallery .product-thumbnail-strip{grid-auto-columns:72px;padding:2px 2px 6px}.mobile-product-gallery .product-thumbnail{width:72px;border-radius:12px}.company-info-compact{grid-template-columns:1fr}.company-info-compact>div{padding:0 0 10px;border-bottom:1px solid var(--color-border)}.company-info-compact>div:last-child{border-bottom:0}}@media (max-width: 380px){.mobile-bottom-nav{left:6px;right:6px;gap:2px;padding:6px}.mobile-bottom-nav a,.mobile-bottom-nav button{font-size:10px}.product-card{grid-template-columns:96px minmax(0,1fr)}}.company-qr-card,.company-profile-qr{display:grid;grid-template-columns:132px minmax(0,1fr);gap:18px;align-items:center;padding:16px;border:1px solid var(--color-border);border-radius:8px;background:#f8fbff}.company-profile-qr{margin:18px 0}.company-profile-qr.muted{grid-template-columns:1fr;color:var(--color-muted)}.company-qr-content{display:grid;gap:8px;min-width:0}.company-qr-content strong{color:var(--color-primary-dark)}.company-qr-content a,.company-qr-content span{color:var(--color-muted);overflow-wrap:anywhere;line-height:1.45}.company-qr-content a{color:var(--color-primary);text-decoration:underline}.company-catalog-page{display:grid;gap:20px}.company-catalog-hero{display:grid;gap:16px;padding:clamp(22px,5vw,40px);border:1px solid var(--color-border);border-radius:8px;background:linear-gradient(180deg,#fff,#f4f9ff);box-shadow:var(--shadow-soft)}.company-catalog-hero h1{margin:0;color:#0b2545;font-size:clamp(2rem,4vw,3rem);line-height:1.12}.company-catalog-grid{margin-top:16px}@media (max-width: 767px){.company-qr-card,.company-profile-qr{grid-template-columns:1fr;justify-items:center;border-radius:18px;text-align:center}.company-qr-content .form-actions{width:100%}.company-catalog-hero{border-radius:18px;padding:18px}.company-catalog-hero h1{font-size:clamp(24px,8vw,32px)}.company-catalog-page .search-bar,.company-catalog-page .product-grid{grid-template-columns:1fr}}.document-replace-confirm{display:grid;gap:12px;padding:12px;border:1px solid #bfdbfe;border-radius:8px;background:#eff6ff}.document-replace-confirm p{margin:0;color:#0b2545;line-height:1.5}.success-note{margin:0;color:#047857;font-weight:800}.barcode-results-page{display:grid;gap:24px}.barcode-results-panel,.barcode-result-list{min-width:0}@media (max-width: 720px){.barcode-results-page .result-list{grid-template-columns:1fr}}.subscription-progress{display:grid;gap:10px;margin:12px 0 18px}.subscription-progress>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:var(--color-muted)}.subscription-progress strong{color:var(--color-primary-dark);font-size:1.35rem}.progress-track{height:10px;overflow:hidden;border-radius:999px;background:var(--color-primary-soft)}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--color-primary)}.feature-list-inline{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.feature-list-inline span,.checkbox-row{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:7px 10px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface-alt);color:var(--color-text-secondary);font-weight:700}.feature-checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.checkbox-row input{width:16px;height:16px}.analytics-table-wrap{margin-top:14px}.subscription-card .detail-grid{margin-top:12px}@media (max-width: 767px){.feature-checkbox-grid,.subscription-progress>div:first-child{grid-template-columns:1fr}.subscription-progress>div:first-child{display:grid}}.registration-page{width:min(760px,100%);margin:0 auto;padding:40px 16px 96px}.registration-card{background:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--card-shadow);padding:28px}.registration-heading{margin-bottom:24px}.registration-heading h1,.registration-success-card h1{margin:0 0 12px;font-size:clamp(2rem,4vw,3rem)}.registration-actions{align-items:center}.login-helper-link{margin:12px 0 0;color:var(--muted-color)}.login-helper-link a{color:var(--primary-color);font-weight:700}.detail-note-block{margin-top:20px}.detail-note-block dt{color:var(--muted-color);font-size:.9rem;margin-bottom:6px}.detail-note-block dd{margin:0;font-weight:700;white-space:pre-wrap}@media (max-width: 640px){.registration-page{padding:24px 12px 88px}.registration-card{padding:20px}.registration-actions .button{width:100%}}.compact-filter{display:grid;gap:8px;min-width:180px;color:var(--muted);font-weight:700}.compact-filter select{min-height:44px}.analytics-stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.analytics-panel h2{margin-top:0}@media (max-width: 760px){.compact-filter{width:100%}.analytics-grid{grid-template-columns:1fr}}