:root{color-scheme:light;--bg:#f5f6f7;--surface:#fff;--surface-soft:#f0f2f4;--text:#1f2024;--muted:#676b73;--border:#d9dde3;--brand:#ed1c24;--brand-strong:#b9151b;--ink:#202020;--radius:8px;--shadow:0 14px 34px hsla(0,0%,8%,.08)}*{box-sizing:border-box}body,html{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Arial,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}h1,h2,p{margin:0}h1{font-size:2rem;line-height:1.1}h2{font-size:1.05rem}p{color:var(--muted);line-height:1.5}.login-page{position:relative;display:grid;min-height:100vh;place-items:center;padding:24px;background:linear-gradient(105deg,rgba(13,13,14,.88),rgba(27,27,28,.68) 44%,rgba(237,28,36,.42)),url(/assets/login-background.png) 50% /cover no-repeat;isolation:isolate}.login-page:before{position:absolute;inset:0;z-index:-1;content:"";background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.56)),radial-gradient(circle at 18% 20%,rgba(237,28,36,.34),transparent 28%)}.login-panel{display:grid;width:min(440px,100%);grid-gap:24px;gap:24px;padding:32px;border:1px solid hsla(0,0%,100%,.22);border-radius:var(--radius);background:hsla(0,0%,100%,.94);box-shadow:0 28px 70px rgba(0,0,0,.34);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);grid-template-rows:68px minmax(0,1fr);grid-template-areas:"topbar topbar" "sidebar content";min-height:100vh}.topbar{grid-area:topbar;justify-content:space-between;gap:16px;padding:12px 22px;border-bottom:1px solid var(--border);background:var(--surface)}.brand-row,.topbar{display:flex;align-items:center}.brand-row{gap:10px;min-width:0}.brand{display:grid;width:210px;height:44px;place-items:center;padding:7px 14px;border-radius:var(--radius);background:var(--ink)}.brand img{max-width:100%;height:auto;object-fit:contain}.sidebar{grid-area:sidebar;padding:18px;background:var(--ink);color:#fff}.form-stack,.page-stack,.sidebar nav{display:grid;grid-gap:14px;gap:14px}.form-stack.compact-form{gap:10px}.form-stack.compact-form .form-section{gap:10px;padding:12px}.form-stack.compact-form .avatar-row,.form-stack.compact-form .form-grid,.form-stack.compact-form .logo-row{gap:10px}.form-stack.compact-form .field{gap:4px}.nav-link{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;border-radius:var(--radius);color:hsla(0,0%,100%,.78);font-weight:700}.nav-link-icon{display:grid;width:18px;place-items:center;flex:0 0 18px}.nav-link-label{display:inline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-group{display:grid;grid-gap:6px;gap:6px;margin-bottom:8px}.nav-group-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;min-height:38px;padding:8px 12px;border-radius:var(--radius);background:transparent;color:hsla(0,0%,100%,.76);font:inherit;text-align:left}.nav-group-toggle.active{background:rgba(237,28,36,.18);color:#fff}.nav-group-label{display:flex;align-items:center;gap:10px;min-width:0}.nav-group-toggle .nav-link-label{color:hsla(0,0%,100%,.78)}.nav-group-toggle svg.open{transform:rotate(180deg)}.nav-group-items{display:grid;grid-gap:5px;gap:5px;padding-left:8px;border-left:1px solid hsla(0,0%,100%,.14)}.nav-group-items:not(.open){display:none}.nav-link.active,.nav-link:hover{background:rgba(237,28,36,.18);color:#fff}.app-shell.sidebar-collapsed{grid-template-columns:86px minmax(0,1fr)}.app-shell.sidebar-collapsed .sidebar{padding:18px 12px}.app-shell.sidebar-collapsed .nav-group-label,.app-shell.sidebar-collapsed .nav-link-label{display:none}.app-shell.sidebar-collapsed .nav-group-toggle{padding:8px;justify-content:center}.app-shell.sidebar-collapsed .nav-group-items{border-left:0;padding-left:0}.app-shell.sidebar-collapsed .nav-link{justify-content:center}.app-shell.portal-only-navigation{grid-template-columns:minmax(0,1fr);grid-template-areas:"topbar" "content"}.app-shell.portal-only-navigation .sidebar{display:none}.content{grid-area:content;min-width:0;padding:28px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.page-header>div:first-child{display:grid;grid-gap:6px;gap:6px}.eyebrow{color:var(--brand);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.card,.metric,.table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:0 10px 24px hsla(0,0%,8%,.05)}.card{display:grid;grid-gap:18px;gap:18px;padding:22px}.metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.metric{display:grid;grid-gap:8px;gap:8px;padding:20px}.metric span{color:var(--muted);font-weight:700}.metric strong{font-size:2rem}.field{display:grid;grid-gap:6px;gap:6px}.form-section{display:grid;grid-gap:14px;gap:14px;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:#fbfcfd}.section-title{display:grid;grid-gap:3px;gap:3px}.section-title h3{margin:0;font-size:1rem}.section-title p{font-size:.9rem}.form-grid{display:grid;grid-gap:14px;gap:14px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.variant-editor{display:grid;grid-gap:14px;gap:14px}.variant-editor-list{display:grid;grid-gap:10px;gap:10px}.variant-editor-row{display:grid;grid-template-columns:minmax(180px,1fr) 110px 140px auto;grid-gap:10px;gap:10px;align-items:end}.variant-size-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:10px;gap:10px}.form-fieldset{border:1px solid var(--border);border-radius:var(--radius);display:grid;grid-gap:.75rem;gap:.75rem;padding:1rem}.checkbox-field{align-items:center;display:flex;gap:.5rem}.muted-text{color:var(--muted);font-size:.9rem;margin:0}.avatar-row,.logo-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;grid-gap:14px;gap:14px}.avatar-upload-panel,.logo-upload-panel{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;grid-gap:16px;gap:16px}.avatar-preview-card,.logo-preview-card{display:grid;place-items:center;align-self:stretch}.order-item-product{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;grid-gap:12px;gap:12px}.order-item-product small,.portal-cart-copy small{color:var(--muted);font-size:.78rem}.order-item-product div,.order-item-product span{min-width:0}.order-item-preview-image,.order-item-thumb{width:56px;height:56px;border:1px solid var(--border);border-radius:var(--radius);object-fit:cover;background:var(--surface-soft)}.order-item-thumb-empty{display:grid;place-items:center;color:var(--muted);font-size:.72rem;font-weight:800;text-align:center;padding:6px}.order-item-preview-card{display:grid;place-items:start}.order-item-preview-image{width:112px;height:112px}.order-item-modal{grid-template-columns:minmax(220px,280px) minmax(0,1fr);box-sizing:border-box;width:min(960px,calc(100vw - 24px));max-height:calc(100vh - 24px);align-items:start;overflow:auto}.order-item-modal-preview{display:grid;place-items:center;min-height:100%;padding:6px;border-radius:var(--radius);background:var(--surface-soft)}.order-item-modal-image{width:100%;max-width:260px;aspect-ratio:1;border:1px solid var(--border);border-radius:var(--radius);object-fit:cover;background:var(--surface)}.order-item-modal-form{min-width:0}.form-actions{display:flex;justify-content:flex-start}.list-filters{border:1px solid var(--border);border-radius:var(--radius);padding:14px;background:var(--surface)}.list-filter-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(0,1fr) auto;align-items:end}.list-filter-actions{display:flex;align-items:center;gap:8px}.field span,.fieldset legend,.form-fieldset legend{color:var(--text);font-weight:800}.field-label{display:flex;align-items:center;gap:6px}.field-help{position:relative;display:inline-grid;align-items:center}.field-help summary{display:grid;place-items:center;width:16px;height:16px;border-radius:999px;border:1px solid var(--border);color:var(--muted);background:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;list-style:none}.field-help summary::-webkit-details-marker{display:none}.field-help span{color:var(--text);font-weight:500;font-size:.82rem;max-width:250px;position:absolute;top:100%;left:0;margin-top:6px;padding:8px 10px;border-radius:var(--radius);border:1px solid var(--border);background:#fff;box-shadow:0 8px 20px hsla(0,0%,4%,.08);display:none;z-index:5;pointer-events:none}.field-help[open] span{display:block}.field input,.field select,.field textarea{min-height:38px;width:100%;border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;background:#fff;color:var(--text)}.field textarea{resize:vertical}.span-two{grid-column:span 2}.readonly-field{display:grid;grid-gap:6px;gap:6px;min-height:68px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:#fff}.muted-copy,.readonly-field span{color:var(--muted);font-size:.86rem;font-weight:700}.readonly-field strong{overflow-wrap:anywhere}.readonly-tags{display:flex;flex-wrap:wrap;gap:8px}.readonly-tag{display:inline-flex;align-items:center;min-height:30px;padding:6px 9px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);color:var(--text);font-size:.86rem;font-weight:800}.approver-list{display:grid;grid-gap:8px;gap:8px;margin:0;padding:0;list-style:none}.approver-list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft)}.approver-list-item span{overflow-wrap:anywhere}.approver-add-control{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;grid-gap:12px;gap:12px}.multi-select-field{position:relative;display:grid;grid-gap:12px;gap:12px;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.multi-select-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.multi-select-header span{color:var(--text);font-weight:800}.multi-select-field select{min-height:132px}.multi-select-field p{font-size:.86rem}.multi-select{position:relative}.multi-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:42px;padding:9px 11px;background:#fff;color:var(--text);font:inherit;font-weight:700;text-align:left}.multi-select-menu,.multi-select-trigger{border:1px solid var(--border);border-radius:var(--radius)}.multi-select-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:35;display:none;width:min(520px,100%);max-height:310px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}.multi-select.open .multi-select-menu{display:grid;grid-template-rows:auto minmax(0,1fr)}.multi-select-search{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;grid-gap:8px;gap:8px;padding:10px;border-bottom:1px solid var(--border)}.multi-select-search input{min-height:34px;border:0;outline:0}.multi-select-options{display:grid;max-height:240px;overflow-y:auto;padding:6px}.multi-select-option{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;grid-gap:10px;gap:10px;min-height:38px;padding:8px 9px;border-radius:var(--radius);color:var(--text);font-weight:700}.multi-select-option:hover{background:var(--surface-soft)}.multi-select-empty{padding:12px}.multi-select-tags,.table-actions{display:flex;flex-wrap:wrap;gap:8px}.table-actions .ghost-button{gap:6px}.multi-select-tags span{display:inline-flex;align-items:center;min-height:28px;padding:5px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);color:var(--text);font-size:.84rem;font-weight:800}.invoice-installment-settle-form{display:grid;grid-gap:10px;gap:10px;min-width:240px}.invoice-installment-settle-form .field{gap:4px}.invoice-installment-paid span,.invoice-installment-settle-form .field span{font-size:.78rem}.invoice-installment-settle-form .primary-button{width:100%;justify-content:center}.invoice-installment-paid{display:grid;grid-gap:4px;gap:4px}.avatar-preview{width:72px;height:72px;border:1px solid var(--border);border-radius:var(--radius);object-fit:cover}.avatar-preview-large{width:112px;height:112px}.avatar-preview-empty,.company-logo-preview-empty{display:grid;place-items:center;color:var(--muted);font-size:.86rem;font-weight:800}.company-logo-preview{width:220px;max-width:100%;max-height:80px;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--ink);object-fit:contain}.company-logo-preview-empty{min-height:80px}.topbar-actions{display:flex;align-items:center;gap:12px}.profile-menu{flex:0 0 auto}.cart-button,.news-button,.profile-menu{position:relative}.cart-badge,.news-badge{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--brand);color:#fff;font-size:.72rem;font-weight:900}.news-button-alert{border-color:#b7791f;color:#92400e}.profile-trigger{display:inline-flex;align-items:center;gap:10px;min-height:48px;max-width:min(360px,46vw);padding:5px 10px 5px 5px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-weight:800}.profile-avatar{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:var(--radius);background:var(--ink);color:#fff;font-weight:900;object-fit:cover}.profile-avatar.large{width:48px;height:48px;flex-basis:48px}.profile-copy,.profile-dropdown-header div{display:grid;grid-gap:2px;gap:2px;min-width:0;text-align:left}.profile-copy span,.profile-copy strong,.profile-dropdown-header span,.profile-dropdown-header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-copy span,.profile-dropdown-header span{color:var(--muted);font-size:.78rem;font-weight:700}.profile-dropdown{position:absolute;top:calc(100% + 10px);right:0;z-index:40;display:none;width:270px;padding:8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.profile-menu.open .profile-dropdown{display:grid;grid-gap:4px;gap:4px}.profile-dropdown-header{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;grid-gap:10px;gap:10px;padding:10px;border-bottom:1px solid var(--border)}.profile-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:9px 10px;border:0;border-radius:var(--radius);background:transparent;color:var(--text);font:inherit;font-weight:800;text-align:left}.profile-dropdown-item:hover{background:var(--surface-soft)}.confirm-modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px;background:hsla(0,0%,8%,.42)}.confirm-modal{display:grid;width:min(420px,100%);grid-gap:18px;gap:18px;padding:20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:0 24px 70px rgba(0,0,0,.22)}.confirm-modal-copy{display:grid;grid-gap:8px;gap:8px}.confirm-modal-actions{display:flex;justify-content:flex-end;gap:10px}.unit-change-modal{position:relative;gap:16px;border-color:rgba(237,28,36,.3)}.unit-change-modal-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:#fff1f1;color:var(--brand)}.unit-change-modal-destination{display:grid;grid-gap:3px;gap:3px;padding:12px;border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);background:var(--surface-soft)}.unit-change-modal-destination small,.unit-change-modal-destination span,.unit-change-modal-note{color:var(--muted)}.unit-change-modal-note{margin:-6px 0 0;font-size:.88rem}.ghost-button,.icon-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border-radius:var(--radius);font-weight:800}.primary-button{width:auto;border:1px solid var(--brand);padding:7px 12px;background:var(--brand);color:#fff}.primary-button:hover{background:var(--brand-strong)}.ghost-button,.icon-button{border:1px solid var(--border);padding:7px 10px;background:var(--surface);color:var(--text)}.ghost-button-disabled{opacity:.5;cursor:not-allowed;pointer-events:none;color:var(--muted)}.ghost-button.compact{min-height:34px;padding:7px 10px;font-size:.86rem}.icon-button{width:40px;padding:0}.menu-button{flex:0 0 40px}.inline-action{justify-self:start}.form-error{color:var(--brand-strong);font-weight:800}.feedback-banner{padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);font-weight:700}.feedback-banner-success{border-color:rgba(38,122,74,.22);background:rgba(38,122,74,.1);color:#1d6b45}.feedback-banner-error{border-color:rgba(180,43,43,.24);background:rgba(180,43,43,.1);color:#a52f2f}.table-wrap{overflow-x:auto}.pagination{display:grid;grid-gap:10px;gap:10px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.pagination-copy{margin:0;color:var(--muted);font-size:.9rem}.pagination-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.pagination-ellipsis{min-height:36px;padding:0 6px;color:var(--muted);font-weight:800;display:inline-flex;align-items:center}.ghost-button-active{border-color:var(--brand);background:rgba(237,28,36,.09);color:var(--brand-strong)}table{width:100%;border-collapse:collapse}td,th{padding:13px 14px;border-bottom:1px solid var(--border);text-align:left}th{color:var(--muted);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.empty-state{display:grid;place-items:center;min-height:180px;padding:24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--muted);font-weight:700}.portal-unit-selector{display:grid;grid-template-columns:auto minmax(220px,1fr) auto;grid-gap:14px;gap:14px;align-items:center;padding:16px 18px;border:1px solid rgba(237,28,36,.24);border-radius:var(--radius);background:linear-gradient(120deg,#fff7f7,var(--surface) 58%,#f7f9fb)}.portal-unit-selector>svg{color:var(--brand)}.portal-unit-selector>div{display:grid;grid-gap:2px;gap:2px}.portal-unit-selector p,.portal-unit-selector small,.portal-unit-selector span{color:var(--muted)}.portal-unit-selector p{margin:0}.portal-unit-selector.blocked{grid-template-columns:auto minmax(0,1fr);border-color:var(--border);background:var(--surface-soft)}.portal-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px}.portal-layout-with-news{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:16px;gap:16px;align-items:start}.portal-main-column{min-width:0}.portal-banner-carousel{position:relative;overflow:hidden;min-height:180px;border:1px solid var(--border);border-radius:var(--radius);background:var(--ink)}.portal-banner-track{display:flex;width:100%;height:100%;transition:transform .18s ease}.portal-banner-slide{position:relative;display:block;flex:0 0 100%;min-height:180px;aspect-ratio:5/1;overflow:hidden;background:var(--ink)}.portal-banner-slide img{display:block;width:100%;height:100%;min-height:180px;object-fit:cover}.portal-banner-control{position:absolute;top:50%;z-index:2;display:grid;width:38px;height:38px;place-items:center;border:1px solid hsla(0,0%,100%,.34);border-radius:999px;background:hsla(0,0%,8%,.58);color:#fff;transform:translateY(-50%)}.portal-banner-control-prev{left:14px}.portal-banner-control-next{right:14px}.portal-banner-dots{position:absolute;right:24px;bottom:20px;z-index:2;display:flex;gap:6px}.portal-banner-dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:hsla(0,0%,100%,.48)}.portal-banner-dots button.active{width:20px;background:#fff}.portal-product-card{display:grid;grid-template-rows:220px auto auto;min-height:100%;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.portal-product-card-horizontal{grid-template-columns:minmax(210px,260px) minmax(0,1fr);grid-template-rows:auto}.portal-product-card-horizontal .portal-product-media{padding:12px}.portal-product-card-horizontal .portal-product-image{width:100%;aspect-ratio:1;height:auto;object-fit:cover}.portal-product-card-horizontal .portal-product-body{min-height:100%;border-top:none;border-left:1px solid var(--border)}.portal-product-card-horizontal .portal-product-actions{margin-top:auto;display:flex;justify-content:flex-end;gap:10px;padding-right:16px;width:100%}.portal-product-grid-horizontal{grid-template-columns:repeat(3,minmax(220px,1fr));gap:12px}.portal-product-media{display:grid;place-items:center;padding:18px;background:var(--surface-soft)}.portal-cart-image,.portal-detail-image,.portal-product-image{width:100%;height:100%;border-radius:var(--radius);object-fit:cover;background:var(--surface)}.portal-product-image-empty{display:grid;place-items:center;color:var(--muted);font-weight:800;text-align:center;padding:16px;border:1px dashed var(--border)}.portal-product-body{display:grid;grid-gap:10px;gap:10px;padding:16px;background:var(--surface);border-top:1px solid var(--border)}.portal-product-header{display:grid;grid-gap:6px;gap:6px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft)}.portal-product-title{color:var(--text);font-size:1rem;font-weight:800}.portal-product-price{margin:0;color:var(--brand-strong);font-size:1.15rem;font-weight:800}.portal-product-badges{display:flex;flex-wrap:wrap;gap:8px}.portal-product-badge{display:inline-flex;align-items:center;min-height:28px;padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);color:var(--text);font-size:.8rem;font-weight:800}.portal-product-description{margin:0;color:var(--muted);line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:calc(1.45em * 3)}.portal-product-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;padding:0 16px 16px}.portal-product-actions a,.portal-product-actions form{width:100%}.portal-product-actions form{display:grid;grid-gap:8px;gap:8px}.portal-product-card-horizontal .portal-product-actions a,.portal-product-card-horizontal .portal-product-actions form{width:auto}.portal-product-actions .ghost-button,.portal-product-actions .primary-button{width:100%;justify-content:center}.portal-product-card-horizontal .portal-product-actions .ghost-button,.portal-product-card-horizontal .portal-product-actions .primary-button{width:auto}.portal-news-menu{position:relative;flex:0 0 auto}.portal-news-popover{position:absolute;top:calc(100% + 10px);right:0;z-index:70;width:min(360px,calc(100vw - 32px));max-height:min(520px,calc(100vh - 120px));overflow:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:0 20px 50px rgba(15,23,42,.18)}.portal-news-popover-header{position:-webkit-sticky;position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-bottom:1px solid var(--border);background:var(--surface)}.portal-news-popover-header h2{margin:0;font-size:1rem}.portal-news-list{display:grid;grid-gap:0;gap:0}.portal-news-list-item{display:grid;grid-gap:6px;gap:6px;width:100%;padding:14px;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;text-align:left}.portal-news-list-item:hover{background:var(--surface-soft)}.portal-news-list-item:last-child{border-bottom:0}.portal-news-list-item span{font-weight:800}.portal-news-list-item small{color:var(--muted);font-size:.82rem;line-height:1.35}.portal-news-list-item em{width:-moz-fit-content;width:fit-content;padding:3px 7px;border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size:.72rem;font-style:normal;font-weight:900}.portal-news-list-item-required em{background:#fef3c7;color:#92400e}.portal-news-modal-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:24px;background:rgba(15,23,42,.42)}.portal-news-modal{display:grid;width:min(680px,100%);max-height:calc(100vh - 48px);grid-gap:16px;gap:16px;overflow:auto;padding:22px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:0 24px 70px rgba(15,23,42,.24)}.portal-news-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.portal-news-modal-header h2{margin:4px 0 0;color:var(--text);font-size:1.55rem;line-height:1.15}.portal-news-modal-image{width:100%;max-height:300px;border-radius:6px;object-fit:cover}.portal-news-modal-summary{margin:0;color:var(--muted);font-weight:700}.portal-news-modal-content{margin:0;color:var(--text);line-height:1.65;white-space:pre-wrap}.portal-news-modal form{display:flex}.field-hint{color:var(--muted);font-size:.82rem;line-height:1.35}.status-pill{display:inline-flex;width:-moz-fit-content;width:fit-content;align-items:center;min-height:28px;padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);color:var(--text);font-size:.8rem;font-weight:800}.portal-detail{display:grid;grid-template-columns:minmax(320px,460px) minmax(0,1fr);grid-gap:20px;gap:20px;align-items:start}.portal-suggestion-section{margin-top:26px;padding:18px 16px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,var(--surface),var(--surface-soft))}.portal-suggestion-section .portal-product-card-horizontal .portal-product-description{max-width:62ch}.portal-suggestion-title{margin:0 0 16px;color:var(--text);font-size:1.3rem;line-height:1.2;letter-spacing:-.01em}.portal-cart-layout>.card,.portal-cart-summary,.portal-detail-copy,.portal-detail-media{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.portal-detail-media{display:grid;place-items:center;min-height:420px;padding:20px}.portal-detail-copy{display:grid;grid-gap:18px;gap:18px;padding:20px}@media (max-width:860px){.portal-unit-selector{grid-template-columns:auto minmax(0,1fr)}.portal-unit-selector .ghost-button{grid-column:1/-1}.portal-product-grid-horizontal{grid-template-columns:1fr}.portal-product-card-horizontal{grid-template-columns:1fr;grid-template-rows:220px auto auto}.portal-product-card-horizontal .portal-product-body{border-left:none;border-top:1px solid var(--border)}}@media (min-width:861px) and (max-width:1150px){.portal-product-grid-horizontal{grid-template-columns:repeat(2,minmax(220px,1fr))}}.portal-detail-summary{display:grid;grid-gap:10px;gap:10px}.portal-detail-section{display:grid;grid-gap:8px;gap:8px}.portal-cart-summary h2,.portal-detail-section h2{margin:0;font-size:1rem}.portal-detail-text{color:var(--text);line-height:1.6;white-space:pre-line}.portal-detail-form{display:grid;grid-gap:12px;gap:12px;max-width:320px}.portal-cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:18px;gap:18px;align-items:start}.portal-cart-list{display:grid}.portal-cart-item{display:grid;grid-template-columns:96px minmax(0,1fr) minmax(220px,260px);grid-gap:16px;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--border)}.portal-cart-item:first-child{padding-top:0}.portal-cart-item:last-child{padding-bottom:0;border-bottom:0}.portal-cart-image{height:96px}.portal-cart-actions,.portal-cart-copy,.portal-cart-quantity,.portal-cart-side{display:grid;grid-gap:8px;gap:8px}.portal-cart-side{align-self:stretch}.portal-cart-quantity .field{gap:6px}.portal-cart-quantity input{min-width:0;width:100%}.portal-cart-actions{grid-template-columns:minmax(0,1fr) auto;align-items:end;justify-items:end;margin-top:auto}.portal-cart-actions strong{font-size:1.05rem}.portal-cart-remove-button{justify-self:end}.portal-cart-summary{display:grid;grid-gap:14px;gap:14px;padding:20px}.order-tabs-card{gap:18px;padding:18px}.order-tabs{display:inline-flex;gap:8px;padding:4px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft)}.order-tab{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 14px;border-radius:6px;color:var(--muted);font-weight:800}.order-tab.active{background:var(--surface);color:var(--text);box-shadow:0 1px 2px hsla(0,0%,8%,.08)}.profile-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft)}.profile-tab{flex:0 0 auto;min-height:38px;padding:7px 14px;border:0;border-radius:6px;background:transparent;color:var(--muted);font:inherit;font-weight:800}.profile-tab:hover{color:var(--text)}.profile-tab.active{background:var(--surface);color:var(--text);box-shadow:0 1px 2px hsla(0,0%,8%,.08)}.order-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:18px;gap:18px;align-items:start}.order-summary-panel{display:grid;grid-gap:14px;gap:14px}.approval-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:18px}.approval-progress-step{display:grid;grid-template-columns:14px minmax(0,1fr);grid-gap:10px;gap:10px;min-height:108px;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}.approval-progress-step>div{display:flex;flex-direction:column;gap:5px}.approval-progress-step p,.approval-progress-step span{margin:0;color:var(--muted);font-size:.82rem}.approval-progress-step p{margin-top:4px;color:var(--text)}.approval-progress-marker{width:11px;height:11px;margin-top:4px;border:2px solid #8c96a4;border-radius:999px;background:var(--surface)}.approval-progress-step.completed .approval-progress-marker{border-color:#24714b;background:#24714b;box-shadow:0 0 0 4px rgba(36,113,75,.12)}.approval-progress-step.rejected{border-color:rgba(168,52,52,.38);background:rgba(168,52,52,.06)}.approval-progress-step.rejected .approval-progress-marker{border-color:#a83434;background:#a83434;box-shadow:0 0 0 4px rgba(168,52,52,.12)}.intended-use-callout{display:flex;flex-direction:column;gap:6px;margin:14px 0 18px;padding:16px;border-left:4px solid var(--brand);border-radius:10px;background:var(--surface-soft)}.intended-use-callout span{color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.approval-action-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.7fr);grid-gap:18px;gap:18px}.coordinator-quantity-list{display:grid;grid-gap:10px;gap:10px}.coordinator-quantity-item{display:grid;grid-template-columns:minmax(180px,1fr) minmax(130px,.35fr);grid-gap:12px;gap:12px;align-items:end;padding:14px;border:1px solid var(--border);border-radius:12px}.coordinator-quantity-item>div:first-of-type,.table-cell-stack{display:flex;flex-direction:column;gap:4px}.coordinator-size-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));grid-gap:8px;gap:8px}.compact-field{gap:5px}.rejection-form{padding-top:16px;border-top:1px solid var(--border)}.danger-button,.inline-rejection summary{color:#9b2f2f}.danger-button{border-color:rgba(155,47,47,.42)}.approval-row-actions,.operational-action-list{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}.table-cell-stack span{color:var(--muted);font-size:.8rem}.inline-rejection{position:relative}.inline-rejection summary{cursor:pointer;padding:9px 12px;font-weight:700}.inline-rejection[open] form{position:absolute;z-index:4;right:0;width:min(320px,75vw);margin-top:8px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 18px 44px rgba(33,38,45,.16)}@media (max-width:980px){.approval-progress{grid-template-columns:repeat(2,minmax(0,1fr))}.approval-action-grid{grid-template-columns:1fr}}@media (max-width:620px){.approval-progress,.coordinator-quantity-item{grid-template-columns:1fr}.coordinator-size-grid{grid-column:auto}}.finance-open-summary{display:grid;grid-gap:18px;gap:18px}.finance-open-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.finance-open-metric{min-height:128px}.finance-open-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px}.finance-branch-card{gap:12px;padding:18px}.finance-branch-card-top,.finance-open-table,.finance-open-table-copy{display:grid;grid-gap:6px;gap:6px}.finance-branch-card-rank{color:var(--brand);font-size:.75rem;font-weight:800;text-transform:uppercase}.finance-branch-card-name{font-size:1rem}.finance-branch-card-average,.finance-branch-card-orders{color:var(--muted);font-weight:700}.finance-branch-card-amount{font-size:1.6rem;line-height:1.1}.finance-open-table-copy h2{font-size:1rem}.finance-open-orders{padding-top:6px;border-top:1px solid var(--border)}.finance-open-order-meta{display:block;margin-top:3px;color:var(--muted);font-size:.82rem;font-weight:700}.finance-open-total-cell strong{font-size:1rem}.finance-open-empty{min-height:220px}.invoice-list-explainer{display:grid;grid-gap:4px;gap:4px;padding:14px 16px;border:1px solid rgba(237,28,36,.2);border-radius:var(--radius);background:#fff8f8}.invoice-list-explainer strong{color:var(--brand)}.invoice-list-explainer p,.invoice-list-orders span{margin:0;color:var(--muted)}.invoice-list-orders{display:grid;grid-gap:3px;gap:3px}.invoice-list-orders span{font-size:.82rem;font-weight:700}.dashboard-layout{display:grid;grid-gap:20px;gap:20px}.dashboard-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:16px;gap:16px}.dashboard-status-card{min-height:168px;align-content:space-between;gap:20px;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.dashboard-status-card:hover{border-color:rgba(237,28,36,.4);transform:translateY(-2px);box-shadow:0 18px 34px hsla(0,0%,8%,.08)}.dashboard-status-copy{display:grid;grid-gap:8px;gap:8px}.dashboard-status-label{color:var(--text);font-size:.95rem;font-weight:800}.dashboard-status-card p{font-size:.92rem}.dashboard-status-card strong{font-size:2.3rem;line-height:1}.dashboard-ranking-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr);grid-gap:16px;gap:16px}.dashboard-summary-card{gap:20px}.dashboard-section-copy{display:grid;grid-gap:6px;gap:6px}.dashboard-section-copy h2{font-size:1.1rem}.dashboard-branch-list,.dashboard-overview-stack{display:grid;grid-gap:12px;gap:12px}.dashboard-branch-row,.dashboard-overview-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:#fbfcfd}.dashboard-branch-row{transition:border-color .16s ease,background .16s ease}.dashboard-branch-row:hover{border-color:rgba(237,28,36,.42);background:#fff7f7}.dashboard-branch-copy,.dashboard-branch-main,.dashboard-branch-meta,.dashboard-overview-item{min-width:0}.dashboard-branch-main{display:flex;align-items:center;gap:14px}.dashboard-branch-rank{display:grid;width:42px;height:42px;place-items:center;border-radius:999px;background:rgba(237,28,36,.12);color:var(--brand-strong);font-weight:800}.dashboard-branch-copy,.dashboard-branch-meta,.dashboard-overview-item{display:grid;grid-gap:4px;gap:4px}.dashboard-branch-copy span,.dashboard-branch-meta span,.dashboard-overview-item span{color:var(--muted);font-weight:700}.dashboard-branch-meta{text-align:right}.dashboard-branch-meta strong,.dashboard-overview-item strong{font-size:1.15rem}.dashboard-empty-state{min-height:220px}.invoice-builder-form,.invoice-builder-layout,.invoice-period-filter{display:grid;grid-gap:14px;gap:14px}.invoice-period-filter-grid{grid-template-columns:repeat(2,minmax(0,220px)) auto}.invoice-builder-overview{grid-template-columns:repeat(4,minmax(0,1fr))}.invoice-builder-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.invoice-builder-toolbar p{font-size:.9rem}.invoice-builder-table td{vertical-align:top}.invoice-order-checkbox{display:inline-flex;align-items:center;gap:8px;min-height:30px;font-weight:700}.invoice-order-checkbox input{margin:0}.invoice-order-primary{display:grid;grid-gap:4px;gap:4px}.field-note,.invoice-order-primary span{color:var(--muted);font-size:.82rem}.field-locked input{background:var(--surface-soft);color:var(--muted)}.invoice-installment-preview-list,.invoice-installment-summary{display:grid;grid-gap:12px;gap:12px}.invoice-installment-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.invoice-installment-preview-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.invoice-installment-preview{min-height:120px}.invoice-installment-preview p{font-size:.86rem}.invoice-builder-submit{display:flex;align-items:center;justify-content:space-between;gap:14px}@media (max-width:860px){.login-page{place-items:center}.login-panel{justify-self:center}.app-shell{grid-template-columns:1fr;grid-template-areas:"topbar" "content"}.sidebar{position:fixed;inset:68px auto 0 0;z-index:10;width:min(280px,86vw);max-height:calc(100vh - 68px);overflow-y:auto;overscroll-behavior:contain;padding-bottom:28px;transform:translateX(-100%);transition:transform .16s ease}.app-shell.nav-open .sidebar{transform:translateX(0)}.page-header{align-items:stretch;flex-direction:column}.variant-editor-row{grid-template-columns:1fr}.topbar{align-items:center;flex-direction:row;gap:10px;min-height:68px;padding:10px 12px}.brand-row{flex:1 1 auto;gap:8px;min-width:0}.brand{width:clamp(44px,22vw,144px);min-width:44px;height:42px;padding:6px 8px}.topbar-actions{flex:0 0 auto;justify-content:flex-end;gap:8px}.topbar-actions .icon-button{width:40px;height:40px;min-height:40px;flex:0 0 40px}.profile-trigger{justify-content:center;gap:6px;min-height:42px;max-width:none;padding:3px 6px 3px 3px}.profile-trigger .profile-avatar{width:34px;height:34px;flex-basis:34px}.profile-copy{display:none}.profile-dropdown{right:0;width:min(280px,calc(100vw - 24px))}.approver-add-control,.avatar-row,.avatar-upload-panel,.form-grid.three,.form-grid.two,.logo-row,.logo-upload-panel,.metrics-grid{grid-template-columns:1fr}.order-item-modal{grid-template-columns:minmax(0,1fr);width:min(640px,100%);max-height:calc(100vh - 16px)}.order-item-modal-preview{min-height:120px}.order-item-modal-image{max-width:180px}.span-two{grid-column:auto}.multi-select-header{align-items:stretch;flex-direction:column}.list-filter-grid,.portal-cart-layout,.portal-detail,.portal-layout-with-news{grid-template-columns:1fr}.portal-news-popover{position:fixed;top:74px;right:12px;left:12px;width:auto;max-height:min(56vh,520px)}.portal-news-modal-backdrop{padding:12px}.portal-news-modal{max-height:calc(100vh - 24px);padding:18px}.portal-banner-slide{aspect-ratio:16/7}.portal-banner-control{width:34px;height:34px}.portal-banner-dots{right:18px;bottom:16px}.dashboard-ranking-grid,.finance-open-overview,.invoice-builder-overview,.invoice-installment-summary,.invoice-period-filter-grid,.order-detail-grid{grid-template-columns:1fr}.portal-detail-media{min-height:280px}.portal-cart-item{grid-template-columns:1fr}.portal-cart-actions{grid-template-columns:1fr auto}.dashboard-branch-row,.dashboard-overview-item{align-items:flex-start;flex-direction:column}.dashboard-branch-meta{text-align:left}.list-filter-actions{flex-wrap:wrap}.invoice-builder-submit,.invoice-builder-toolbar{align-items:stretch;flex-direction:column}.content{padding:20px}}