:root{--ink: #0f0e0c;--paper: #f5f2ec;--warm-white: #faf8f4;--accent: #d4551a;--accent-light: #f0703a;--muted: #8a8478;--border: #e0dbd0;--surface: #ffffff;--success: #2d7a4f;--warning: #b8860b;--info: #1a5276;--danger: #922b21;--shadow: 0 1px 3px rgba(15,14,12,.08), 0 .25rem 1rem rgba(15,14,12,.06);--shadow-lg: 0 .5rem 2rem rgba(15,14,12,.12);--radius: .625rem;--radius-lg: 1rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,sans-serif;background:var(--paper);color:var(--ink);min-height:100vh;font-size:.9375rem;line-height:1.55}h1,h2,h3,h4,h5{font-family:Syne,sans-serif}.app{display:flex;height:100vh;height:100dvh;overflow:hidden}.sidebar{width:15rem;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;flex-shrink:0;padding:0;position:relative;z-index:10}.sidebar-brand{padding:1.75rem 1.5rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.07)}.brand-mark{display:flex;align-items:center;gap:.625rem}.brand-icon{width:2.125rem;height:2.125rem;background:var(--accent);border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-weight:800;font-size:.875rem;color:#fff;letter-spacing:-.5px}.brand-name{font-family:Syne,sans-serif;font-weight:700;font-size:1.0625rem;letter-spacing:-.3px;color:#fff}.brand-tagline{font-size:.625rem;color:#ffffff59;margin-top:2px;letter-spacing:.5px;text-transform:uppercase}.sidebar-role{margin:1rem 1.5rem 0;padding:.5rem .75rem;background:#d4551a26;border:1px solid rgba(212,85,26,.3);border-radius:.375rem;font-size:.6875rem;color:var(--accent-light);font-weight:500;letter-spacing:.5px;text-transform:uppercase;display:flex;align-items:center;gap:.375rem}.role-dot{width:.375rem;height:.375rem;border-radius:50%;background:var(--accent)}.sidebar-nav{flex:1;padding:1.25rem .75rem;overflow-y:auto}.nav-section-label{font-size:.625rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#fff3;padding:0 .75rem;margin:1rem 0 .375rem}.nav-section-label:first-child{margin-top:0}.nav-item{display:flex;align-items:center;gap:.625rem;padding:.5625rem .75rem;border-radius:.4375rem;cursor:pointer;font-size:.875rem;font-weight:400;color:#ffffff8c;transition:all .15s;text-decoration:none;margin-bottom:1px;position:relative}.nav-item:hover{background:#ffffff0f;color:#ffffffd9}.nav-item.active{background:#d4551a2e;color:#fff;font-weight:500}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:1.25rem;background:var(--accent);border-radius:0 3px 3px 0}.nav-icon{font-size:16px;width:20px;text-align:center;flex-shrink:0}.nav-badge{margin-left:auto;background:var(--accent);color:#fff;font-size:.625rem;font-weight:600;padding:2px .375rem;border-radius:.625rem;min-width:1.125rem;text-align:center}.sidebar-user{padding:1rem;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:.625rem;cursor:pointer}.user-avatar{width:2.125rem;height:2.125rem;border-radius:.5rem;background:linear-gradient(135deg,#d4551a,#922b21);display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-weight:700;font-size:.8125rem;color:#fff;flex-shrink:0}.user-info{flex:1;min-width:0}.user-name{font-size:.8125rem;font-weight:500;color:#fff;truncate:ellipsis}.user-email{font-size:.6875rem;color:#ffffff59;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--warm-white)}.topbar{background:var(--surface);border-bottom:1px solid var(--border);padding:0 1.75rem;height:3.75rem;display:flex;align-items:center;gap:1rem;flex-shrink:0}.topbar-title{font-family:Syne,sans-serif;font-weight:700;font-size:1.125rem;flex:1}.topbar-actions{display:flex;align-items:center;gap:.625rem}.btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:.4375rem;font-size:.8438rem;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .15s;font-family:DM Sans,sans-serif;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-light);border-color:var(--accent-light)}.btn-outline{background:transparent;color:var(--ink);border-color:var(--border)}.btn-outline:hover{background:var(--paper);border-color:#ccc}.btn-ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn-ghost:hover{background:var(--paper);color:var(--ink)}.btn-sm{padding:.3125rem .75rem;font-size:.7812rem}.btn-success{background:var(--success);color:#fff;border-color:var(--success)}.btn-icon{padding:.5rem}.page-content{flex:1;overflow-y:auto;padding:1.75rem}.view{display:none}.view.active{display:block}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.75rem}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.375rem;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;right:-8px;top:-8px;width:3.75rem;height:3.75rem;border-radius:50%;background:var(--accent);opacity:.06}.stat-label{font-size:.75rem;font-weight:500;color:var(--muted);letter-spacing:.3px;text-transform:uppercase}.stat-value{font-family:Syne,sans-serif;font-size:1.75rem;font-weight:700;margin:.25rem 0 .375rem;line-height:1}.stat-sub{font-size:.7812rem;color:var(--muted);display:flex;align-items:center;gap:.25rem}.stat-up{color:var(--success)}.stat-down{color:var(--danger)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.section-title{font-family:Syne,sans-serif;font-size:16px;font-weight:700}.section-sub{font-size:.8125rem;color:var(--muted);margin-top:2px}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.125rem}.product-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow .2s,transform .2s;cursor:pointer}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.product-image{height:11.25rem;background:linear-gradient(135deg,#e8e0d5,#d4cbbf);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.product-image-emoji{font-size:3.25rem;opacity:.5}.product-status-badge{position:absolute;top:.75rem;right:.75rem;padding:.25rem .625rem;border-radius:1.25rem;font-size:.6875rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.badge-active{background:#2d7a4f26;color:var(--success);border:1px solid rgba(45,122,79,.3)}.badge-moq{background:#d4551a26;color:var(--accent);border:1px solid rgba(212,85,26,.3)}.badge-production{background:#1a52761f;color:var(--info);border:1px solid rgba(26,82,118,.25)}.badge-draft{background:#8a847826;color:var(--muted);border:1px solid var(--border)}.product-body{padding:1rem 1.125rem 1.125rem}.product-category{font-size:.6875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);margin-bottom:.25rem}.product-title{font-family:Syne,sans-serif;font-weight:700;font-size:16px;margin-bottom:4px;line-height:1.3}.product-supplier{font-size:.7812rem;color:var(--muted);margin-bottom:.875rem}.progress-section{margin-bottom:.875rem}.progress-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.375rem}.progress-filled{font-family:Syne,sans-serif;font-size:.875rem;font-weight:700}.progress-target{font-size:.75rem;color:var(--muted)}.progress-bar-track{height:.4375rem;background:var(--paper);border-radius:.625rem;overflow:hidden;border:1px solid var(--border)}.progress-bar-fill{height:100%;border-radius:.625rem;transition:width .6s cubic-bezier(.4,0,.2,1);background:linear-gradient(90deg,var(--accent),var(--accent-light))}.progress-bar-fill.near{background:linear-gradient(90deg,#d4a017,#e8b820)}.progress-bar-fill.reached{background:linear-gradient(90deg,var(--success),#3d9b63)}.progress-meta{display:flex;gap:.875rem;margin-top:.5rem}.progress-meta-item{font-size:.75rem;color:var(--muted);display:flex;align-items:center;gap:.25rem}.progress-meta-item strong{color:var(--ink);font-weight:500}.product-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.875rem;border-top:1px solid var(--border)}.product-price{font-family:Syne,sans-serif;font-size:1.0625rem;font-weight:700}.product-price span{font-size:.75rem;font-weight:400;color:var(--muted);font-family:DM Sans,sans-serif}.table-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.table-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.table-title{font-family:Syne,sans-serif;font-size:.875rem;font-weight:700}table{width:100%;border-collapse:collapse}th{text-align:left;padding:.6875rem 1.25rem;font-size:.7188rem;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);background:var(--paper);border-bottom:1px solid var(--border)}td{padding:.8125rem 1.25rem;font-size:.8438rem;border-bottom:1px solid rgba(224,219,208,.5);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:#f5f2ec80}.td-strong{font-weight:500}.td-muted{color:var(--muted);font-size:.7812rem}.chip{display:inline-flex;align-items:center;padding:3px .5625rem;border-radius:1.25rem;font-size:.7188rem;font-weight:500}.chip-green{background:#2d7a4f1a;color:var(--success)}.chip-orange{background:#d4551a1a;color:var(--accent)}.chip-blue{background:#1a52761a;color:var(--info)}.chip-yellow{background:#b8860b1a;color:var(--warning)}.chip-gray{background:#8a84781f;color:var(--muted)}.chip-red{background:#922b211a;color:var(--danger)}.filter-bar{display:flex;gap:.625rem;margin-bottom:1.25rem;align-items:center}.search-input-wrap{position:relative;flex:1;max-width:20rem}.search-input{width:100%;padding:.5rem .75rem .5rem 2.125rem;border:1px solid var(--border);border-radius:.4375rem;background:var(--surface);font-size:.8438rem;font-family:DM Sans,sans-serif;color:var(--ink);outline:none;transition:border-color .15s}.search-input:focus{border-color:var(--accent)}.search-icon{position:absolute;left:.625rem;top:50%;transform:translateY(-50%);color:var(--muted);font-size:.875rem}.filter-select{padding:.5rem .75rem;border:1px solid var(--border);border-radius:.4375rem;background:var(--surface);font-size:.8125rem;font-family:DM Sans,sans-serif;color:var(--ink);outline:none;cursor:pointer}.modal-overlay{display:none;position:fixed;inset:0;background:#0f0e0c99;z-index:100;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);align-items:center;justify-content:center}.modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:33.75rem;max-width:95vw;max-height:85vh;overflow-y:auto;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(1.25rem);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:1.375rem 1.5rem 1rem;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between}.modal-title{font-family:Syne,sans-serif;font-size:1.125rem;font-weight:700}.modal-sub{font-size:.8125rem;color:var(--muted);margin-top:2px}.modal-close{background:none;border:none;cursor:pointer;color:var(--muted);font-size:1.25rem;padding:2px}.modal-body{padding:1.375rem 1.5rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.625rem}.form-group{margin-bottom:1.125rem}.form-label{display:block;font-size:.8125rem;font-weight:500;margin-bottom:.375rem}.form-input{width:100%;padding:.5625rem .75rem;border:1px solid var(--border);border-radius:.4375rem;font-size:.875rem;font-family:DM Sans,sans-serif;color:var(--ink);background:var(--surface);outline:none;transition:border-color .15s}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #d4551a1a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.875rem}.form-hint{font-size:.75rem;color:var(--muted);margin-top:.25rem}.res-summary{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.125rem;margin-bottom:1.25rem}.res-summary-row{display:flex;justify-content:space-between;font-size:.8438rem;margin-bottom:.375rem}.res-summary-row:last-child{margin-bottom:0;font-weight:600;font-size:.9375rem;padding-top:.5rem;border-top:1px solid var(--border)}.res-summary-row .key{color:var(--muted)}.activity-feed{display:flex;flex-direction:column;gap:0}.activity-item{display:flex;gap:.75rem;padding:.75rem 1.25rem;border-bottom:1px solid rgba(224,219,208,.5)}.activity-item:last-child{border-bottom:none}.activity-dot{width:2rem;height:2rem;border-radius:.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.875rem;margin-top:1px}.activity-content{flex:1}.activity-title{font-size:.8438rem;font-weight:500}.activity-meta{font-size:.75rem;color:var(--muted);margin-top:2px}.batch-progress-hero{background:var(--ink);border-radius:var(--radius-lg);padding:1.75rem 2rem;color:#fff;margin-bottom:1.5rem;position:relative;overflow:hidden}.batch-progress-hero:before{content:"";position:absolute;right:-40px;top:-40px;width:12.5rem;height:12.5rem;border-radius:50%;background:var(--accent);opacity:.08}.batch-progress-hero:after{content:"";position:absolute;right:3.75rem;bottom:-60px;width:9.375rem;height:9.375rem;border-radius:50%;background:var(--accent-light);opacity:.06}.hero-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem}.hero-label{font-size:.6875rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;opacity:.5;margin-bottom:.25rem}.hero-title{font-family:Syne,sans-serif;font-size:1.375rem;font-weight:700}.hero-supplier{font-size:.8125rem;opacity:.6;margin-top:.25rem}.hero-big{font-family:Syne,sans-serif;font-size:3rem;font-weight:800;line-height:1}.hero-big-unit{font-size:16px;font-weight:400;opacity:.6}.big-progress-track{height:.625rem;background:#ffffff1f;border-radius:.625rem;overflow:hidden;margin-bottom:1rem}.big-progress-fill{height:100%;border-radius:.625rem;background:linear-gradient(90deg,var(--accent),var(--accent-light));transition:width .8s cubic-bezier(.4,0,.2,1)}.hero-stats{display:flex;gap:2rem}.hero-stat-label{font-size:.6875rem;opacity:.5;text-transform:uppercase;letter-spacing:.5px}.hero-stat-value{font-family:Syne,sans-serif;font-size:1.125rem;font-weight:700;margin-top:2px}.swatch-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.swatch{padding:.3125rem .75rem;border:1.5px solid var(--border);border-radius:.375rem;font-size:.7812rem;cursor:pointer;transition:all .12s;font-weight:500}.swatch:hover,.swatch.selected{border-color:var(--accent);background:#d4551a12;color:var(--accent)}.two-col{display:grid;grid-template-columns:1fr 21.25rem;gap:1.25rem}.col-main>*+*{margin-top:1.25rem}.col-side>*+*{margin-top:1rem}.info-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.info-card-header{padding:.875rem 1.125rem;border-bottom:1px solid var(--border);font-family:Syne,sans-serif;font-size:.875rem;font-weight:700}.info-card-body{padding:1.125rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(224,219,208,.5)}.info-row:last-child{border-bottom:none;padding-bottom:0}.info-key{font-size:.8125rem;color:var(--muted)}.info-val{font-size:.8438rem;font-weight:500;text-align:right}.notif-list{display:flex;flex-direction:column;gap:.625rem}.notif-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.875rem 1rem;display:flex;gap:.75rem;align-items:flex-start;cursor:pointer;transition:box-shadow .15s}.notif-item:hover{box-shadow:var(--shadow)}.notif-item.unread{border-left:3px solid var(--accent)}.notif-icon{font-size:1.125rem;flex-shrink:0;margin-top:1px}.notif-body{flex:1}.notif-title{font-size:.8438rem;font-weight:500}.notif-desc{font-size:.7812rem;color:var(--muted);margin-top:2px}.notif-time{font-size:.7188rem;color:var(--muted);margin-top:.25rem}.po-doc{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem 2.25rem;font-size:.8125rem}.po-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:2px solid var(--ink)}.po-brand{font-family:Syne,sans-serif;font-size:1.375rem;font-weight:800;color:var(--accent)}.po-number{text-align:right}.po-number-label{font-size:.6875rem;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.po-number-val{font-family:Syne,sans-serif;font-size:1.25rem;font-weight:700}.po-parties{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.po-party-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:.25rem}.po-party-name{font-weight:600;font-size:.875rem}.po-party-detail{color:var(--muted);font-size:.7812rem;line-height:1.6}.po-table{width:100%;border-collapse:collapse;margin-bottom:1.25rem}.po-table th{background:var(--paper);padding:.5625rem .75rem;text-align:left;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}.po-table td{padding:.625rem .75rem;border-bottom:1px solid var(--border);font-size:.8125rem}.po-totals{margin-left:auto;width:17.5rem}.po-total-row{display:flex;justify-content:space-between;padding:.375rem 0;font-size:.8125rem}.po-total-row.total{font-weight:700;font-size:.9375rem;padding-top:.625rem;border-top:2px solid var(--ink);margin-top:.25rem}.login-wrap{min-height:100vh;display:flex;background:var(--paper)}.login-left{width:26.25rem;background:var(--ink);padding:3rem 2.75rem;display:flex;flex-direction:column;justify-content:space-between}.login-right{flex:1;display:flex;align-items:center;justify-content:center;padding:2.5rem}.login-card{width:26.25rem;max-width:100%}.login-title{font-family:Syne,sans-serif;font-size:1.625rem;font-weight:800;margin-bottom:.375rem}.login-sub{font-size:.875rem;color:var(--muted);margin-bottom:2rem}.login-quote{color:#ffffffb3;font-size:1.375rem;font-family:Syne,sans-serif;font-weight:600;line-height:1.35;margin-bottom:1.5rem}.login-features{display:flex;flex-direction:column;gap:.875rem}.login-feature{display:flex;gap:.75rem;align-items:flex-start}.login-feature-icon{width:2rem;height:2rem;background:#d4551a33;border-radius:.4375rem;display:flex;align-items:center;justify-content:center;font-size:.9375rem;flex-shrink:0;margin-top:1px}.login-feature-title{font-size:.8438rem;font-weight:600;color:#fff}.login-feature-desc{font-size:.75rem;color:#ffffff73;margin-top:2px}.upload-area{border:2px dashed var(--border);border-radius:var(--radius);padding:1.5rem;text-align:center;cursor:pointer;transition:all .15s}.upload-area:hover{border-color:var(--accent);background:#d4551a08}.upload-icon{font-size:1.75rem;margin-bottom:.5rem}.upload-label{font-size:.8438rem;font-weight:500}.upload-hint{font-size:.75rem;color:var(--muted);margin-top:.25rem}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:1.5rem}.tab{padding:.625rem 1.125rem;font-size:.8438rem;font-weight:500;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s}.tab:hover{color:var(--ink)}.tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.empty-state{text-align:center;padding:3.75rem 1.25rem;color:var(--muted)}.empty-icon{font-size:2.625rem;margin-bottom:.75rem;opacity:.5}.empty-title{font-family:Syne,sans-serif;font-size:16px;font-weight:700;color:var(--ink);margin-bottom:6px}.empty-desc{font-size:.8438rem}.skeleton{background:linear-gradient(90deg,#e8e2d9 25%,#f0ece5,#e8e2d9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:.375rem}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:.375rem}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d0cbbf;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#bfb9ad}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.live-dot{width:.4375rem;height:.4375rem;border-radius:50%;background:var(--success);animation:pulse 2s infinite;display:inline-block}.root-loading{display:flex;height:100vh;align-items:center;justify-content:center;color:var(--muted)}.err{color:var(--danger);font-size:.8125rem;margin:.5rem 0}.ok{color:var(--success);font-size:.8125rem;margin:.5rem 0}.link{color:var(--accent);cursor:pointer;background:none;border:none;font:inherit;padding:0}.nav-item{border:none;background:none;width:100%;text-align:left;font-family:inherit}.modal-overlay.open{display:flex}.product-card .product-image{height:8.125rem}.mono{font-family:ui-monospace,monospace;font-size:.7812rem}.stack>*+*{margin-top:1rem}.row{display:flex;gap:.625rem;align-items:center;flex-wrap:wrap}html{-webkit-text-size-adjust:100%}body{overflow-x:hidden}img,svg{max-width:100%}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.625rem,1.2vw,1.25rem)}.chip{white-space:nowrap}.products-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,18.125rem),1fr));gap:clamp(.75rem,1.4vw,1.5rem)}.dash-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(18.75rem,22.5rem);gap:1.25rem}.form-row-3{display:grid;grid-template-columns:1fr 1fr 5.625rem;gap:.625rem;margin-bottom:.625rem}.page-content{padding:clamp(.875rem,2vw,2rem)}.page-inner{max-width:105rem;margin:0 auto;width:100%}.main{min-width:0}.topbar-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.table-card{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.table-card table{min-width:35rem}.po-table{min-width:0!important}td,th{white-space:normal}th{white-space:nowrap}.hero-top{flex-wrap:wrap;gap:.875rem}.hero-stats{flex-wrap:wrap;gap:.875rem 2rem}.hero-big{font-size:clamp(2rem,5vw,3rem)}.batch-progress-hero{padding:clamp(1.125rem,3vw,2rem)}.filter-bar{flex-wrap:wrap}.filter-bar .search-input-wrap{flex:1 1 13.75rem;max-width:22.5rem}.two-col{grid-template-columns:minmax(0,1fr) minmax(17.5rem,21.25rem)}.col-main,.col-side,.dash-grid>*,.two-col>*{min-width:0}.menu-btn,.sidebar-backdrop,.sidebar-close{display:none}@media(min-width:1800px){html{font-size:17px}.sidebar{width:17rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(20rem,1fr))}.two-col{grid-template-columns:minmax(0,1fr) 25rem}.dash-grid{grid-template-columns:minmax(0,1fr) 26.25rem}}@media(max-width:1300px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1200px){.two-col,.dash-grid{grid-template-columns:minmax(0,1fr)}.sidebar{width:13.5rem}}@media(max-width:900px){.sidebar{position:fixed;top:0;bottom:0;left:0;width:min(18.125rem,84vw);transform:translate(-102%);transition:transform .22s ease;z-index:90;padding-bottom:env(safe-area-inset-bottom);box-shadow:none}.sidebar.open{transform:none;box-shadow:.5rem 0 2.5rem #00000059}.sidebar-backdrop{display:block;position:fixed;inset:0;background:#0f0e0c8c;z-index:80;opacity:0;pointer-events:none;transition:opacity .2s}.sidebar-backdrop.open{opacity:1;pointer-events:auto}.sidebar-close{display:inline-flex;position:absolute;top:.875rem;right:.75rem;background:none;border:none;color:#fff9;font-size:1.25rem;cursor:pointer;padding:.375rem}.menu-btn{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;flex-shrink:0;border-radius:.5rem;border:1px solid var(--border);background:var(--surface);font-size:1.25rem;cursor:pointer;color:var(--ink)}.topbar{padding:0 .875rem;gap:.625rem;padding-top:env(safe-area-inset-top);height:calc(3.75rem + env(safe-area-inset-top))}.nav-item{padding:.75rem}.login-wrap{flex-direction:column}.login-left{width:100%;padding:1.375rem 1.5rem;gap:1rem}.login-features,.login-left>div:last-child{display:none}.login-quote{font-size:1.25rem;margin-bottom:0}.login-right{padding:1.5rem 1rem 2.5rem;align-items:flex-start}}@media(max-width:600px){.page-content{padding:.75rem .75rem calc(1.25rem + env(safe-area-inset-bottom))}.stats-grid{gap:.625rem}.stat-card{padding:.875rem}.stat-value{font-size:1.375rem}.form-row,.form-row-3{grid-template-columns:1fr}.form-row-3{gap:.5rem}.products-grid{grid-template-columns:1fr}.filter-bar>*{flex:1 1 100%;max-width:none!important}.filter-bar .btn{justify-content:center}.topbar-actions .btn{padding:.5rem .75rem}.table-header{padding:.75rem .875rem}td,th{padding:.625rem .75rem}.hero-stats{gap:.625rem 1.375rem}.hero-stat-value{font-size:16px}.po-doc{padding:1.125rem}.po-header,.po-parties{grid-template-columns:1fr;flex-direction:column;gap:.75rem}.modal-overlay{align-items:flex-end}.modal{width:100%;max-width:100%;max-height:92vh;max-height:92dvh;border-radius:1.125rem 1.125rem 0 0;animation:sheetUp .22s ease}.modal-header,.modal-body,.modal-footer{padding-left:1rem;padding-right:1rem}.modal-footer{position:sticky;bottom:0;background:var(--surface);padding-bottom:calc(.875rem + env(safe-area-inset-bottom));flex-wrap:wrap}.modal-footer .btn{flex:1 1 auto;justify-content:center}.info-row{gap:.625rem}.tabs{overflow-x:auto}.tab{white-space:nowrap}}@keyframes sheetUp{0%{transform:translateY(2.5rem);opacity:.6}to{transform:none;opacity:1}}@media(pointer:coarse){.btn{min-height:2.5rem}.btn-sm{min-height:2.25rem}.form-input,.search-input,.filter-select,select,input,textarea{font-size:16px}.tab{padding:.75rem 1rem}}@media(max-width:380px){.stats-grid{grid-template-columns:minmax(0,1fr)}.topbar-title{font-size:16px}.btn{padding:.5rem .75rem}}@media(max-height:500px)and (orientation:landscape){.modal{max-height:96vh;max-height:96dvh}.login-left{display:none}.sidebar-brand{padding:.875rem 1.25rem .625rem}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media print{.sidebar,.topbar,.menu-btn{display:none!important}.app{display:block;height:auto}.page-content{overflow:visible}}.batch-progress-hero .chip{background:#ffffff24;color:#fff}@media(min-width:2200px){html{font-size:20px}.page-inner{max-width:1900px}}@media(min-width:3000px){html{font-size:25px}}@media(min-width:3800px){html{font-size:30px}}