.sidebar{--color-logo: rgba(255, 255, 255, 1);position:sticky;top:0;width:14rem;flex-shrink:0;height:100vh;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;background:var(--gradient-sidebar);color:var(--color-sidebar-text)}.sidebar:before{content:"";position:absolute;inset:0;background-image:url(/images/hex-pattern-light.svg);background-size:2.598rem 4.5rem;background-position:left bottom;background-repeat:repeat;-webkit-mask-image:radial-gradient(circle at 30% 100%,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 65%);mask-image:radial-gradient(circle at 30% 100%,#000,#0000 65%);pointer-events:none}.sidebar:after{content:"";position:absolute;right:-2.5rem;top:45%;width:5rem;height:5.75rem;background:#ffffff0d;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);pointer-events:none}.sidebar-brand{position:relative;display:flex;justify-content:center;padding:1.25rem 1.125rem 1rem}.sidebar-nav{position:relative;flex:1;padding:.25rem 0 1rem}.sidebar-group-label{display:flex;align-items:center;gap:.5rem;padding:1rem 1.125rem .375rem;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:#ffffffd9}.sidebar-group-label:before{content:"";flex:none;width:.5rem;height:.5625rem;background:#78b4ffe6;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.sidebar-link{position:relative;display:flex;align-items:center;gap:.75rem;padding:.625rem 1.125rem;color:var(--color-sidebar-text);text-decoration:none;font-size:.9rem}.sidebar-link .icon-mask,.sidebar-link .icon-inline{flex:none;width:1.125rem;height:1.125rem}.sidebar-link:hover{background:#ffffff12;color:#fff}.sidebar-link.active{background:#ffffff1f;color:#fff;font-weight:500}.sidebar-link.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:.1875rem;background:#8cc3ff;box-shadow:0 0 .625rem #6eaaffe6}@media(max-width:48rem){.sidebar{position:fixed;top:0;left:0;transform:translate(-100%);transition:transform .2s ease;z-index:100;box-shadow:.125rem 0 .75rem #0003}.sidebar--open{transform:translate(0)}}.modal-overlay{position:fixed;inset:0;background:#0a1a4573;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);display:flex;align-items:center;justify-content:center;padding:.75rem;z-index:1000}.modal-box{background:var(--color-surface);border:none;border-radius:var(--radius-lg);box-shadow:0 1rem 2.5rem #0a1a454d;box-sizing:border-box;width:min(95vw,48rem);max-height:92vh;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-lg)}.modal-box--sm{width:min(95vw,28rem)}.modal-box--md{width:min(95vw,48rem)}.modal-box--lg{width:min(95vw,64rem)}@media(min-width:96rem){.modal-box--lg{width:min(95vw,80rem)}}@media(min-width:140rem){.modal-box--lg{width:min(95vw,96rem)}}.modal-box--xl{width:min(95vw,90rem)}@media(min-width:96rem){.modal-box--xl{width:min(95vw,110rem)}}@media(min-width:140rem){.modal-box--xl{width:min(95vw,130rem)}}.modal-header{position:sticky;top:0;z-index:2;background:var(--color-surface);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.modal-header h3{color:var(--color-text);font-weight:500}.modal-close{background:none;border:none;border-radius:50%;font-size:1.4rem;line-height:1;cursor:pointer;color:var(--color-text-muted);flex:none}.modal-close:hover{background:var(--color-primary-soft);color:var(--color-primary-strong)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.modal-box .modal-footer,.modal-box .form-actions{position:sticky;bottom:0;z-index:2;background:var(--color-surface);padding-top:var(--spacing-md);margin-top:var(--spacing-md);border-top:1px solid var(--color-border)}@media(max-width:40rem){.modal-overlay{padding:.5rem}.modal-box,.modal-box--sm,.modal-box--md,.modal-box--lg,.modal-box--xl{width:100%;max-height:94vh;border-radius:var(--radius-md);padding:var(--spacing-md)}.modal-box .form-grid{grid-template-columns:1fr}.modal-box .modal-footer,.modal-box .form-actions{flex-direction:column-reverse}.modal-box .modal-footer .btn-primary,.modal-box .modal-footer .btn-secondary,.modal-box .modal-footer .btn-danger,.modal-box .form-actions .btn-primary,.modal-box .form-actions .btn-secondary,.modal-box .form-actions .btn-danger{width:100%}}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);min-height:3.25rem;padding:.5rem var(--spacing-lg);background:var(--color-topbar-bg);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);box-shadow:0 1px .5rem #14286e14;position:sticky;top:0;z-index:10}.topbar-left{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.topbar-title{font-size:1.1rem;font-weight:600;color:var(--color-text);white-space:nowrap}.menu-toggle{display:none;background:none;border:none;color:var(--color-primary);font-size:1.3rem;cursor:pointer;padding:.25rem}.topbar-search{position:relative;flex:1;max-width:26rem;margin-left:var(--spacing-md)}.topbar-search-field{display:flex;align-items:center;gap:.5rem;height:2.25rem;padding:0 .875rem;border-radius:62rem;background:var(--color-surface);border:1px solid var(--color-field-border);box-shadow:none;color:var(--color-text-muted)}.topbar-search-field:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 .1875rem #2f6bf033}.topbar-search-field input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:inherit;font-size:.85rem;color:var(--color-text)}.topbar-search-hint{font-size:.7rem;color:var(--color-text-muted)}.topbar-search-results{position:absolute;top:calc(100% + .5rem);left:0;right:0;list-style:none;padding:.25rem;background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card-hover);z-index:20}.topbar-search-result{display:flex;align-items:center;gap:.625rem;width:100%;padding:.5rem .625rem;border:none;border-radius:var(--radius);background:none;font-family:inherit;font-size:.85rem;text-align:left;color:var(--color-text);cursor:pointer}.topbar-search-result:hover,.topbar-search-result--active{background:var(--color-primary-soft)}.topbar-search-empty{padding:.5rem .625rem;font-size:.85rem;color:var(--color-text-muted)}.topbar-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.topbar-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:none;border-radius:50%;background:transparent;color:var(--color-primary);cursor:pointer}.topbar-icon-btn:hover{background:var(--color-primary-soft)}.refresh-btn-wrap{position:relative}.refresh-btn{display:inline-flex;align-items:center;gap:.5rem;height:2.25rem;padding:0 .875rem;border:1px solid var(--color-field-border);border-radius:62rem;background:transparent;color:var(--color-primary);font-family:inherit;font-size:.85rem;font-weight:500;white-space:nowrap;cursor:pointer}.refresh-btn:hover:not(:disabled){background:var(--color-primary-soft)}.refresh-btn:disabled{opacity:.7;cursor:default}.icon-spin{animation:polaris-topbar-spin 1s linear infinite}@keyframes polaris-topbar-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.refresh-toast{position:absolute;right:0;top:calc(100% + .5rem);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card-hover);padding:var(--spacing-sm) var(--spacing-md);font-size:.8rem;white-space:nowrap;z-index:20}.pwa-install-btn{display:inline-flex;align-items:center;gap:.5rem;height:2.25rem;padding:0 .875rem;border:1px solid var(--color-field-border);border-radius:62rem;background:transparent;color:var(--color-primary);font-family:inherit;font-size:.85rem;font-weight:500;white-space:nowrap;cursor:pointer}.pwa-install-btn:hover{background:var(--color-primary-soft)}.pwa-install-steps{padding-left:1.25rem;margin-bottom:var(--spacing-md)}.pwa-install-steps li{margin-bottom:var(--spacing-sm)}.notification-badge{position:absolute;top:0;right:0;background:var(--color-accent);color:#fff;font-size:.65rem;font-weight:700;border-radius:999px;padding:1px 5px;line-height:1.3}.profile-menu{position:relative}.profile-trigger{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;color:var(--color-text);font-family:inherit;font-size:.85rem}.profile-avatar{display:flex;align-items:center;justify-content:center;flex:none;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--gradient-primary);color:#fff;font-size:.7rem;font-weight:500;object-fit:cover}.profile-dropdown{position:absolute;right:0;top:calc(100% + .5rem);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card-hover);min-width:12.5rem;padding:var(--spacing-sm);z-index:20}.profile-dropdown-name{font-weight:600;color:var(--color-text)}.profile-dropdown-email{font-size:.8rem;color:var(--color-text-muted);margin-bottom:var(--spacing-sm);word-break:break-all}.my-profile-btn{width:100%;margin-bottom:var(--spacing-sm)}.logout-btn{width:100%}@media(max-width:48rem){.menu-toggle{display:block}.topbar-search,.profile-name{display:none}.pwa-install-btn{width:2.25rem;padding:0;justify-content:center;border:none;border-radius:50%}.pwa-install-label{display:none}.refresh-btn{width:2.25rem;padding:0;justify-content:center;border:none;border-radius:50%}.refresh-btn-label{display:none}.refresh-toast{white-space:normal;max-width:14rem}}.app-footer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-lg);background:var(--color-footer-bg);box-shadow:0 -1px .5rem #14286e0f;padding:var(--spacing-lg);margin-top:auto;--color-logo: var(--color-primary)}.footer-logos{display:flex;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.footer-business{font-size:.9rem;color:var(--color-text-muted)}.footer-nav{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.footer-nav a{color:var(--color-primary);text-decoration:none;font-size:.85rem}.footer-nav a:hover{text-decoration:underline}.footer-copyright{margin-left:auto;font-size:.8rem;color:var(--color-text-muted)}@media(max-width:48rem){.app-footer{flex-direction:column;align-items:flex-start}.footer-copyright{margin-left:0}}.app-shell{display:flex;min-height:100vh}.app-main{flex:1;display:flex;flex-direction:column;min-width:0;max-width:100%}.app-content{flex:1;min-width:0;max-width:100%}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:90}.app-shell{position:relative;isolation:isolate}.app-shell:after{content:"";position:fixed;top:0;right:0;z-index:-1;width:26rem;height:20rem;background-image:url(/images/hex-pattern-blue.svg);background-size:2.598rem 4.5rem;background-position:right top;background-repeat:repeat;-webkit-mask-image:radial-gradient(circle at 100% 0%,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 65%);mask-image:radial-gradient(circle at 100% 0%,#000,#0000 65%);pointer-events:none}.register-suggestions{list-style:none;border:1px solid var(--color-border);border-radius:var(--radius);margin-top:.25rem;max-height:12rem;overflow-y:auto;background:var(--color-surface)}.register-suggestions li{padding:.5rem .75rem;cursor:pointer;font-size:.9rem}.register-suggestions li:hover{background-color:var(--color-bg)}.register-selected-tenant{display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius);background-color:var(--color-bg)}.register-change-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.85rem;text-decoration:underline}.register-login-link{margin-top:var(--spacing-md);font-size:.9rem;text-align:center}.dashboard-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.dashboard-date{display:flex;align-items:center;gap:.625rem;font-size:.85rem;color:var(--color-text)}.dashboard-date .icon-mask,.dashboard-date .icon-inline{width:1.25rem;height:1.25rem;color:var(--color-primary)}.dashboard-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.dashboard-section-title{display:flex;align-items:center;gap:.5rem;margin-bottom:0}.dashboard-section-title .icon-mask,.dashboard-section-title .icon-inline{color:var(--color-primary)}.dashboard-link{background:none;border:none;color:var(--color-primary);font-family:inherit;font-size:.85rem;cursor:pointer}.dashboard-link:hover{text-decoration:underline}.import-steps{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap}.import-step{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:999px;font-size:.85rem;font-weight:500;color:var(--color-text-muted);background:var(--color-neutral-soft)}.import-step--active{background:var(--color-primary-soft);color:var(--color-primary-strong)}.import-step--done{background:var(--color-success-soft);color:var(--color-success-strong)}.import-step-index{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background:#00000014;font-size:.75rem}.import-dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center;color:var(--color-text-muted);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.import-dropzone:hover,.import-dropzone--active{border-color:var(--color-primary);background:var(--color-primary-soft)}.import-dropzone input[type=file]{display:none}.import-dropzone-filename{font-weight:600;color:var(--color-text)}.import-limits{font-size:.85rem;color:var(--color-text-muted);margin-top:var(--spacing-sm)}.import-mapping-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.import-mapping-field label{display:block;font-size:.85rem;font-weight:500;margin-bottom:.25rem}.import-mapping-field .text-muted{font-size:.75rem}.import-preview-table-wrapper{max-height:10rem;overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.import-review-filters{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;margin-bottom:var(--spacing-sm);align-items:flex-end}.import-review-table-wrapper{max-height:24rem;overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}.import-row-messages{font-size:.8rem;color:var(--color-text-muted)}.import-history-table .text-muted{font-size:.8rem}.product-detail-layout{display:grid;grid-template-columns:16rem 1fr;gap:var(--spacing-lg)}@media(max-width:640px){.product-detail-layout{grid-template-columns:1fr}}.product-detail-gallery{display:flex;flex-direction:column;gap:var(--spacing-sm)}.product-detail-main-photo{display:flex;align-items:center;justify-content:center;width:100%;height:16rem;border-radius:var(--radius-md);background:var(--color-bg);object-fit:cover;color:var(--color-text-muted)}.product-detail-main-photo .icon-mask{width:2.5rem;height:2.5rem}.product-detail-thumb-row{display:flex;flex-wrap:wrap;gap:.375rem}.product-detail-thumb-btn{display:flex;padding:0;border:2px solid transparent;border-radius:var(--radius);background:transparent;cursor:pointer}.product-detail-thumb-btn--active{border-color:var(--color-primary)}.product-detail-info{display:flex;flex-direction:column;gap:.625rem;min-width:0}.product-detail-row{display:flex;align-items:baseline;gap:.5rem}.product-detail-label{flex:none;width:7rem;font-size:.8rem;font-weight:600;color:var(--color-text-muted)}.product-detail-color{display:inline-flex;align-items:center;gap:.375rem}.product-detail-color-swatch{display:inline-block;width:1.125rem;height:1.125rem;border-radius:50%;border:1px solid rgba(0,0,0,.15)}.product-detail-variants,.product-detail-ficha,.product-detail-description,.product-detail-extra-attrs,.product-detail-return-policy{margin-top:.375rem;display:flex;flex-direction:column;gap:.25rem}.product-detail-variants .product-detail-label,.product-detail-ficha .product-detail-label,.product-detail-description>.product-detail-label,.product-detail-extra-attrs>.product-detail-label,.product-detail-return-policy>.product-detail-label{width:auto;margin-bottom:.25rem}.product-detail-description p:not(.product-detail-label){white-space:pre-wrap}.product-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:var(--spacing-md);margin-top:var(--spacing-sm)}.product-photo-card{position:relative;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.product-photo-thumb{display:flex;align-items:center;justify-content:center;width:100%;height:9rem;border-radius:var(--radius);background:var(--color-bg);object-fit:cover;color:var(--color-text-muted)}.product-photo-thumb .icon-mask{width:2rem;height:2rem}.product-photo-badge{position:absolute;top:.75rem;left:.75rem;background:var(--color-primary);color:#fff;font-size:.7rem;font-weight:600;padding:.125rem .5rem;border-radius:var(--radius)}.product-photo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem}.product-photo-order-actions{display:flex;gap:.25rem}.product-photo-order-btn{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);cursor:pointer}.product-photo-order-btn:disabled{opacity:.4;cursor:not-allowed}.status-badge--critical{background-color:#ff7a5c2e;color:var(--color-accent)}.stock-alert-current-qty-display{padding:.625rem .75rem;border-radius:var(--radius-md);background:var(--color-primary-soft);color:var(--color-primary-strong);font-weight:600}.stock-alert-section-title{font-size:.9rem;font-weight:600;margin:var(--spacing-md) 0 var(--spacing-sm)}.stock-alert-rules-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.stock-alert-rule-card{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm);align-items:start;padding:.625rem;border:.0625rem solid var(--color-border);border-radius:var(--radius-md)}@media(min-width:40rem){.stock-alert-rule-card{grid-template-columns:repeat(2,1fr);align-items:end}.stock-alert-rule-card .stock-alert-rule-name{grid-column:1 / -1}}@media(min-width:64rem){.stock-alert-rule-card{grid-template-columns:minmax(11rem,1.6fr) minmax(8rem,1fr) minmax(6.5rem,.7fr) minmax(9rem,1fr) minmax(9rem,1fr) auto auto}.stock-alert-rule-card .stock-alert-rule-name{grid-column:auto}}.stock-alert-rule-card .form-group{margin-bottom:0;min-width:0}.stock-alert-rule-preview{grid-column:1 / -1;font-size:.8rem;color:var(--color-text-muted)}.stock-alert-rule-remove{align-self:center}.stock-alert-rule-remove .icon-mask{transform:rotate(45deg)}.stock-alert-rule-active{display:flex;align-items:center;gap:.375rem;align-self:center;white-space:nowrap}.stock-alert-empty{color:var(--color-text-muted);font-size:.85rem}.stock-alert-offline-note{display:flex;align-items:center;gap:var(--spacing-sm);padding:.625rem .875rem;border-radius:var(--radius-md);background:var(--color-warning-soft);color:var(--color-warning-strong)}.held-carts-toolbar{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-sm)}.held-carts{margin-bottom:var(--spacing-md)}.held-carts-title{margin-bottom:.5rem;font-size:.8rem;font-weight:500;color:var(--color-text-muted)}.held-carts-list{display:flex;flex-direction:column;gap:.5rem;list-style:none}.held-cart{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:.625rem .75rem;border:1px solid var(--color-field-border);border-radius:var(--radius-md);background:var(--color-surface)}.held-cart-main{display:flex;flex-direction:column;min-width:0}.held-cart-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:var(--color-text)}.held-cart-meta{font-size:.8rem;color:var(--color-text-muted)}.held-cart-actions{display:flex;flex:none;gap:.375rem}@media(max-width:48rem){.held-cart{flex-direction:column;align-items:stretch}.held-cart-actions .btn-sm{flex:1}.held-carts-toolbar .btn-secondary{width:100%}}.cross-sell-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:var(--spacing-sm);padding:.625rem .75rem;border:1px solid var(--color-field-border);border-radius:var(--radius-md);background:var(--color-surface)}.cross-sell-bar-label{font-size:.8rem;font-weight:500;color:var(--color-text-muted)}.cross-sell-item{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;border:1px solid var(--color-field-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:.8rem;cursor:pointer}.cross-sell-item:hover{background:var(--color-primary-soft)}.cross-sell-item-price{font-weight:500;color:var(--color-primary)}@media(max-width:48rem){.cross-sell-bar{flex-direction:column;align-items:stretch}.cross-sell-item{justify-content:space-between}}.mode-row{display:flex;align-items:center;gap:.75rem}.mfa-setup-box{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.mfa-qr{width:13.75rem;height:13.75rem;border-radius:var(--radius-md);box-shadow:var(--shadow-card);align-self:flex-start}.mfa-secret-code{font-family:monospace;font-size:.95rem;background-color:var(--color-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-inset);padding:.5rem .75rem;word-break:break-all}.mfa-backup-codes{display:grid;grid-template-columns:repeat(2,1fr);gap:.375rem;font-family:monospace;background-color:var(--color-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-inset);padding:var(--spacing-sm) var(--spacing-md);list-style:none}.term-list{display:flex;flex-direction:column;gap:.5rem}.term-item{background-color:var(--color-bg);border-radius:var(--radius-md)}.term-item-header{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);font-family:inherit;font-size:.95rem;color:var(--color-text);text-align:left}.term-item-body{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md);border-top:1px solid var(--color-border)}.upcoming-dates-list{display:flex;flex-direction:column;gap:.375rem;list-style:none;padding:var(--spacing-sm) var(--spacing-md);margin-top:.375rem;background-color:var(--color-bg);border-radius:var(--radius-md)}.notif-text{font-weight:400}.notif-text--unread{font-weight:600}.quick-access-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem}.card.quick-access-card{padding:var(--spacing-md);text-align:center;background:var(--color-bg);box-shadow:none}.quick-access-card-title{color:var(--color-text);font-weight:500}.quick-access-card-meta{color:var(--color-text-muted);font-size:.85rem;margin:.25rem 0 var(--spacing-sm)}.role-card--locked{opacity:.55;background:#94a3b814}.role-card--locked .role-card-name strong{color:var(--color-text-muted)}.permissions-masonry{display:flex;align-items:flex-start;gap:.75rem;margin:var(--spacing-md) 0}.permissions-masonry-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:.75rem}.permission-group{background:var(--color-bg);border-radius:var(--radius-md);padding:.625rem var(--spacing-md)}.permission-group-header{display:flex;align-items:center;justify-content:space-between}.permission-group-header label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--color-text)}.permission-group-toggle{display:inline-flex;background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:.25rem}.permission-list{display:flex;flex-direction:column;gap:.375rem;margin-top:var(--spacing-sm);padding-left:1.5rem}.permission-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.9rem;color:var(--color-text)}.permission-item-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.roles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(20rem,100%),1fr));gap:var(--spacing-md);align-items:start;margin:var(--spacing-md) 0}.role-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.role-card-name{display:flex;align-items:center;min-width:0;color:var(--color-text)}.role-card-count{margin:.375rem 0 0}.role-card-actions{margin-top:var(--spacing-sm)}.role-card-permissions{margin-top:var(--spacing-md);max-height:20rem;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;padding-right:.25rem}.role-permission-group-title{display:block;font-size:.85rem;font-weight:600;color:var(--color-text);margin-bottom:.375rem}.role-permission-list{display:flex;flex-direction:column;gap:.375rem}.role-permission-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.85rem;color:var(--color-text-muted)}.role-select-preview{margin-top:.375rem}.revoke-email-target{font-family:monospace;background-color:var(--color-bg);box-shadow:var(--shadow-inset);border-radius:var(--radius-md);padding:.5rem .75rem;margin:var(--spacing-sm) 0 var(--spacing-md);word-break:break-all}.schedule-day-row{display:grid;grid-template-columns:6rem 1fr 1fr;gap:var(--spacing-sm);align-items:center;margin-bottom:.375rem}.collapsible-header{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;cursor:pointer;padding:0;margin-bottom:var(--spacing-sm);font-size:1.1rem;font-weight:600;color:var(--color-text)}.audit-filters-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin:.75rem 0}.audit-technical-toggle{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-muted);cursor:pointer}.audit-detail-header{margin-bottom:1rem}.audit-detail-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin:.25rem 0}.audit-detail-subject{font-weight:600;margin:.25rem 0}.audit-json-toggle-wrap{margin-top:.75rem}.audit-detail-json{overflow-x:auto;padding:.75rem;border:1px solid var(--color-field-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:.75rem;white-space:pre-wrap;word-break:break-word}:root{--color-primary: rgba(36, 81, 196, 1);--color-primary-light: rgba(74, 114, 214, 1);--color-accent: rgba(255, 122, 92, 1);--color-on-accent: rgba(255, 255, 255, 1);--color-bg: rgba(238, 243, 252, 1);--color-border: rgba(227, 232, 247, 1);--color-danger: rgba(192, 57, 43, 1);--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--radius: 6px;--radius-md: .625rem;--radius-lg: .75rem;--color-primary-soft: rgba(223, 233, 255, 1);--color-primary-strong: rgba(31, 79, 200, 1);--color-success-soft: rgba(223, 245, 231, 1);--color-success-strong: rgba(29, 122, 69, 1);--color-danger-soft: rgba(253, 227, 225, 1);--color-danger-strong: rgba(163, 45, 45, 1);--color-warning-soft: rgba(253, 236, 205, 1);--color-warning-strong: rgba(138, 84, 16, 1);--color-neutral-soft: rgba(232, 235, 242, 1);--color-neutral-strong: rgba(90, 103, 135, 1);--color-field-border: rgba(213, 221, 240, 1);--shadow-card: 0 .125rem .625rem rgba(20, 40, 110, .08);--shadow-card-hover: 0 .375rem 1rem rgba(20, 40, 110, .14);--shadow-inset: inset .125rem .125rem .3rem rgba(20, 40, 110, .12), inset -.125rem -.125rem .3rem rgba(255, 255, 255, .7);--shadow-primary: 0 .5rem 1.125rem rgba(23, 70, 184, .35), inset 0 1px 0 rgba(255, 255, 255, .3);--gradient-primary: linear-gradient(135deg, rgba(47, 107, 240, 1), rgba(21, 63, 176, 1));--gradient-primary-hover: linear-gradient(135deg, rgba(64, 121, 245, 1), rgba(28, 74, 196, 1));--gradient-sidebar: linear-gradient(170deg, rgba(10, 26, 69, 1) 0%, rgba(18, 58, 156, 1) 65%, rgba(30, 86, 216, 1) 100%);--gradient-kpi-blue: linear-gradient(135deg, rgba(47, 107, 240, 1), rgba(21, 63, 176, 1));--gradient-kpi-amber: linear-gradient(135deg, rgba(217, 130, 43, 1), rgba(164, 83, 26, 1));--gradient-kpi-indigo: linear-gradient(135deg, rgba(67, 86, 214, 1), rgba(35, 42, 140, 1));--gradient-kpi-cyan: linear-gradient(135deg, rgba(31, 163, 216, 1), rgba(13, 106, 168, 1));--color-sidebar-text: rgba(255, 255, 255, .9);--color-topbar-bg: rgba(255, 255, 255, .85);--color-footer-bg: rgba(255, 255, 255, 1);--color-logo: var(--color-text)}html{--color-text: rgba(32, 35, 42, 1);--color-text-muted: rgba(92, 98, 112, 1);--color-surface: rgba(255, 255, 255, 1);--color-success: rgba(39, 174, 96, 1)}html[data-mode=dark]{--color-primary: rgba(74, 114, 214, 1);--color-primary-light: rgba(111, 145, 224, 1);--color-accent: rgba(255, 122, 92, 1);--color-on-accent: rgba(255, 255, 255, 1);--color-bg: rgba(26, 28, 34, 1);--color-border: rgba(240, 237, 229, .12);--color-danger: rgba(224, 90, 74, 1);--color-text: rgba(240, 237, 229, 1);--color-text-muted: rgba(240, 237, 229, .65);--color-surface: rgba(35, 38, 46, 1);--color-success: rgba(62, 207, 114, 1);--color-primary-soft: rgba(74, 114, 214, .22);--color-primary-strong: rgba(150, 182, 255, 1);--color-success-soft: rgba(62, 207, 114, .18);--color-success-strong: rgba(110, 225, 150, 1);--color-danger-soft: rgba(224, 90, 74, .2);--color-danger-strong: rgba(255, 150, 138, 1);--color-warning-soft: rgba(230, 160, 60, .2);--color-warning-strong: rgba(245, 190, 110, 1);--color-neutral-soft: rgba(240, 237, 229, .1);--color-neutral-strong: rgba(240, 237, 229, .7);--color-field-border: rgba(240, 237, 229, .18);--shadow-card: 0 .125rem .625rem rgba(0, 0, 0, .35);--shadow-card-hover: 0 .375rem 1rem rgba(0, 0, 0, .45);--shadow-inset: inset .125rem .125rem .3rem rgba(0, 0, 0, .4), inset -.125rem -.125rem .3rem rgba(255, 255, 255, .04);--gradient-sidebar: linear-gradient(170deg, rgba(11, 13, 20, 1) 0%, rgba(20, 27, 52, 1) 60%, rgba(26, 40, 86, 1) 100%);--color-topbar-bg: rgba(35, 38, 46, .85);--color-footer-bg: rgba(35, 38, 46, 1);--color-logo: var(--color-text)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background-color:var(--color-bg);color:var(--color-text)}.btn-primary{background:var(--gradient-primary);color:var(--color-on-accent);border:none;padding:.625rem 1rem;border-radius:var(--radius-md);font-size:.95rem;font-weight:500;box-shadow:var(--shadow-primary);cursor:pointer;width:100%}.btn-primary:hover{background:var(--gradient-primary-hover);opacity:1}.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn-secondary,.btn-danger{border:none;padding:.625rem 1rem;border-radius:var(--radius-md);font-size:.95rem;font-weight:500;cursor:pointer}.btn-secondary{background:var(--color-primary-soft);color:var(--color-primary-strong)}.btn-secondary:hover{box-shadow:0 0 0 1px var(--color-primary-light)}.btn-danger{background:linear-gradient(135deg,#d24a3f,#a32d2d);color:#fff;box-shadow:0 .375rem .875rem #a32d2d4d}.btn-danger:hover{filter:brightness(1.06)}.btn-secondary:disabled,.btn-danger:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-danger:focus-visible{outline:none;box-shadow:0 0 0 .1875rem #2f6bf059}.btn-sm{padding:.25rem .625rem;font-size:.8rem;width:auto;border-radius:.5rem}.data-table .btn-secondary{background:var(--gradient-primary);color:#fff;box-shadow:0 .1875rem .5rem #1746b847}.data-table .btn-secondary:hover{background:var(--gradient-primary-hover);box-shadow:0 .1875rem .5rem #1746b847}.data-table .btn-danger{box-shadow:0 .1875rem .5rem #a32d2d47}.btn-view-detail{display:inline-flex;align-items:center;gap:.3rem}.data-table .btn-view-detail{background:var(--color-primary-soft);color:var(--color-primary-strong);box-shadow:none}.data-table .btn-view-detail:hover{background:var(--color-primary-soft);box-shadow:0 0 0 1px var(--color-primary-light)}@media(max-width:640px){.btn-view-detail-text{display:none}}.badge{display:inline-flex;align-items:center;justify-content:center;background-color:#fff;color:var(--color-primary);font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:999px;line-height:1.4}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .625rem;border-radius:62rem;font-size:.75rem;font-weight:500;line-height:1.4;white-space:nowrap}.status-badge--success{background-color:var(--color-success-soft);color:var(--color-success-strong)}.status-badge--danger{background-color:var(--color-danger-soft);color:var(--color-danger-strong)}.status-badge--warning{background-color:var(--color-warning-soft);color:var(--color-warning-strong)}.status-badge--neutral{background-color:var(--color-neutral-soft);color:var(--color-neutral-strong)}.status-badge--primary{background-color:var(--color-primary-soft);color:var(--color-primary-strong)}.logo-mask{display:inline-block;background-color:var(--color-logo);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-mode:alpha;mask-mode:alpha}.logo-polaris{-webkit-mask-image:url(/images/PolarisLogo.svg);mask-image:url(/images/PolarisLogo.svg);width:85%;aspect-ratio:1560 / 425;height:auto}.logo-polaris--footer{width:12rem}.logo-quinelsa{-webkit-mask-image:url(/images/QuinelsaLogo.svg);mask-image:url(/images/QuinelsaLogo.svg);width:6rem;aspect-ratio:1 / 1;height:auto}.icon-mask{display:inline-block;background-color:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-mode:alpha;mask-mode:alpha;vertical-align:middle}.icon-alert-circle{-webkit-mask-image:url(/images/alert-circle.svg);mask-image:url(/images/alert-circle.svg);width:1.1rem;height:1.1rem}.icon-eye{-webkit-mask-image:url(/images/eye.svg);mask-image:url(/images/eye.svg);width:1.125rem;height:1.125rem}.icon-eye-off{-webkit-mask-image:url(/images/eye-off.svg);mask-image:url(/images/eye-off.svg);width:1.125rem;height:1.125rem}.icon-refresh{-webkit-mask-image:url(/images/refresh.svg);mask-image:url(/images/refresh.svg);width:1rem;height:1rem}.icon-menu{-webkit-mask-image:url(/images/menu.svg);mask-image:url(/images/menu.svg);width:1.25rem;height:1.25rem}.icon-bell{-webkit-mask-image:url(/images/bell.svg);mask-image:url(/images/bell.svg);width:1.25rem;height:1.25rem}.icon-user{-webkit-mask-image:url(/images/user.svg);mask-image:url(/images/user.svg);width:1.125rem;height:1.125rem}.icon-alert-triangle{-webkit-mask-image:url(/images/alert-triangle.svg);mask-image:url(/images/alert-triangle.svg);width:.875rem;height:.875rem}.icon-info{-webkit-mask-image:url(/images/info.svg);mask-image:url(/images/info.svg);width:1rem;height:1rem}.icon-wifi-off{-webkit-mask-image:url(/images/wifi-off.svg);mask-image:url(/images/wifi-off.svg);width:1.125rem;height:1.125rem}.icon-shield-lock{-webkit-mask-image:url(/images/shield-lock.svg);mask-image:url(/images/shield-lock.svg);width:1.125rem;height:1.125rem}.icon-home{-webkit-mask-image:url(/images/home.svg);mask-image:url(/images/home.svg);width:1.125rem;height:1.125rem}.icon-package{-webkit-mask-image:url(/images/package.svg);mask-image:url(/images/package.svg);width:1.125rem;height:1.125rem}.icon-archive{-webkit-mask-image:url(/images/archive.svg);mask-image:url(/images/archive.svg);width:1.125rem;height:1.125rem}.icon-cart{-webkit-mask-image:url(/images/shopping-cart.svg);mask-image:url(/images/shopping-cart.svg);width:1.125rem;height:1.125rem}.icon-bag{-webkit-mask-image:url(/images/shopping-bag.svg);mask-image:url(/images/shopping-bag.svg);width:1.125rem;height:1.125rem}.icon-dollar{-webkit-mask-image:url(/images/dollar.svg);mask-image:url(/images/dollar.svg);width:1.125rem;height:1.125rem}.icon-zap{-webkit-mask-image:url(/images/zap.svg);mask-image:url(/images/zap.svg);width:1.125rem;height:1.125rem}.icon-message{-webkit-mask-image:url(/images/message.svg);mask-image:url(/images/message.svg);width:1.125rem;height:1.125rem}.icon-users{-webkit-mask-image:url(/images/users.svg);mask-image:url(/images/users.svg);width:1.125rem;height:1.125rem}.icon-settings{-webkit-mask-image:url(/images/settings.svg);mask-image:url(/images/settings.svg);width:1.125rem;height:1.125rem}.icon-search{-webkit-mask-image:url(/images/search.svg);mask-image:url(/images/search.svg);width:1.125rem;height:1.125rem}.icon-moon{-webkit-mask-image:url(/images/moon.svg);mask-image:url(/images/moon.svg);width:1.125rem;height:1.125rem}.icon-sun{-webkit-mask-image:url(/images/sun.svg);mask-image:url(/images/sun.svg);width:1.125rem;height:1.125rem}.icon-chevron-down{-webkit-mask-image:url(/images/chevron-down.svg);mask-image:url(/images/chevron-down.svg);width:1.125rem;height:1.125rem}.icon-download{-webkit-mask-image:url(/images/download.svg);mask-image:url(/images/download.svg);width:1.125rem;height:1.125rem}.icon-inline{display:inline-block;vertical-align:middle;flex:none;width:1.125rem;height:1.125rem}.icon-inline.icon-refresh{width:1rem;height:1rem}.icon-inline.icon-menu,.icon-inline.icon-bell{width:1.25rem;height:1.25rem}.icon-inline.icon-alert-triangle{width:.875rem;height:.875rem}.card{background:var(--color-surface);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--spacing-lg);width:100%;max-width:none;min-width:0}.card--clickable{cursor:pointer;transition:box-shadow .15s ease,transform .15s ease}.card--clickable:hover,.card--clickable:focus-visible{box-shadow:var(--shadow-card-hover);transform:translateY(-.125rem);outline:none}.card-title{font-size:1.05rem;font-weight:500;margin-bottom:var(--spacing-md);color:var(--color-text)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.form-group input,.form-group select,.form-group textarea,.input-field,.password-field-input{padding:.625rem .75rem;border:1px solid var(--color-field-border);border-radius:var(--radius-md);background-color:var(--color-surface);box-shadow:none;color:var(--color-text);font-family:inherit;font-size:.95rem}.form-group .password-field-input{padding-right:2.5rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.input-field:focus,.password-field-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 .1875rem #2f6bf033}.form-group input::placeholder,.form-group textarea::placeholder,.input-field::placeholder{color:var(--color-text-muted)}.form-group input[type=checkbox],.form-group input[type=radio]{padding:0;border:none;background:none;box-shadow:none}.error-text{color:var(--color-danger);font-size:.9rem;margin-top:var(--spacing-sm)}.input-label{font-size:.85rem;color:var(--color-text)}.input-field{width:100%}.input-field:disabled{opacity:.6;cursor:not-allowed}.table-wrapper{width:100%;overflow-x:auto;background:var(--color-surface);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.card .table-wrapper,.modal-box .table-wrapper{background:transparent;box-shadow:none;border-radius:0}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td{text-align:left;padding:.75rem var(--spacing-md);border-bottom:1px solid var(--color-border)}.data-table th{background-color:transparent;color:var(--color-text-muted);font-size:.8rem;font-weight:500;border-bottom:1px solid var(--color-field-border)}.data-table td:first-child{font-weight:500}.data-table td.table-select-col{font-weight:400}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover,.table-row--clickable:hover{background-color:#2451c40d}.table-empty{text-align:center;padding:var(--spacing-lg);color:var(--color-text-muted)}.table-select-col{width:2.5rem;text-align:center}.table-expand-col{width:2.5rem;text-align:center;font-weight:400}.table-expand-btn{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:none;border-radius:50%;background:transparent;color:var(--color-primary);cursor:pointer;margin-left:auto}.table-expand-btn:hover{background:var(--color-primary-soft)}.table-expanded-row td{padding:0;background:var(--color-bg)}.table-expanded-row:hover td{background:var(--color-bg)}.expanded-panel{padding:var(--spacing-md)}.expanded-panel-title{margin-bottom:var(--spacing-sm);font-size:.85rem;font-weight:500;color:var(--color-text-muted)}.expanded-panel-summary{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-sm);font-size:.9rem}.expanded-panel-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.scanner-box{max-width:26.25rem}.scanner-video{width:100%;border-radius:var(--radius);background-color:#000;aspect-ratio:4 / 3;object-fit:cover}.two-col-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(21.25rem,100%),1fr));gap:var(--spacing-md);align-items:start}.two-col-layout .card--full{grid-column:1 / -1}.mode-switch{position:relative;width:3.25rem;height:1.75rem;border-radius:999px;border:1px solid var(--color-border);background-color:var(--color-neutral-soft);cursor:pointer;padding:0;flex-shrink:0}.mode-switch[aria-checked=true]{background:var(--gradient-primary);border-color:transparent}.mode-switch-thumb{position:absolute;top:.125rem;left:.125rem;width:1.375rem;height:1.375rem;border-radius:50%;background-color:var(--color-surface);transition:transform .15s ease;box-shadow:0 1px .1875rem #0000004d}.mode-switch[aria-checked=true] .mode-switch-thumb{transform:translate(1.5rem)}.loader-spinner{display:inline-block;width:1.5rem;height:1.5rem;border:3px solid var(--color-primary-soft);border-top-color:var(--color-primary);border-radius:50%;animation:loader-spin .7s linear infinite}.loader-fullpage{display:flex;align-items:center;justify-content:center;min-height:12.5rem}@keyframes loader-spin{to{transform:rotate(360deg)}}.password-field-wrapper{position:relative;display:flex;align-items:center}.password-field-input{width:100%}.password-field-toggle{position:absolute;right:.5rem;background:none;border:none;cursor:pointer;font-size:1rem;padding:.25rem;line-height:1}.input-valid{border-color:var(--color-success)!important}.input-invalid{border-color:var(--color-danger)!important}.error-text-sm{color:var(--color-danger);font-size:.8rem;margin-top:.25rem}.login-logo-wrap{display:flex;justify-content:center;margin-bottom:var(--spacing-lg)}.login-footer-credit{margin-top:var(--spacing-lg);text-align:center;font-size:.75rem;color:var(--color-text-muted)}.login-forgot-link{text-align:right;font-size:.85rem;margin-top:-.5rem}.login-lockout-message{text-align:center;margin:var(--spacing-lg) 0}.info-tooltip-wrap{position:relative;display:inline-flex;margin-left:.375rem;vertical-align:middle}.info-tooltip-trigger{background:none;border:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;color:var(--color-text);opacity:.7}.info-tooltip-trigger:hover{opacity:1}.info-tooltip-popover{position:absolute;top:1.5rem;left:0;z-index:20;width:16rem;max-width:80vw;padding:var(--spacing-sm);background-color:var(--color-surface);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-card-hover);font-size:.875rem;line-height:1.4;color:var(--color-text)}.info-tooltip-popover--portal{position:fixed;top:0;left:0;z-index:20;width:16rem;max-width:80vw;padding:var(--spacing-sm);background-color:var(--color-surface);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-card-hover);font-size:.875rem;line-height:1.4;color:var(--color-text)}.help-tip{position:relative;display:inline-flex;margin-left:.3rem;vertical-align:middle}.help-tip-trigger{width:1.1rem;height:1.1rem;flex:none;display:inline-flex;align-items:center;justify-content:center;background:none;color:#636e89bf;border:none;border-radius:50%;cursor:pointer;padding:0}.help-tip-trigger .icon-mask{width:1.1rem;height:1.1rem}.help-tip-trigger:hover,.help-tip-trigger:focus-visible{color:var(--color-primary);outline:none}.help-tip-bubble{position:fixed;top:0;left:0;z-index:30;width:17rem;max-width:calc(100vw - 1rem);padding:var(--spacing-sm);background-color:var(--color-surface);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-card-hover);font-size:.8rem;line-height:1.4;color:var(--color-text)}.quick-access-wrap{position:relative;display:inline-block}.quick-access-dropdown-list{position:absolute;z-index:20;margin-top:.25rem;width:100%;min-width:14rem;max-height:16rem;overflow-y:auto;background-color:var(--color-surface);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-card-hover);list-style:none;padding:.25rem 0;margin-left:0}.quick-access-dropdown-item{display:block;width:100%;text-align:left;padding:.5rem .75rem;background:none;border:none;cursor:pointer;color:var(--color-text);font-size:1rem}.quick-access-dropdown-item:hover{background-color:var(--color-primary-soft)}@media(max-width:48rem){.quick-access-wrap{display:block;width:100%}.quick-access-wrap>.btn-secondary{width:100%}.quick-access-dropdown-list{left:0;right:0;width:auto;min-width:0}}.payment-method-cards{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.payment-method-card{background:var(--color-surface);border:.0625rem solid var(--color-border);border-radius:var(--radius-md);padding:.5rem 1rem;font-size:.9rem;font-weight:500;color:var(--color-text);cursor:pointer}.payment-method-card:hover{border-color:var(--color-primary-light)}.payment-method-card--selected{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary-strong)}.sub-tabs{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:var(--spacing-md)}.sub-tab{padding:.4375rem .875rem;border-radius:62rem;color:var(--color-text-muted);text-decoration:none;white-space:nowrap;font-size:.875rem}.sub-tab:hover{color:var(--color-primary)}.sub-tab--active,.sub-tab--active:hover{background:var(--gradient-primary);color:#fff;font-weight:500;box-shadow:0 .25rem .625rem #1746b847}.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-top:var(--spacing-md)}.pagination-size{display:flex;align-items:center;gap:var(--spacing-sm)}.pagination-size .input-label{margin:0}.pagination-nav{display:flex;align-items:center;gap:var(--spacing-sm)}.pagination-nav span{font-size:.85rem;color:var(--color-text-muted)}@media(max-width:48rem){.pagination{flex-direction:column;align-items:stretch}}.offline-banner{background-color:#d977061f;color:#92400e;border-bottom:1px solid rgba(217,119,6,.3);padding:var(--spacing-sm) var(--spacing-md);text-align:center;font-size:.875rem;font-weight:600}.offline-banner--success{background-color:#1665341f;color:#166534;border-bottom:1px solid rgba(22,101,52,.3)}.offline-banner--pending{background-color:#2563eb14;color:#1e40af;border-bottom:1px solid rgba(37,99,235,.25)}.offline-banner-debug{font-size:.8em;opacity:.75}.badge--pending{background-color:var(--color-warning-soft);color:var(--color-warning-strong);padding:.125rem .625rem;border-radius:62rem;font-size:.75rem;font-weight:500;white-space:nowrap}.kpi-card{position:relative;overflow:hidden;min-width:0;min-height:5.2rem;padding:.75rem;border-radius:var(--radius-lg);color:#fff;box-shadow:0 .375rem .875rem #14286e2e}.kpi-card:after{content:"";position:absolute;right:-.5rem;bottom:-.625rem;width:3.5rem;height:4rem;background:#ffffff1a;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);pointer-events:none}.kpi-card--blue{background:var(--gradient-kpi-blue)}.kpi-card--amber{background:var(--gradient-kpi-amber)}.kpi-card--indigo{background:var(--gradient-kpi-indigo)}.kpi-card--cyan{background:var(--gradient-kpi-cyan)}.kpi-card--neutral{background:linear-gradient(135deg,#64748b,#334155)}.kpi-card--success{background:linear-gradient(135deg,#22c55e,#16a34a)}.kpi-card--danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.kpi-card--teal{background:linear-gradient(135deg,#14b8a6,#0d9488)}.kpi-card--violet{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.kpi-card--rose{background:linear-gradient(135deg,#f43f5e,#e11d48)}.kpi-card--lime{background:linear-gradient(135deg,#65a30d,#4d7c0f)}.kpi-card--slate{background:linear-gradient(135deg,#94a3b8,#64748b)}.kpi-card--sky{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.kpi-card--fuchsia{background:linear-gradient(135deg,#d946ef,#c026d3)}.kpi-card--emerald{background:linear-gradient(135deg,#10b981,#059669)}.kpi-card--orange{background:linear-gradient(135deg,#f97316,#ea580c)}.kpi-card-icon{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;margin-bottom:.375rem;border-radius:var(--radius-md);background:#fff3}.kpi-card-label{font-size:.8rem;opacity:.9;overflow-wrap:anywhere}.kpi-card-value{font-size:clamp(1.25rem,1rem + 1vw,1.75rem);font-weight:500;line-height:1.2;overflow-wrap:anywhere}.kpi-card-sub{font-size:.75rem;opacity:.85;overflow-wrap:anywhere}.kpi-card--clickable{cursor:pointer;transition:box-shadow .15s ease,transform .15s ease}.kpi-card--clickable:hover,.kpi-card--clickable:focus-visible{transform:translateY(-.125rem);box-shadow:0 .625rem 1.25rem #14286e42;outline:none}.icon-calendar{-webkit-mask-image:url(/images/calendar.svg);mask-image:url(/images/calendar.svg);width:1.125rem;height:1.125rem}.icon-database{-webkit-mask-image:url(/images/database.svg);mask-image:url(/images/database.svg);width:1.125rem;height:1.125rem}.icon-bar-chart{-webkit-mask-image:url(/images/bar-chart.svg);mask-image:url(/images/bar-chart.svg);width:1.125rem;height:1.125rem}.icon-trending-up{-webkit-mask-image:url(/images/trending-up.svg);mask-image:url(/images/trending-up.svg);width:1.125rem;height:1.125rem}.kpi-card-icon .icon-mask,.kpi-card-icon .icon-inline{width:1rem;height:1rem}.notif-dot{flex:none;width:.5rem;height:.5rem;border-radius:50%;background:var(--color-primary)}.notif-dot--danger{background:var(--color-danger)}.icon-plus{-webkit-mask-image:url(/images/plus.svg);mask-image:url(/images/plus.svg);width:1rem;height:1rem}.btn-primary .icon-mask,.btn-secondary .icon-mask,.btn-danger .icon-mask{margin-right:.375rem}.search-field{display:flex;align-items:center;gap:.5rem;flex:1 1 16rem;min-width:14rem;height:2.5rem;padding:0 .875rem;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-field-border);box-shadow:none;color:var(--color-text-muted)}.search-field:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 .1875rem #2f6bf033}.search-field input{flex:1;min-width:0;padding:0;border:none;outline:none;background:transparent;box-shadow:none;font-family:inherit;font-size:.95rem;color:var(--color-text)}.search-field-clear{display:inline-flex;align-items:center;justify-content:center;flex:none;width:1.5rem;height:1.5rem;border:none;border-radius:50%;background:transparent;color:var(--color-text-muted);cursor:pointer}.search-field-clear:hover{background:var(--color-primary-soft);color:var(--color-primary-strong)}.search-field-clear .icon-mask{width:.875rem;height:.875rem;transform:rotate(45deg)}.cell-sub{margin-top:.125rem;font-size:.75rem;font-weight:400;color:var(--color-text-muted)}.search-field input::placeholder{color:var(--color-text-muted)}.searchable-select{position:relative}.searchable-select-input{width:100%;padding:.625rem 2.25rem .625rem .75rem;border:1px solid var(--color-field-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-family:inherit;font-size:.95rem}.searchable-select-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 .1875rem #2f6bf033}.searchable-select-input::placeholder{color:var(--color-text-muted)}.searchable-select-list{position:fixed;z-index:30;max-height:14rem;overflow-y:auto;padding:.25rem;list-style:none;border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-card-hover)}.searchable-select-option{display:block;width:100%;padding:.5rem .625rem;border:none;border-radius:var(--radius);background:none;color:var(--color-text);font-family:inherit;font-size:.9rem;text-align:left;cursor:pointer}.searchable-select-option--active,.searchable-select-option:hover{background:var(--color-primary-soft)}.searchable-select-option--selected{font-weight:500;color:var(--color-primary-strong)}.searchable-select-option--pinned{border-bottom:1px solid var(--color-border);margin-bottom:.25rem;padding-bottom:.625rem}.searchable-select-sub{display:block;font-size:.75rem;color:var(--color-text-muted)}.searchable-select-empty,.searchable-select-more{padding:.5rem .625rem;font-size:.8rem;color:var(--color-text-muted)}.searchable-select-clear{position:absolute;right:.375rem;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;border-radius:50%;background:transparent;color:var(--color-text-muted);cursor:pointer}.searchable-select-clear .icon-mask{width:.875rem;height:.875rem;transform:rotate(45deg)}.multi-select{position:relative}.multi-select-chips{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.5rem}.multi-select-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .25rem .125rem .625rem;border-radius:62rem;background:var(--color-primary-soft);color:var(--color-primary-strong);font-size:.8rem;font-weight:500}.multi-select-chip-remove{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border:none;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.multi-select-chip-remove:hover{background:var(--color-primary-soft)}.multi-select-chip-remove .icon-mask{width:.75rem;height:.75rem;transform:rotate(45deg)}.multi-select-list{position:absolute;left:0;right:0;z-index:20;max-height:14rem;overflow-y:auto;margin-top:.25rem;padding:.25rem;list-style:none;border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-card-hover)}.multi-select-option{width:100%;padding:.5rem .625rem;border:none;border-radius:var(--radius);background:none;color:var(--color-text);font-family:inherit;font-size:.9rem;text-align:left;cursor:pointer}.multi-select-option:hover{background:var(--color-primary-soft)}.multi-select-empty{padding:.5rem .625rem;font-size:.85rem;color:var(--color-text-muted)}.bulk-edit-selection{margin-bottom:var(--spacing-md)}.notice{padding:.625rem .875rem;border-radius:var(--radius-md);font-size:.9rem}.notice--success{background-color:var(--color-success-soft);color:var(--color-success-strong)}.notice--danger{background-color:var(--color-danger-soft);color:var(--color-danger-strong)}.notice--warning{background-color:var(--color-warning-soft);color:var(--color-warning-strong)}.access-denied-notice{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:.75rem 1.5rem 0}.access-denied-notice-close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;border-radius:var(--radius-sm);background-color:transparent;cursor:pointer}.access-denied-notice-close:hover{background-color:#00000014}.access-denied-notice-close .icon-mask{transform:rotate(45deg)}.icon-flip{transform:rotate(180deg)}@media(min-width:64rem){.two-col-layout--sales{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}}@media(min-width:96rem){.two-col-layout--sales{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:var(--spacing-lg)}}@media(min-width:140rem){.two-col-layout--sales{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}}.user-cell{display:inline-flex;align-items:center;gap:.625rem}.user-avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--gradient-primary);color:#fff;font-size:.7rem;font-weight:500;object-fit:cover}.product-thumb{display:flex;align-items:center;justify-content:center;flex:none;width:2.5rem;height:2.5rem;border-radius:var(--radius);background:var(--color-bg);object-fit:cover;color:var(--color-text-muted)}.product-thumb .icon-mask{width:1.125rem;height:1.125rem}.product-thumb--sm{width:1.75rem;height:1.75rem}.product-thumb-btn{display:flex;padding:0;border:none;background:transparent;cursor:pointer}.avatar-lg{display:flex;align-items:center;justify-content:center;flex:none;width:6rem;height:6rem;border-radius:50%;background:var(--gradient-primary);color:#fff;font-size:1.5rem;font-weight:600;object-fit:cover;box-shadow:var(--shadow-card)}.notif-title-cell{display:inline-flex;align-items:center;gap:.5rem;font-weight:500}.page-header{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--spacing-md);min-width:0}.page-header .sub-tabs{margin:var(--spacing-md) 0 0}.page-header-top{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.page-header-icon{display:flex;align-items:center;justify-content:center;flex:none;width:2.5rem;height:2.5rem;border-radius:.75rem;background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-primary)}.page-header-icon .icon-mask,.page-header-icon .icon-inline{width:1.25rem;height:1.25rem}.page-header-text{flex:1;min-width:0}.page-header-text .page-title{font-size:1.2rem;font-weight:500}.page-header-subtitle{margin-top:.125rem;font-size:.8rem;color:var(--color-text-muted)}.page-header-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm)}@media(max-width:48rem){.page-header-actions,.page-header-actions .btn-primary,.page-header-actions .btn-secondary,.page-header-actions .btn-danger{width:100%}}.icon-folder{-webkit-mask-image:url(/images/folder.svg);mask-image:url(/images/folder.svg);width:1.125rem;height:1.125rem}.icon-lock{-webkit-mask-image:url(/images/lock.svg);mask-image:url(/images/lock.svg);width:1.125rem;height:1.125rem}.kpi-grid--compact{grid-template-columns:repeat(auto-fill,minmax(min(11rem,100%),1fr))}.kpi-grid--compact .kpi-card{display:grid;grid-template-columns:auto 1fr;column-gap:.625rem;align-items:center;min-height:0;padding:.625rem .875rem}.kpi-grid--compact .kpi-card-icon{grid-row:1 / span 3;margin:0}.kpi-grid--compact .kpi-card-value{font-size:1.3rem}@media(max-width:48rem){.kpi-grid--compact{grid-template-columns:repeat(2,1fr)}}@media(max-width:48rem){.table-wrapper{overflow-x:visible;background:transparent;box-shadow:none;border-radius:0}.data-table thead{position:absolute;width:.0625rem;height:.0625rem;overflow:hidden;clip:rect(0 0 0 0)}.data-table,.data-table tbody,.data-table tr,.data-table td{display:block;width:100%}.data-table tbody tr{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-sm)}.card .data-table tbody tr,.modal-box .data-table tbody tr{box-shadow:none;border:1px solid var(--color-border)}.data-table td{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:.375rem 0;border-bottom:none;text-align:right}.data-table td:before{content:attr(data-label);flex:none;max-width:45%;font-size:.8rem;font-weight:400;text-align:left;color:var(--color-text-muted)}.data-table td[data-label=""]:before{content:none}.data-table td[data-label=""]{justify-content:stretch}.data-table td[data-label=""] .flex-row,.data-table td[data-label=""] .flex-row-center{width:100%}.data-table td[data-label=""] .btn-sm{flex:1;padding:.4375rem .625rem}.data-table td>.input-field,.data-table td select{flex:1;min-width:0}.data-table td.table-select-col{justify-content:flex-start;width:auto}.table-empty{background:var(--color-surface);border-radius:var(--radius-lg)}.data-table tr.table-expanded-row{display:block;margin-bottom:var(--spacing-sm);background:transparent;box-shadow:none;border:none;padding:0}.data-table tr.table-expanded-row td{display:block;padding:0}}.sort-control{display:flex;align-items:flex-end;gap:.5rem}.sort-control .form-group{flex:1;min-width:10rem;margin-bottom:0}.sort-dir-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;width:2.5rem;height:2.5rem;border:1px solid var(--color-field-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-primary);cursor:pointer}.sort-dir-btn:hover{background:var(--color-primary-soft)}.sort-dir-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:48rem){.sort-control{width:100%}}.quick-range{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--spacing-sm)}.technical-data{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.technical-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:.25rem 0;font-size:.85rem}.technical-row-label{color:var(--color-text-muted)}.technical-row-value{flex:1;min-width:0;font-family:monospace;word-break:break-all;text-align:right}.icon-pause{-webkit-mask-image:url(/images/pause.svg);mask-image:url(/images/pause.svg);width:1rem;height:1rem}.return-policy-section{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.return-policy-details{margin-top:var(--spacing-sm);padding-left:1.25rem;font-size:.9rem;color:var(--color-text-muted)}.return-line-product{min-width:14rem}.return-type-select{min-width:9rem}@media(max-width:48rem){.return-line-product,.return-type-select{min-width:0}}.return-summary-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);font-weight:500}.bulk-actions-bar{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) 0;margin-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.link-button{background:none;border:none;color:var(--color-primary);cursor:pointer;text-decoration:none;padding:0;font-size:inherit}.link-button:hover{text-decoration:underline}.sub-tabs-select-wrap{display:none;position:relative}.sub-tabs-select-wrap:after{content:"";position:absolute;right:.875rem;top:50%;width:1.125rem;height:1.125rem;transform:translateY(-50%);background-color:var(--color-primary);-webkit-mask-image:url(/images/chevron-down.svg);mask-image:url(/images/chevron-down.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;pointer-events:none}.sub-tabs-select{width:100%;-webkit-appearance:none;appearance:none;padding:.625rem 2.5rem .625rem .875rem;border:1px solid var(--color-field-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-primary-strong);font-family:inherit;font-size:.95rem;font-weight:500}.sub-tabs-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 .1875rem #2f6bf033}.page-header .sub-tabs-select-wrap{margin-top:var(--spacing-md)}@media(max-width:48rem){.sub-tabs--collapsible{display:none}.sub-tabs-select-wrap{display:block}.sub-tabs:not(.sub-tabs--collapsible){flex-wrap:nowrap}.sub-tabs:not(.sub-tabs--collapsible) .sub-tab{flex:1;min-width:0;padding:.4375rem .5rem;text-align:center;font-size:.8rem}}.container-center{display:flex;align-items:center;justify-content:center;min-height:100vh}.container-center .card{max-width:26rem}.page{padding:clamp(1rem,1.5vw,2.5rem);display:flex;flex-direction:column;gap:1.5rem;min-width:0;max-width:100%}.page--gap-sm{display:flex;flex-direction:column;gap:1rem;min-width:0;max-width:100%}.page-narrow{padding:clamp(1rem,1.5vw,2.5rem)}.text-measure{max-width:80rem}.page-title{font-size:1.4rem;font-weight:500;color:var(--color-text)}.page-title--lg{font-size:1.5rem;font-weight:500}.page-header-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.text-muted{color:var(--color-text-muted)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.text-sm{font-size:.85rem}.clipboard-fallback-textarea{position:fixed;top:-999rem;left:-999rem}.flex-row{display:flex;gap:var(--spacing-sm)}.flex-row-center{display:flex;align-items:center;gap:var(--spacing-sm)}.flex-row-wrap{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-1{flex:1}.attribute-row{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center;margin-bottom:var(--spacing-sm)}.attribute-row .input-field{min-width:12.5rem;flex:1 1 12.5rem}.color-attribute-field{display:flex;gap:var(--spacing-sm);align-items:center}.color-attribute-swatch-input{flex:none;width:2.5rem;height:2.5rem;padding:.125rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);cursor:pointer}.ficha-tecnica-section{margin-top:var(--spacing-md)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(13.75rem,1fr));gap:var(--spacing-md)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,10.5rem),15rem));justify-content:start;gap:var(--spacing-sm);min-width:0}.filters-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.filters-row .form-group{margin-bottom:0;min-width:12rem}.form-grid{display:grid;grid-template-columns:1fr;column-gap:var(--spacing-md)}@media(min-width:40rem){.form-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:64rem){.form-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:96rem){.form-grid{grid-template-columns:repeat(4,1fr)}}.form-grid-full{grid-column:1 / -1}.form-grid--auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(14rem,100%),1fr));gap:var(--spacing-md)}.form-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.form-actions .btn-primary{width:auto}.stat-value{font-size:1.4rem;font-weight:600}.stat-value-success{font-size:1.4rem;font-weight:600;color:var(--color-success)}.stat-value-danger{font-size:1.4rem;font-weight:600;color:var(--color-danger)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.my-md{margin:var(--spacing-md) 0}.max-w-260{max-width:260px}.max-w-280{max-width:280px}.max-w-480{max-width:480px}.max-w-560{max-width:560px}.w-80{width:80px}.w-90{width:7rem}.w-60{width:4.5rem}.total-line{text-align:right;font-weight:600;margin-top:var(--spacing-sm)}.total-line--lg{font-size:1.4rem;font-weight:500;color:var(--color-primary-strong)}.card--full{max-width:none}.quantity-input-group{align-items:center}.quantity-separator{text-align:center}.variant-picker{min-width:10rem}@media(max-width:48rem){.page,.page-narrow{padding:var(--spacing-md);gap:var(--spacing-md)}.page-header-row{flex-direction:column;align-items:stretch}.filters-row .search-field,.filters-row .form-group{flex:1 1 100%;min-width:0}.form-actions{flex-direction:column-reverse}.form-actions .btn-primary,.form-actions .btn-secondary,.form-actions .btn-danger{width:100%}}.login-page{display:grid;grid-template-columns:52fr 48fr;min-height:100vh;overflow:hidden;background-color:var(--color-bg)}.login-brand-wrap{position:relative;z-index:1;display:flex;filter:drop-shadow(.25rem 0 .5rem rgba(10,31,92,.28))}.login-brand{--color-logo: rgba(255, 255, 255, 1);position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;padding:3rem 5rem 3rem 4rem;color:#fff;background:linear-gradient(160deg,#0a1a45,#123a9c 60%,#1e56d8);-webkit-mask-image:linear-gradient(rgba(0,0,0,1),rgba(0,0,0,1)),url(/images/login-zipper-teeth.svg);mask-image:linear-gradient(#000,#000),url(/images/login-zipper-teeth.svg);-webkit-mask-size:calc(100% - 1.4rem) 100%,1.4rem 4.875rem;mask-size:calc(100% - 1.4rem) 100%,1.4rem 4.875rem;-webkit-mask-position:left top,right top;mask-position:left top,right top;-webkit-mask-repeat:no-repeat,repeat-y;mask-repeat:no-repeat,repeat-y}.login-brand:before{content:"";position:absolute;inset:0;z-index:0;background-image:url(/images/hex-pattern-light.svg);background-size:2.598rem 4.5rem;background-position:left bottom;background-repeat:repeat;-webkit-mask-image:radial-gradient(circle at 70% 100%,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 55%),radial-gradient(circle at 100% 0%,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 35%);mask-image:radial-gradient(circle at 70% 100%,#000,#0000 55%),radial-gradient(circle at 100% 0%,#000,#0000 35%)}.login-brand-content{position:relative;z-index:1}.login-brand .login-brand-logo{width:11rem;margin-bottom:4rem}.login-brand-title{font-size:2rem;line-height:1.25;font-weight:500;max-width:22rem}.login-brand-text{margin-top:.75rem;max-width:22rem;font-size:.95rem;line-height:1.6;color:#ffffffbf}.login-brand-points{list-style:none;display:flex;flex-direction:column;gap:.875rem;margin-top:2rem;font-size:.9rem;color:#ffffffe6}.login-brand-points li{display:flex;align-items:center;gap:.75rem}.login-hex{position:absolute;z-index:0;width:2.598rem;height:3rem;pointer-events:none;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.login-hex--glass-a{left:2.75rem;bottom:.625rem;width:3.25rem;height:3.75rem;background:linear-gradient(135deg,#ffffff38,#ffffff0a)}.login-hex--glass-b{left:14.5rem;bottom:1.25rem;width:2.25rem;height:2.5rem;background:linear-gradient(135deg,#ffffff38,#ffffff0a)}.login-hex--brand-a{left:10.392rem;bottom:1.5rem;background:#ffffff0d}.login-hex--brand-b{left:9.093rem;bottom:-.75rem;background:#ffffff0d}.login-hex--brand-c{left:11.691rem;bottom:-.75rem;background:#ffffff0d}.login-hex--panel-a{right:2.598rem;bottom:1.5rem;background:#2451c40d}.login-hex--panel-b{right:1.299rem;bottom:-.75rem;background:#2451c40d}.login-hex--panel-c{right:3.897rem;bottom:-.75rem;background:#2451c40d}.login-panel{position:relative;z-index:0;display:flex;align-items:center;overflow:hidden;padding:2rem 3rem 2rem 4.5rem;background-color:var(--color-bg)}.login-panel:before{content:"";position:absolute;inset:0;z-index:0;background-image:url(/images/hex-pattern-blue.svg);background-size:2.598rem 4.5rem;background-position:right bottom;background-repeat:repeat;-webkit-mask-image:radial-gradient(circle at 100% 100%,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 60%),radial-gradient(circle at 100% 0%,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 45%);mask-image:radial-gradient(circle at 100% 100%,#000,#0000 60%),radial-gradient(circle at 100% 0%,#000,#0000 45%)}.login-panel-inner{position:relative;z-index:1;width:100%;max-width:22rem}.login-title{font-size:1.5rem;font-weight:500;color:var(--color-text)}.login-subtitle{margin:.25rem 0 1.5rem;font-size:.9rem;color:var(--color-text-muted)}.login-form .form-group{margin-bottom:.875rem;gap:.375rem}.login-form label{font-size:.8rem;color:var(--color-text)}.login-input-wrap{position:relative;display:flex;align-items:center}.login-input-wrap input{width:100%}.login-form .form-group input,.login-form .password-field-input{height:2.5rem;padding:0 .75rem 0 2.5rem;font-size:.9rem;border:1px solid transparent;border-radius:.625rem;background-color:var(--color-surface);box-shadow:inset .125rem .125rem .3rem #14286e1f,inset -.125rem -.125rem .3rem #ffffffb3}.login-form .password-field-input{padding-right:2.5rem}.login-form .form-group input:focus,.login-form .password-field-input:focus{outline:none;border-color:var(--color-primary)}.login-input-wrap:before,.login-form .password-field-wrapper:before{content:"";position:absolute;left:.875rem;top:50%;z-index:1;width:1.125rem;height:1.125rem;transform:translateY(-50%);background-color:var(--color-primary);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-mode:alpha;mask-mode:alpha;pointer-events:none}.login-input-wrap--mail:before{-webkit-mask-image:url(/images/mail.svg);mask-image:url(/images/mail.svg)}.login-input-wrap--mfa:before{-webkit-mask-image:url(/images/shield-lock.svg);mask-image:url(/images/shield-lock.svg)}.login-form .password-field-wrapper:before{-webkit-mask-image:url(/images/lock.svg);mask-image:url(/images/lock.svg)}.login-input-wrap--mfa input,.login-input-wrap--mfa input::placeholder{letter-spacing:.2rem}.login-password-block{position:relative}.login-form .login-forgot-link{position:absolute;top:0;right:0;margin:0;font-size:.75rem;color:var(--color-primary);text-decoration:none}.login-form .login-forgot-link:hover{text-decoration:underline}.login-form .login-submit{width:100%;height:2.625rem;margin-top:.5rem;border:none;border-radius:.625rem;font-size:.9rem;font-weight:500;background:linear-gradient(135deg,#2f6bf0,#153fb0);box-shadow:0 .5rem 1.125rem #1746b859,inset 0 1px #ffffff4d}.login-form .login-submit:hover{background:linear-gradient(135deg,#4079f5,#1c4ac4)}.login-form .login-submit:disabled{opacity:.6;cursor:not-allowed}.login-register-link{margin-top:.875rem;text-align:center;font-size:.8rem;color:var(--color-text-muted)}.login-register-link a{color:var(--color-primary);font-weight:500;text-decoration:none}.login-panel .login-footer-credit{margin-top:1rem}html[data-mode=dark] .login-form .form-group input,html[data-mode=dark] .login-form .password-field-input{box-shadow:inset .125rem .125rem .3rem #0006,inset -.125rem -.125rem .3rem #ffffff0a}@media(max-width:48rem){.login-page{grid-template-columns:1fr;grid-template-rows:auto 1fr}.login-brand-wrap{filter:none}.login-brand{padding:1.5rem 1.5rem 2rem;-webkit-mask-image:none;mask-image:none}.login-brand:before,.login-panel:before,.login-hex,.login-brand-text,.login-brand-points{display:none}.login-brand .login-brand-logo{width:8rem;margin-bottom:1rem}.login-brand-title{font-size:1.25rem}.login-panel{justify-content:center;padding:2rem 1.5rem}}