@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#18181b;font-synthesis:none;--ink:#18181b;--muted:#71717a;--line:#e4e4e7;--paper:#fff;--canvas:#f7f7f8;--surface-muted:#fafafa;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-soft:#eff6ff;--nav-bg:#fff;--nav-ink:#18181b;--nav-muted:#71717a;--nav-line:#e4e4e7;--nav-surface:#fafafa;--nav-hover:#f4f4f5;--nav-active:#eff6ff;--nav-active-ink:#1d4ed8;--danger:#bd3e43;--danger-soft:#fff0ef;--amber:#9b6400;--amber-soft:#fff7da;--shadow:0 12px 35px #18181b17;background:#f7f7f8;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--canvas);min-width:320px;min-height:100vh;color:var(--ink);margin:0;transition:background .2s,color .2s}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand strong{font-family:Manrope,sans-serif}.app-shell{grid-template-columns:260px 1fr;min-height:100vh;transition:grid-template-columns .2s;display:grid}.app-shell.sidebar-collapsed{grid-template-columns:78px 1fr}.sidebar{background:var(--nav-bg);height:100vh;color:var(--nav-ink);border-right:1px solid var(--nav-line);z-index:30;flex-direction:column;padding:22px 14px;transition:background .2s,color .2s,border-color .2s;display:flex;position:sticky;top:0;overflow:hidden}.brand{align-items:center;gap:11px;min-width:225px;padding:0 8px 22px;display:flex}.brand-mark{background:var(--accent);color:#fff;border-radius:11px;flex:none;place-items:center;width:37px;height:37px;font-family:Manrope;font-size:20px;font-weight:800;display:grid}.brand strong{font-size:17px;line-height:1.1;display:block}.brand span{color:var(--nav-muted);letter-spacing:.03em;text-transform:uppercase;margin-top:4px;font-size:11px;display:block}.tenant-chip{background:var(--nav-surface);border:1px solid var(--nav-line);border-radius:12px;align-items:center;gap:9px;min-width:226px;margin:0 2px 18px;padding:10px;transition:background .2s,border-color .2s;display:flex}.tenant-chip>div{flex:1;min-width:0}.tenant-chip small,.tenant-chip strong{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.tenant-chip small{color:var(--nav-muted);text-transform:uppercase;font-size:10px}.tenant-chip strong{margin-top:2px;font-size:12px}.tenant-empty{color:var(--nav-muted);border-style:dashed}.nav-list{flex-direction:column;flex:1;gap:3px;display:flex;overflow:hidden auto}.nav-list a{min-width:226px;color:var(--nav-muted);border-radius:9px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:flex}.nav-list a:hover{background:var(--nav-hover);color:var(--nav-ink)}.nav-list a.active{background:var(--nav-active);color:var(--nav-active-ink);box-shadow:inset 3px 0 var(--accent)}.nav-list b{background:var(--accent);color:#fff;border-radius:20px;margin-left:auto;padding:1px 7px;font-size:11px}.sidebar-footer{border-top:1px solid var(--nav-line);padding-top:12px}.sidebar-footer button{width:100%;min-width:226px;color:var(--nav-muted);background:0 0;border:0;align-items:center;gap:12px;padding:9px 12px;font-size:13px;display:flex}.sidebar-footer button:hover{color:var(--nav-ink);background:var(--nav-hover);border-radius:9px}.sidebar-collapsed .brand>div:nth-child(2),.sidebar-collapsed .tenant-chip,.sidebar-collapsed .nav-list span,.sidebar-collapsed .nav-list b,.sidebar-collapsed .sidebar-footer span{opacity:0;pointer-events:none}.main-shell{min-width:0}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:20;background:#ffffffe0;align-items:center;height:70px;padding:0 30px;display:flex;position:sticky;top:0}.breadcrumbs{color:#71717a;align-items:center;gap:9px;font-size:13px;display:flex}.breadcrumbs strong{color:#3f3f46}.profile-menu{margin-left:auto;position:relative}.profile-menu>button{background:0 0;border:0;align-items:center;gap:9px;padding:5px;display:flex}.avatar{width:34px;height:34px;color:var(--accent);background:#f4f4f5;border-radius:10px;place-items:center;font-size:12px;font-weight:700;display:grid}.profile-copy{text-align:left}.profile-copy strong,.profile-copy small{display:block}.profile-copy strong{font-size:13px}.profile-copy small{color:var(--muted);text-transform:capitalize;font-size:11px}.profile-popover{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:12px;width:220px;padding:7px;position:absolute;top:52px;right:0}.profile-popover>div{border-bottom:1px solid var(--line);margin-bottom:4px;padding:10px 11px}.profile-popover span{color:var(--muted);text-overflow:ellipsis;margin-top:3px;font-size:11px;display:block;overflow:hidden}.profile-popover button{text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;width:100%;padding:9px 10px;font-size:13px;display:flex}.profile-popover button:hover{background:#f4f4f5}.mobile-menu{display:none!important}.tenant-banner{background:var(--accent-soft);border-bottom:1px solid #bfdbfe;align-items:center;gap:8px;height:44px;padding:0 30px;font-size:13px;display:flex}.tenant-banner .button{margin-left:auto;padding:6px 10px}.page-content{max-width:1600px;margin:0 auto;padding:34px}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:25px;display:flex}.page-header h1{letter-spacing:-.035em;margin:3px 0 7px;font-size:30px}.page-header p{color:var(--muted);max-width:680px;margin:0;line-height:1.55}.eyebrow{color:#71717a;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700}.page-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}.mobile-scrim{display:none}.button{white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.button:disabled{opacity:.5;cursor:not-allowed}.button-primary{background:var(--accent);color:#fff}.button-primary:hover:not(:disabled){background:var(--accent-hover)}.button-secondary{color:#27272a;background:#fff;border-color:#d4d4d8}.button-secondary:hover:not(:disabled){background:#f4f4f5}.button-danger{background:var(--danger);color:#fff}.button-ghost{color:var(--accent);background:0 0;padding-left:8px;padding-right:8px}.icon-button{color:#52525b;background:0 0;border:0;border-radius:7px;place-items:center;width:32px;height:32px;display:inline-grid}.icon-button:hover:not(:disabled){color:#18181b;background:#f4f4f5}.icon-button:disabled{opacity:.3;cursor:not-allowed}.panel{background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 2px 12px #18181b0a}.panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:19px 21px;display:flex}.panel-header h2{margin:0 0 3px;font-size:16px}.panel-header p{color:var(--muted);margin:0;font-size:12px}.toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:15px 18px;display:flex}.toolbar .search{flex:1;min-width:220px}.search{color:#71717a;background:#fff;border:1px solid #d4d4d8;border-radius:8px;align-items:center;gap:8px;height:39px;padding:0 11px;display:flex}.search:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #2563eb1f}.search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:13px}.select,input.input,textarea.input{color:#27272a;background:#fff;border:1px solid #d4d4d8;border-radius:8px;outline:none;height:39px;padding:0 10px;font-size:13px}.select:focus,input.input:focus,textarea.input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #2563eb1f}textarea.input{resize:vertical;min-height:82px;padding:9px 10px}.checkbox{color:#52525b;white-space:nowrap;align-items:center;gap:7px;font-size:13px;display:flex}.checkbox input{accent-color:var(--accent)}.table-wrap{overflow:auto}.table{border-collapse:collapse;width:100%;font-size:13px}.table th{color:#71717a;text-transform:uppercase;letter-spacing:.05em;text-align:left;white-space:nowrap;border-bottom:1px solid var(--line);background:#fafafa;padding:11px 15px;font-size:10px}.table td{vertical-align:middle;border-bottom:1px solid #eeeeef;padding:14px 15px}.table tr:last-child td{border-bottom:0}.table tr:hover td{background:#fafafa}.cell-title{align-items:center;gap:10px;display:flex}.cell-title>span:first-child:not(.product-thumb){color:#52525b;background:#f4f4f5;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.cell-title strong,.cell-title small{display:block}.cell-title small{color:var(--muted);margin-top:3px}.row-actions{justify-content:flex-end;align-items:center;gap:5px;display:flex}.badge{text-transform:capitalize;color:#52525b;background:#f4f4f5;border-radius:20px;align-items:center;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.badge-active,.badge-valid,.badge-finished{color:#1d4ed8;background:#dbeafe}.badge-suspended,.badge-expired,.badge-cancelled,.badge-archived{color:#a53c40;background:#fbe5e4}.badge-pending{color:#8c6306;background:#fff2ca}.badge-processing{color:#385ea3;background:#e5edff}.badge-shipping{color:#3f697c;background:#e5eef3}.badge-global{color:#644c9b;background:#eee9fa}.pager{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:13px 18px;font-size:12px;display:flex}.pager-controls,.pager-jump,.pager-jump label{align-items:center;gap:8px;display:flex}.pager-controls{flex-wrap:wrap}.pager-jump .input{text-align:center;width:64px;height:32px;padding:0 6px}.pager-jump .button{padding:6px 10px}.state,.empty{text-align:center;color:var(--muted);padding:70px 22px}.state svg{margin-bottom:8px}.empty-mark{background:var(--accent-soft);width:48px;height:48px;color:var(--accent);border-radius:15px;place-items:center;margin:0 auto 13px;font-family:Manrope;font-weight:800;display:grid}.empty h3{color:var(--ink);margin-bottom:7px;font-size:17px}.empty p{max-width:380px;margin:0 auto 16px;font-size:13px;line-height:1.5}.notice{border-radius:9px;align-items:flex-start;gap:10px;margin-bottom:15px;padding:12px 14px;font-size:13px;display:flex}.notice strong{margin-bottom:2px;display:block}.notice p{margin:0}.notice-error{background:var(--danger-soft);color:#92373a}.notice-warn{background:var(--amber-soft);color:#795509}.notice-success{color:#1d4ed8;background:#dbeafe}.notice-info{color:#315e71;background:#eaf1f4}.modal-backdrop{z-index:100;background:#09090b94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:min(560px,100%);max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 30px 80px #00000040}.modal-wide{width:min(920px,100%)}.modal>header{border-bottom:1px solid var(--line);z-index:2;background:#fff;justify-content:space-between;align-items:flex-start;padding:20px 22px 17px;display:flex;position:sticky;top:0}.modal>header h2{margin:0;font-size:19px}.modal>header p{color:var(--muted);margin:5px 0 0;font-size:12px}.modal-body{padding:22px}.modal-actions{border-top:1px solid var(--line);background:#fff;justify-content:flex-end;gap:9px;padding:15px 22px;display:flex;position:sticky;bottom:0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.field{color:#3f3f46;flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.field small{color:var(--muted);font-weight:400}.field-error{color:var(--danger)!important}.field-full{grid-column:1/-1}.form-section{border-top:1px solid var(--line);grid-column:1/-1;margin-top:3px;padding-top:16px}.form-section h3{margin:0 0 2px;font-size:13px}.form-section p{color:var(--muted);margin:0;font-size:11px}.switch{align-items:center;gap:8px;font-size:13px;display:flex}.switch input{accent-color:var(--accent)}.stat-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:13px;padding:18px;position:relative;overflow:hidden}.stat-card .stat-icon{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:10px;place-items:center;margin-bottom:16px;display:grid}.stat-card strong{letter-spacing:-.04em;font:700 27px Manrope;display:block}.stat-card span{color:var(--muted);font-size:12px}.stat-card small{color:#71717a;font-size:10px;position:absolute;top:14px;right:14px}.quick-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.quick-card{border:1px solid var(--line);background:#fff;border-radius:13px;padding:18px;transition:all .15s}.quick-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.quick-card svg{color:var(--accent);margin-bottom:15px}.quick-card h3{margin-bottom:6px;font-size:15px}.quick-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.two-column{grid-template-columns:1.3fr .7fr;gap:18px;display:grid}.detail-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.detail-item span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px;font-size:10px;display:block}.detail-item strong{font-size:13px}.divider{background:var(--line);height:1px;margin:20px 0}.progress{background:#e4e4e7;border-radius:10px;height:7px;overflow:hidden}.progress span{background:var(--accent);border-radius:10px;height:100%;display:block}.usage-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.usage-item header{justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.usage-item small{color:var(--muted)}.product-grid{grid-template-columns:repeat(auto-fill,minmax(min(245px,100%),1fr));gap:15px;padding:18px;display:grid}.product-card{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.product-art{color:#a1a1aa;contain:paint;background:#f4f4f5;flex:0 0 150px;place-items:center;width:100%;min-width:0;height:150px;display:grid;position:relative;overflow:hidden}.product-art img{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;display:block;position:absolute;inset:0}.product-art .badge{position:absolute;top:10px;left:10px}.product-card-body{flex-direction:column;flex:1;min-width:0;padding:14px;display:flex}.product-card-body h3{overflow-wrap:anywhere;margin:0 0 4px;font-size:15px}.product-card-body>p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0 0 13px;font-size:11px;overflow:hidden}.product-metrics{border-top:1px solid #eeeeef;justify-content:space-between;gap:10px;padding:11px 0;display:flex}.product-metrics span{color:var(--muted);text-transform:uppercase;font-size:9px;display:block}.product-metrics strong{font-size:13px}.product-card-actions{gap:7px;margin-top:auto;display:flex}.product-card-actions>.button{flex:1}.catalog-quantity{grid-template-columns:39px minmax(0,1fr) 39px;align-items:center;gap:7px;width:100%;display:grid}.catalog-quantity .icon-button{background:#fff;border:1px solid #d4d4d8;width:39px;height:39px}.catalog-quantity .input{text-align:center;width:100%;min-width:0;padding-left:4px;padding-right:4px;font-weight:700}.product-thumb{background:#f4f4f5;border-radius:9px;flex:none;place-items:center;width:38px;height:38px;display:grid;overflow:hidden}.product-thumb img{object-fit:cover;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.cart-layout{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:18px;display:grid}.cart-line{border-bottom:1px solid var(--line);grid-template-columns:1fr 95px 110px 34px;align-items:center;gap:12px;padding:15px 19px;display:grid}.cart-line:last-child{border-bottom:0}.cart-line h3{margin:0 0 4px;font-size:13px}.cart-line small{color:var(--muted)}.cart-line .input{width:100%}.summary-lines{padding:18px}.summary-row{justify-content:space-between;margin-bottom:11px;font-size:13px;display:flex}.summary-row.total{border-top:1px solid var(--line);margin-top:15px;padding-top:14px;font-size:17px;font-weight:700}.summary-lines .button{width:100%;margin-top:12px}.lock-box{background:var(--amber-soft);color:#745209;border-radius:9px;margin-bottom:15px;padding:12px;font-size:12px;line-height:1.5}.cart-line{grid-template-columns:minmax(0,1fr) 160px 110px 34px}.cart-product{align-items:center;gap:10px;min-width:0;display:flex}.cart-product>div:last-child{min-width:0}.cart-product h3,.cart-product small{overflow-wrap:anywhere}.cart-product .product-thumb img,.order-sheet .product-thumb img{object-fit:contain}.cart-quantity{grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;gap:4px;min-width:0;display:grid}.cart-quantity .input{text-align:center;appearance:textfield;min-width:0;padding:0 4px}.cart-quantity .input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cart-quantity .input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cart-comment{grid-column:1/-1}@media (width<=1200px){.cart-layout{grid-template-columns:1fr}}.login-page{background:#f4f4f5;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-visual{color:#fff;background:#111113;flex-direction:column;justify-content:space-between;padding:60px;display:flex;position:relative;overflow:hidden}.login-visual:before,.login-visual:after{content:"";filter:blur(1px);border-radius:50%;position:absolute}.login-visual:before{opacity:.55;background:radial-gradient(circle,#1d4ed8 0,#111827 65%,#0000 66%);width:520px;height:520px;top:-140px;right:-180px}.login-visual:after{background:var(--accent);opacity:.45;width:310px;height:310px;bottom:-180px;left:-160px}.login-logo{align-items:center;gap:12px;font:700 18px Manrope;display:flex;position:relative}.login-copy{z-index:1;max-width:540px;position:relative}.login-copy .kicker{color:#60a5fa;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700}.login-copy h1{letter-spacing:-.055em;margin:12px 0 18px;font-size:48px;line-height:1.06}.login-copy p{color:#d4d4d8;font-size:16px;line-height:1.65}.login-proof{color:#a1a1aa;text-transform:uppercase;letter-spacing:.08em;gap:25px;font-size:11px;display:flex;position:relative}.login-form-wrap{place-items:center;padding:35px;display:grid}.login-form{width:min(410px,100%)}.login-form h2{letter-spacing:-.03em;margin-bottom:8px;font-size:28px}.login-form>p{color:var(--muted);margin-bottom:30px}.login-form .field{margin-bottom:16px}.login-form .input{height:45px}.login-form .button{width:100%;height:45px;margin-top:8px}.login-footer{border-top:1px solid var(--line);color:#71717a;margin-top:25px;padding-top:18px;font-size:11px;line-height:1.5}.register-form{width:min(520px,100%)}.register-form .form-grid{gap:0 14px}.text-link{color:var(--accent);font-weight:700}.text-link:hover{text-decoration:underline}.membership-code{flex:1;min-width:min(360px,100%);margin:0}.membership-code .search{width:100%}.secret-code{padding:22px}.secret-code code{border:1px dashed var(--line);background:var(--surface-muted);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border-radius:9px;padding:15px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;display:block}.invitation-code-cell{justify-content:flex-start;align-items:center;gap:6px;max-width:320px;display:flex}.invitation-code-cell code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;min-width:0;line-height:1.45}.invitation-code-cell .icon-button{flex:none}.badge-revoked,.badge-used-up{color:#a53c40;background:#fbe5e4}.input:disabled,.search input:disabled{opacity:.65;cursor:not-allowed}.order-sheet{background:#fff}.order-topline{justify-content:space-between;gap:20px;display:flex}.order-number{font:700 20px Manrope}.order-addresses{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:18px;display:grid}.order-addresses div{background:#fafafa;border-radius:9px;padding:14px}.order-addresses h3{text-transform:uppercase;color:var(--muted);letter-spacing:.07em;font-size:11px}.order-addresses p{margin:0;font-size:13px;line-height:1.6}.timeline{margin:0;padding:0;list-style:none}.timeline li{grid-template-columns:14px 1fr;gap:10px;padding-bottom:15px;font-size:12px;display:grid}.timeline li:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;margin-top:4px;box-shadow:0 0 0 3px #dbeafe}.timeline strong{display:block}.timeline span{color:var(--muted);font-size:11px}.health-card{align-items:center;gap:14px;padding:22px;display:flex}.health-dot{background:var(--accent);border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 6px #dbeafe}.health-dot.down{background:var(--danger);box-shadow:0 0 0 6px #fbe7e6}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.badge-paid{color:#166534;background:#dcfce7}.order-topline-right{text-align:right;flex:none}.order-topline-right h2{margin:10px 0 0}.order-statuses{justify-content:flex-end;gap:16px;display:flex}.order-statuses>div{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.order-statuses>div>span:first-child{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.order-summary{width:min(310px,100%);margin-left:auto;padding-top:18px}.order-section-title{margin:0 0 12px;font-size:14px}.order-history-title{color:var(--muted);margin:16px 0 10px;font-size:12px}.order-history-empty{color:var(--muted);margin:0 0 12px;font-size:12px}.timeline li{grid-template-columns:14px minmax(0,1fr);align-items:start}.timeline li>div{overflow-wrap:anywhere;min-width:0}.timeline li>div>span{margin-top:3px;line-height:1.45;display:block}.order-filter-bar{border-bottom:1px solid var(--line);gap:14px;padding:17px 18px;display:grid}.order-filter-search{gap:10px;display:flex}.order-filter-search .search{flex:1;min-width:0}.order-filter-controls{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:12px;display:grid}.order-filter-field{min-width:0;color:var(--muted);flex-direction:column;gap:6px;font-size:11px;font-weight:700;display:flex}.order-filter-field .input,.order-filter-field .select{width:100%;min-width:0}.order-filter-controls>.button{height:39px}.order-panel{overflow:visible}.order-date-field{position:relative}.order-date-trigger{background:var(--paper);width:100%;height:39px;color:var(--ink);text-align:left;border:1px solid #d4d4d8;border-radius:8px;align-items:center;gap:8px;padding:0 10px;font-size:13px;font-weight:500;display:flex}.order-date-trigger>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.order-date-trigger:focus-visible,.order-date-day:focus-visible,.order-date-popover button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.order-date-popover{z-index:10;border:1px solid var(--line);background:var(--paper);width:320px;max-width:calc(100vw - 36px);color:var(--ink);box-shadow:var(--shadow);border-radius:12px;padding:14px;font-size:13px;font-weight:400;position:absolute;top:calc(100% + 8px);left:0}.order-date-modes{background:var(--surface-muted);border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;padding:3px;display:grid}.order-date-modes button{color:var(--muted);background:0 0;border:0;border-radius:6px;padding:7px;font-size:12px}.order-date-modes button.active{background:var(--paper);color:var(--accent);font-weight:700;box-shadow:0 1px 4px #00000017}.order-date-month{justify-content:space-between;align-items:center;margin:13px 0 9px;display:flex}.order-date-month strong{font-size:13px}.order-date-month button{width:28px;height:28px;color:var(--ink);background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.order-date-month button:hover,.order-date-day:hover{background:var(--accent-soft)}.order-date-calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;display:grid}.order-date-weekday{text-align:center;color:var(--muted);padding:5px 0;font-size:10px}.order-date-day{height:34px;color:var(--ink);background:0 0;border:0;border-radius:7px;font-size:12px}.order-date-day.outside{color:var(--muted);opacity:.6}.order-date-day.in-range{background:var(--accent-soft);border-radius:0}.order-date-day.selected{background:var(--accent);color:#fff;font-weight:700}.order-date-hint{color:var(--muted);margin:10px 0 12px;font-size:11px}.order-date-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.order-date-actions>button:first-child{color:var(--accent);background:0 0;border:0;padding:7px;font-size:12px;font-weight:700}.order-date-actions>.button{padding:7px 14px}@media (width<=900px){.order-filter-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.order-filter-controls{grid-template-columns:1fr}.order-filter-controls>.button{width:100%}}@media (width<=520px){.order-topline{flex-wrap:wrap}.order-topline-right{text-align:left;width:100%}.order-statuses{justify-content:flex-start}.order-statuses>div{align-items:flex-start}}@media (width<=1000px){.stat-grid,.quick-grid{grid-template-columns:repeat(2,1fr)}.two-column,.cart-layout{grid-template-columns:1fr}.detail-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.app-shell,.app-shell.sidebar-collapsed{display:block}.sidebar{width:260px;transition:left .2s;position:fixed;left:-280px}.sidebar.mobile-open{left:0}.sidebar-collapsed .brand>div:nth-child(2),.sidebar-collapsed .tenant-chip,.sidebar-collapsed .nav-list span,.sidebar-collapsed .nav-list b,.sidebar-collapsed .sidebar-footer span{opacity:1;pointer-events:auto}.mobile-menu{display:inline-grid!important}.mobile-scrim{z-index:25;background:#00000059;display:block;position:fixed;inset:0}.topbar{height:62px;padding:0 16px}.breadcrumbs,.profile-copy{display:none}.page-content{padding:23px 16px}.tenant-banner{padding:0 16px}.page-header{flex-direction:column;align-items:flex-start}.page-actions{justify-content:flex-start}.form-grid{grid-template-columns:1fr}.field-full,.form-section{grid-column:auto}.product-grid{grid-template-columns:1fr;padding:12px}.stat-grid,.quick-grid,.detail-grid,.usage-grid{grid-template-columns:1fr}.cart-line>div:nth-child(3),.cart-comment{grid-column:1/3}.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-form-wrap{min-height:100vh;padding:25px}.order-addresses{grid-template-columns:1fr}.table th,.table td{padding-left:11px;padding-right:11px}.cart-line{grid-template-columns:minmax(0,1fr) auto}.cart-line>div:first-child{grid-area:1/1;min-width:0}.cart-quantity{grid-area:2/1;width:min(160px,100%)}.cart-line>strong{white-space:nowrap;grid-area:2/2}.cart-line>.icon-button{grid-area:1/2;justify-self:end}.cart-comment{grid-area:3/1/auto/-1}}@media print{.sidebar,.topbar,.tenant-banner,.page-header,.modal>header .icon-button,.modal-actions,.no-print{display:none!important}.app-shell{display:block}.page-content{padding:0}.modal-backdrop{background:#fff;padding:0;display:block;position:static}.modal{width:100%;max-height:none;box-shadow:none;overflow:visible}.modal>header{position:static}.order-sheet{font-size:10pt}.table{font-size:9pt}.page-content:has(.order-sheet)>:not(.modal-backdrop){display:none!important}.modal:has(>.order-sheet)>header{display:none!important}}.main-shell{background:var(--canvas)}.preference-controls{align-items:center;gap:7px;display:flex}.topbar>.preference-controls{margin-left:auto}.language-control{border:1px solid var(--line);background:var(--paper);height:34px;color:var(--muted);border-radius:8px;align-items:center;gap:6px;padding:0 8px;display:flex}.language-control select{color:var(--ink);cursor:pointer;background:0 0;border:0;outline:0;font-size:12px}.login-preferences{position:absolute;top:26px;right:30px}.login-form-wrap{position:relative}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root[data-theme=dark]{--ink:#f4f4f5;--muted:#a1a1aa;--line:#303036;--paper:#18181b;--canvas:#09090b;--surface-muted:#27272a;--accent:#60a5fa;--accent-hover:#93c5fd;--accent-soft:#172554;--nav-bg:#111113;--nav-ink:#fafafa;--nav-muted:#a1a1aa;--nav-line:#27272a;--nav-surface:#1f1f23;--nav-hover:#27272a;--nav-active:#172554;--nav-active-ink:#93c5fd;--danger:#ef777b;--danger-soft:#351d1f;--amber:#e8b95d;--amber-soft:#332b18;--shadow:0 14px 38px #0006;color:var(--ink);background:var(--canvas)}:root[data-theme=dark] .topbar{background:#18181be6}:root[data-theme=dark] .breadcrumbs{color:#a1a1aa}:root[data-theme=dark] .breadcrumbs strong{color:var(--ink)}:root[data-theme=dark] .avatar,:root[data-theme=dark] .cell-title>span:first-child:not(.product-thumb){color:var(--accent);background:#27272a}:root[data-theme=dark] .profile-popover,:root[data-theme=dark] .modal,:root[data-theme=dark] .modal>header,:root[data-theme=dark] .modal-actions,:root[data-theme=dark] .panel,:root[data-theme=dark] .stat-card,:root[data-theme=dark] .quick-card,:root[data-theme=dark] .product-card,:root[data-theme=dark] .order-sheet{background:var(--paper);color:var(--ink)}:root[data-theme=dark] .profile-popover button{color:var(--ink)}:root[data-theme=dark] .profile-popover button:hover{background:#27272a}:root[data-theme=dark] .tenant-banner{background:#111c36;border-color:#1e3a8a}.tenant-banner .button+.button{margin-left:0}@media (width<=760px){.tenant-banner{flex-wrap:wrap;height:auto;min-height:44px;padding-top:6px;padding-bottom:6px}}:root[data-theme=dark] .button-primary{background:var(--accent);color:#08111f}:root[data-theme=dark] .button-primary:hover:not(:disabled){background:var(--accent-hover)}:root[data-theme=dark] .button-secondary{color:var(--ink);background:#27272a;border-color:#3f3f46}:root[data-theme=dark] .button-secondary:hover:not(:disabled){background:#3f3f46}:root[data-theme=dark] .button-ghost{color:var(--accent)}:root[data-theme=dark] .icon-button{color:#a1a1aa}:root[data-theme=dark] .icon-button:hover:not(:disabled){color:#fff;background:#27272a}:root[data-theme=dark] .catalog-quantity .icon-button{background:#27272a;border-color:#3f3f46}:root[data-theme=dark] .search,:root[data-theme=dark] .select,:root[data-theme=dark] input.input,:root[data-theme=dark] textarea.input{color:var(--ink);background:#111113;border-color:#3f3f46}:root[data-theme=dark] .search:focus-within,:root[data-theme=dark] .select:focus,:root[data-theme=dark] input.input:focus,:root[data-theme=dark] textarea.input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa24}:root[data-theme=dark] .search input{color:var(--ink)}:root[data-theme=dark] .field{color:#d4d4d8}:root[data-theme=dark] .table th{color:#a1a1aa;background:#202023}:root[data-theme=dark] .table td{border-color:#303036}:root[data-theme=dark] .table tr:hover td{background:#202023}:root[data-theme=dark] .badge{color:#d4d4d8;background:#27272a}:root[data-theme=dark] .badge-active,:root[data-theme=dark] .badge-valid,:root[data-theme=dark] .badge-finished{color:#93c5fd;background:#172554}:root[data-theme=dark] .badge-suspended,:root[data-theme=dark] .badge-expired,:root[data-theme=dark] .badge-cancelled,:root[data-theme=dark] .badge-archived{color:#f19a9d;background:#3a2223}:root[data-theme=dark] .badge-pending{color:#edc96e;background:#3c321a}:root[data-theme=dark] .badge-processing{color:#92b4f1;background:#202e47}:root[data-theme=dark] .badge-shipping{color:#8bc0d7;background:#1f323a}:root[data-theme=dark] .badge-global{color:#bba8e9;background:#302842}:root[data-theme=dark] .badge-revoked,:root[data-theme=dark] .badge-used-up{color:#f19a9d;background:#3a2223}:root[data-theme=dark] .secret-code code{background:#111113}:root[data-theme=dark] .notice-error{color:#f3a5a8}:root[data-theme=dark] .notice-warn{color:#ebca78}:root[data-theme=dark] .notice-success{color:#93c5fd;background:#172554}:root[data-theme=dark] .notice-info{color:#91c4d9;background:#1d3038}.import-intro{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.import-intro p{max-width:580px;color:var(--muted);margin:0;font-size:13px;line-height:1.55}.import-intro .button{white-space:nowrap}.import-types,.import-history{border-top:1px solid var(--line);margin-top:22px;padding-top:16px;font-size:12px}.import-types>strong,.import-history>strong{margin-bottom:10px;display:block}.import-types>div{flex-wrap:wrap;gap:7px;display:flex}.import-types span{background:var(--accent-soft);color:var(--accent);border-radius:6px;padding:5px 8px}.import-history button{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:9px;padding:9px 6px;display:flex}.import-history button span:nth-child(2){flex:1}.import-summary{color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:14px;font-size:12px;display:flex}.import-progress{width:100%;height:9px;accent-color:var(--accent);margin:0 0 18px;display:block}.import-table-wrap{border:1px solid var(--line);border-radius:8px;max-height:46vh}.import-table-wrap .table th{z-index:1;position:sticky;top:0}.import-table-wrap .table td{padding-top:9px;padding-bottom:9px}.import-logo-cell{align-items:center;gap:7px;max-width:165px;display:flex;overflow:hidden}.import-logo-cell img{object-fit:cover;border-radius:5px;flex:none;width:32px;height:32px}.import-logo-cell span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.import-row-error{color:var(--danger);font-size:12px}.import-table-wrap code{white-space:nowrap;font-size:11px}@media (width<=760px){.import-intro{display:block}.import-intro .button{margin-top:12px}}:root[data-theme=dark] .stat-card .stat-icon{background:var(--accent-soft);color:var(--accent)}:root[data-theme=dark] .quick-card svg{color:var(--accent)}:root[data-theme=dark] .product-art,:root[data-theme=dark] .product-thumb{color:#71717a;background:#27272a}:root[data-theme=dark] .product-metrics{border-color:#303036}.avatar .company-avatar-image{object-fit:contain;border-radius:10px;width:100%;height:100%;display:block}.company-logo-preview{width:112px;height:112px;color:var(--muted);background:#f4f4f5;border-radius:18px;place-items:center;margin-bottom:18px;display:grid;overflow:hidden}.company-logo-preview img{object-fit:contain;width:100%;height:100%}.product-detail-layout{grid-template-columns:minmax(260px,1fr) minmax(0,2fr);align-items:start;gap:18px;display:grid}.product-detail-image{place-items:center;min-height:320px;padding:18px;display:grid}.product-detail-image>div{width:100%;height:320px;color:var(--muted);place-items:center;display:grid}.product-detail-image img{object-fit:contain;max-width:100%;max-height:100%}.product-detail-description{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0;line-height:1.6}.product-link,.product-row-link{color:inherit;text-decoration:none}.product-link:hover,.product-row-link:hover{color:var(--accent);text-decoration:underline}.product-art-link{display:block}.product-art-link:focus-visible,.product-row-link:focus-visible,.product-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.product-row-link{display:block}.product-row-link:focus-visible{border-radius:4px}@media (width<=760px){.product-detail-layout{grid-template-columns:1fr}}.clickable-row{cursor:pointer}.clickable-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.product-detail-modal-layout{grid-template-columns:minmax(220px,320px) minmax(0,1fr);align-items:start;display:grid}.product-detail-modal-layout>.product-detail-image{min-height:300px}.product-detail-modal-layout>.product-detail-image>div{height:280px}@media (width<=760px){.product-detail-modal-layout{grid-template-columns:1fr}}.product-detail-modal-logo{min-width:240px;max-width:240px;color:var(--muted);background:#f4f4f5;border-radius:14px;place-items:center;display:grid;overflow:hidden;width:240px!important;height:240px!important}.product-detail-modal-logo img{object-fit:contain;width:100%;max-width:none;height:100%;max-height:none;display:block}.product-name-link,.product-name-link:hover,.product-name-link:focus-visible{color:inherit;text-decoration:none}.cart-product-link{width:100%;min-width:0;color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.cart-product-link:hover,.cart-product-link:focus-visible{color:inherit;text-decoration:none}.cart-product-link>div:last-child{min-width:0}.cart-product-link h3,.cart-product-link small{overflow-wrap:anywhere;white-space:normal}@media (width<=760px){.cart-line{box-sizing:border-box;width:100%;max-width:100%;grid-template-columns:minmax(0,1fr) auto!important}.cart-product,.cart-product-link{min-width:0;max-width:100%}.cart-product-link small{white-space:normal;overflow-wrap:anywhere;display:block}.cart-quantity,.cart-comment{min-width:0;max-width:100%}}:root[data-theme=dark] .progress{background:#27272a}:root[data-theme=dark] .progress span{background:var(--accent)}:root[data-theme=dark] .login-page{background:var(--canvas)}:root[data-theme=dark] .login-visual{background:#09090b}:root[data-theme=dark] .order-addresses div{background:#27272a}:root[data-theme=dark] .timeline li:before{background:var(--accent);box-shadow:0 0 0 3px #172554}:root[data-theme=dark] .health-dot{box-shadow:0 0 0 6px #172554}:root[data-theme=dark] .health-dot.down{box-shadow:0 0 0 6px #3a2223}@media (width<=760px){.topbar>.preference-controls{margin-left:auto}.preference-controls-compact .language-control{padding:0 5px}.preference-controls-compact .language-control select{width:72px}.login-preferences{top:18px;right:18px}}.field:has(:is(input,select,textarea):required:not(:disabled))>span:first-child:after{content:" *";color:#dc2626;font-weight:700}.password-input{width:100%;min-width:0;display:block;position:relative}.password-input>input{width:100%;padding-right:42px}.password-toggle{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.password-toggle:hover{color:var(--ink);background:var(--surface-muted)}.password-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.search .password-input{flex:1;height:100%}.search .password-input>input{height:100%;box-shadow:none;background:0 0;border:0;padding:0 38px 0 0}.search .password-toggle{right:0}.secret-code code{overflow-wrap:normal;white-space:nowrap;max-width:100%;overflow-x:auto}.invitation-code-cell code{text-overflow:ellipsis;overflow-wrap:normal;white-space:nowrap;overflow:hidden}.order-number,.detail-item strong,.modal>header h2{overflow-wrap:anywhere}@media (width<=760px){.secret-code{padding:12px}.secret-code code{padding:12px;font-size:12px}}@media print{:root[data-theme=dark]{--ink:#18181b;--muted:#71717a;--line:#e4e4e7;--paper:#fff;--canvas:#fff;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-soft:#eff6ff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.preference-controls,.login-preferences{display:none!important}}:root .order-addresses .order-edit-heading{background:0 0;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding:0;display:flex}.order-edit-heading h3{margin:0}.order-edit-heading .button,.order-sheet td .button{white-space:nowrap;padding:5px 7px;font-size:11px}.order-edit-product{margin:0 0 15px;font-size:14px;font-weight:700}.order-note{white-space:pre-wrap;overflow-wrap:anywhere}.order-image-export-stage{pointer-events:none;z-index:-1;position:fixed;top:0;left:-100000px}.order-detail-actions{flex-wrap:wrap}@media (width<=520px){.order-detail-actions .button{flex:calc(50% - 5px)}}.order-change-list,.order-change-fields{margin:0;padding:0;list-style:none}.order-change-list>li{border:1px solid var(--line);border-radius:9px;margin-top:10px;padding:14px}.order-change-topline{justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;display:flex}.order-change-topline span,.order-change-actor{color:var(--muted);font-size:11px}.order-change-actor{margin-top:3px}.order-change-fields{border-top:1px solid var(--line);margin-top:10px}.order-change-fields li{border-bottom:1px solid var(--line);grid-template-columns:150px minmax(0,1fr);gap:12px;padding:8px 0;font-size:12px;display:grid}.order-change-fields li:last-child{border-bottom:0;padding-bottom:0}.order-change-fields li>strong{font-weight:600}.order-change-fields li>div{overflow-wrap:anywhere;white-space:pre-wrap;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr);gap:8px;display:grid}.order-change-fields li>div span:nth-child(2){color:var(--muted);text-align:center}@media (width<=520px){.order-change-topline{display:block}.order-change-topline span{margin-top:4px;display:block}.order-change-fields li{grid-template-columns:1fr;gap:3px}}