:root{--app-font:"Inter", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--mono-font:ui-monospace, "Cascadia Mono", "Segoe UI Mono", Consolas, monospace;--color-purchasing:#41b6e6;--color-sales:#deb85f;--color-production:#dd9cdf;--color-logistics:#e9937c;--color-inventory:#ffb639;--color-crm:#eada24;--color-qa:#addd2a;--color-reporting:#7a8ce8;--color-acc:#00a494;--color-hr:#e56db1;--color-admin:#7a4fff;--color-settings:#b0b0b0;--nav-tint:40%;--nav-tint-raised:40%;--color-brand:#2b3038;--color-brand-hover:#3a414b;--text-on-brand:#fff;--brand-glow:#2b303840;--bg-body:#eceef6;--bg-header:#fff;--bg-sidebar:#fff;--bg-card:#fff;--bg-card-shadow:0 1px 3px #0000000f;--bg-modal:#fff;--bg-input:#fff;--bg-row-hover:#f4f6fb;--border-header:#e0e0e0;--border-card:#8080802e;--border-input:#8a94a6;--text-primary:#232e3c;--text-secondary:#5b6880;--text-on-accent:#fff;--color-link:#1d64c8;--color-link-hover:#144a96;--color-primary:#1d64c8;--color-primary-hover:#144a96;--color-success:#1e7b3a;--color-warning:#8a5a00;--color-danger:#b42318;--color-info:#1d64c8;--bg-success:#e8f5ec;--bg-warning:#fff4e0;--bg-danger:#fdecea;--bg-info:#e8f0fc;--focus-ring:0 0 0 3px #1d64c873;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-sm:4px;--radius-md:8px;--font-size-sm:.8125rem;--font-size-md:.875rem;--font-size-lg:1rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--line-height:1.45;--control-height:36px;--touch-target:44px;--bp-sm:600px;--bp-md:900px;--bp-lg:1200px}@media (pointer:coarse){:root{--control-height:var(--touch-target)}}[data-theme=dark]{--nav-tint:70%;--nav-tint-raised:60%;--bg-body:#1e1e1e;--bg-header:#1e1e1e;--bg-sidebar:#1e1e1e;--bg-card:#252525;--bg-card-shadow:none;--bg-modal:#2a2a2a;--bg-input:#1b1b1b;--bg-row-hover:#2e2e2e;--border-header:#3a3a3a;--border-card:#80808040;--border-input:#7d7d7d;--text-primary:#e0e0e0;--text-secondary:#b0b0b0;--text-on-accent:#0f1a2b;--color-link:#6ea8fe;--color-link-hover:#9ec5fe;--color-primary:#6ea8fe;--color-primary-hover:#9ec5fe;--color-success:#6fcf8a;--color-warning:#f2c46d;--color-danger:#ff8a80;--color-info:#6ea8fe;--bg-success:#17301f;--bg-warning:#33290f;--bg-danger:#3a1a17;--bg-info:#172437;--focus-ring:0 0 0 3px #6ea8fe8c;--color-brand:#e4e7eb;--color-brand-hover:#fff;--text-on-brand:#16191e;--brand-glow:#e4e7eb2e}*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg-body);color:var(--text-primary);font-family:var(--app-font);font-size:var(--font-size-md);line-height:var(--line-height);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{margin:0 0 var(--space-3);line-height:1.25}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}:where(a,a:visited){color:var(--color-link);text-underline-offset:3px;text-decoration:none}:where(a:hover,a:focus-visible){color:var(--color-link-hover);text-decoration:underline}.link-button{color:var(--color-link);font:inherit;text-align:left;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;display:inline}.link-button[data-hovered],.link-button[data-focus-visible]{color:var(--color-link-hover);outline:none;text-decoration:underline}.link-button[data-focus-visible]{box-shadow:var(--focus-ring);border-radius:2px}button,input,select,textarea{font:inherit;color:inherit}@media (width<=599px){input,select,textarea{font-size:max(16px,1em)}}img,svg,video{max-width:100%;height:auto}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}.card{padding:var(--space-5);background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);box-shadow:var(--bg-card-shadow)}.card>:first-child{margin-top:0}.card>:last-child{margin-bottom:0}.num{font-variant-numeric:tabular-nums;text-align:right}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.btn[data-hovered]{background:var(--bg-row-hover)}.btn[data-disabled]{opacity:.6;cursor:not-allowed}.btn.btn-primary{border-color:var(--color-primary);background:var(--color-primary);color:var(--text-on-accent);font-weight:600}.btn.btn-primary[data-hovered]{background:var(--color-primary-hover)}.btn.btn-danger{border-color:var(--color-danger);background:var(--color-danger);color:var(--bg-card);font-weight:600}.toast-stack{right:var(--space-5);bottom:var(--space-5);z-index:200;gap:var(--space-2);width:min(400px, calc(100vw - 2 * var(--space-5)));pointer-events:none;flex-direction:column;display:flex;position:fixed}body:has(.save-bar) .toast-stack{bottom:calc(var(--space-5) + 72px)}.toast{align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border:1px solid var(--border-card);border-radius:var(--radius-md);background:var(--bg-modal);color:var(--text-primary);font-size:var(--font-size-sm);pointer-events:auto;border-left-width:4px;line-height:1.4;animation:.2s ease-out toast-in;display:flex;box-shadow:0 6px 20px #0000002e}.toast-success{border-left-color:var(--color-success)}.toast-warning{border-left-color:var(--color-warning)}.toast-error{border-left-color:var(--color-danger)}.toast-icon{flex-shrink:0;margin-top:1px}.toast-success .toast-icon{color:var(--color-success)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-error .toast-icon{color:var(--color-danger)}.toast-message{overflow-wrap:anywhere;flex:1}.toast-close{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;margin:-4px -4px -4px 0;padding:0;display:inline-flex}.toast-close[data-hovered]{background:var(--bg-row-hover);color:var(--text-primary)}.toast-close[data-focus-visible]{box-shadow:var(--focus-ring);outline:none}@media (pointer:coarse){.toast-close{width:var(--touch-target);height:var(--touch-target);margin:-10px -10px -10px 0}}@media (width<=600px){.toast-stack{right:var(--space-4);bottom:var(--space-4);left:var(--space-4);width:auto}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.toast-action{margin-top:var(--space-1);color:var(--color-link);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:2px 0;font-weight:700;display:flex}.toast-action[data-hovered]{text-decoration:underline}.toast-action[data-focus-visible]{border-radius:var(--radius-sm);box-shadow:var(--focus-ring);outline:none}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--space-3) var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex;position:relative}.page-heading{min-width:0}.page-heading h1{overflow-wrap:anywhere;margin:0}.page-header.has-accent .page-heading{padding-left:var(--space-3);border-left:4px solid var(--page-accent)}.page-title-icon{width:.9em;height:.9em;margin-right:var(--space-2);color:var(--page-accent);vertical-align:-.08em;flex:none}.breadcrumb{align-items:center;gap:var(--space-1);margin:0 0 var(--space-1);font-size:var(--font-size-sm);color:var(--text-secondary);flex-wrap:wrap;padding:0;list-style:none;display:flex}.breadcrumb li{align-items:center;gap:var(--space-1);display:inline-flex}.breadcrumb a{color:var(--color-link);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.crumb-sep{width:14px;height:14px}.breadcrumb li[aria-current=page]{color:var(--text-primary)}.page-actions{gap:var(--space-2);flex-wrap:wrap;margin-left:auto;display:flex}.page-action{align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:0 var(--space-4);border:1px solid var(--border-input);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);cursor:pointer;font-weight:500;display:inline-flex}.page-action[data-hovered]{background:var(--bg-row-hover)}.page-action.primary{border-color:var(--color-primary);background:var(--color-primary);color:var(--text-on-accent)}.page-action.primary[data-hovered]{background:var(--color-primary-hover)}.action-icon{flex:none;width:16px;height:16px}.menu-item .action-icon{margin-right:var(--space-2)}.page-help{height:var(--control-height);align-items:center;margin-left:auto;display:flex}.page-actions+.page-help{margin-left:0}.help-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.help-btn[data-hovered],.help-btn[aria-expanded=true]{background:var(--bg-row-hover);color:var(--color-primary)}.help-btn[data-focus-visible]{box-shadow:var(--focus-ring);outline:none}.help-btn-icon{width:18px;height:18px}.help-btn.is-new:after{content:"";border:1.5px solid var(--bg-body);background:var(--color-primary);border-radius:50%;width:7px;height:7px;position:absolute;top:5px;right:5px}@media (pointer:coarse){.help-btn{width:var(--touch-target);height:var(--touch-target)}.help-btn.is-new:after{top:11px;right:11px}}@media (width<=599px){.page-header{flex-direction:column;align-items:stretch}.page-actions{margin-left:0}.page-actions .page-action{min-height:var(--touch-target);flex:auto;justify-content:center}.more-label{display:none}.page-actions .page-action[aria-label]{flex:0 0 var(--touch-target)}.page-heading{padding-right:calc(var(--touch-target) + var(--space-2))}.page-help{position:absolute;top:0;right:0}}.page-action.is-unavailable{color:var(--text-secondary);border-style:dashed}.page-action.is-unavailable .action-icon{opacity:.6}.action-why{white-space:normal;max-width:18rem}.menu-item.is-unavailable{padding-top:var(--space-2);padding-bottom:var(--space-2);color:var(--text-secondary);align-items:flex-start}.menu-item.is-unavailable .action-icon{opacity:.6;margin-top:2px}.menu-item-text{flex-direction:column;display:flex}.menu-item-why{white-space:normal;max-width:16rem;font-size:.78rem;line-height:1.35}.status-badge{font-size:var(--font-size-sm);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:2px 10px 2px 8px;font-weight:600;display:inline-flex}.status-badge svg{width:14px;height:14px}.status-active{background:var(--bg-success);color:var(--color-success)}.status-pending_setup{background:var(--bg-warning);color:var(--color-warning)}.status-inactive{background:var(--bg-row-hover);color:var(--text-secondary)}.setup-progress{align-items:center;gap:var(--space-2);white-space:nowrap;display:inline-flex}.setup-bar{background:var(--bg-row-hover);border-radius:3px;width:56px;height:6px;overflow:hidden}.setup-bar>span{border-radius:inherit;background:var(--color-success);height:100%;display:block}.setup-text{color:var(--text-secondary);font-size:var(--font-size-sm)}.dashboard-greeting{margin:calc(-1 * var(--space-2)) 0 var(--space-4);color:var(--text-secondary)}.stat-tiles{gap:var(--space-3);margin:0 0 var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.stat-tile{align-items:center;gap:var(--space-3);height:100%;padding:var(--space-4);border:1px solid var(--border-card);border-radius:var(--radius-md);background:var(--bg-card);box-shadow:var(--bg-card-shadow);color:var(--text-primary);text-decoration:none;display:flex}a.stat-tile:hover{border-color:var(--border-input);background:var(--bg-row-hover)}.stat-icon{border-radius:var(--radius-md);flex:none;place-items:center;width:40px;height:40px;display:grid}.stat-icon svg{width:20px;height:20px}.tone-info{background:var(--bg-info);color:var(--color-info)}.tone-success{background:var(--bg-success);color:var(--color-success)}.tone-warning{background:var(--bg-warning);color:var(--color-warning)}.tone-muted{background:var(--bg-row-hover);color:var(--text-secondary)}.stat-text{min-width:0;display:grid}.stat-value{text-align:left;font-size:var(--font-size-2xl);font-weight:700;line-height:1.1}.stat-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.card-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.card-title{font-size:var(--font-size-lg);margin:0}.card-link{color:var(--color-link);font-weight:500}.muted{color:var(--text-secondary);margin:0}.waiting-list{margin:0;padding:0;list-style:none}.waiting-list li{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-3) 0;border-top:1px solid var(--border-card);flex-wrap:wrap;display:flex}.waiting-name{font-weight:600}@media (width>=900px){.stat-tiles{grid-template-columns:repeat(5,minmax(0,1fr))}}.waiting-continue{min-height:var(--touch-target);align-items:center;gap:4px;display:inline-flex}.confirm-overlay{z-index:60;padding:var(--space-4);background:#00000073;place-items:center;display:grid;position:fixed;inset:0}.confirm-modal{border:1px solid var(--border-card);border-radius:var(--radius-md);background:var(--bg-modal);border-top:4px solid var(--page-accent,var(--border-card));width:min(440px,100%);box-shadow:0 12px 40px #00000040}.confirm-dialog{padding:var(--space-5);outline:none}.confirm-title{margin:0 0 var(--space-2);font-size:var(--font-size-xl)}.confirm-body{margin:0 0 var(--space-5);color:var(--text-secondary)}.confirm-actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}@media (width<=599px){.confirm-actions{flex-direction:column-reverse}.confirm-actions .btn{width:100%;min-height:var(--touch-target)}}.list-toolbar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.list-search{flex:260px;max-width:420px}.list-search .input{width:100%;min-height:var(--control-height);padding:0 var(--space-3);border:1px solid var(--border-input);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-primary)}.segmented{border:1px solid var(--border-card);border-radius:var(--radius-md);background:var(--bg-card);flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.segment{min-height:calc(var(--control-height) - 8px);padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-weight:500;display:inline-flex}.segment[data-hovered]{color:var(--text-primary)}.segment[data-selected]{background:var(--bg-info);color:var(--color-info)}.segment-count{font-size:var(--font-size-sm);opacity:.85}.page-note{align-items:flex-start;gap:var(--space-2);margin:var(--space-3) 0 0;color:var(--text-secondary);font-size:var(--font-size-sm);display:flex}.page-note .action-icon{margin-top:2px}.tag-icon{vertical-align:-1px;width:12px;height:12px;margin-right:3px}.tabs{gap:var(--space-1);margin-bottom:var(--space-3);border-bottom:1px solid var(--border-card);display:flex;overflow-x:auto}.tab{align-items:center;gap:var(--space-2);min-height:var(--touch-target);padding:0 var(--space-4);color:var(--text-secondary);white-space:nowrap;cursor:pointer;border-bottom:2px solid #0000;outline:none;font-weight:600;display:inline-flex}.tab[data-hovered]{color:var(--text-primary)}.tab[data-selected]{border-bottom-color:var(--color-primary);color:var(--text-primary)}.tab[data-focus-visible]{box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.tab-panel{outline:none}.schedule-card{margin-bottom:var(--space-4)}.schedule-form .settings-fieldset{gap:var(--space-3);border:0;margin:0;padding:0;display:grid}.schedule-fields{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.colour-name{align-items:center;gap:var(--space-2);display:inline-flex}.colour-dot{width:14px;height:14px;box-shadow:0 0 0 1px var(--border-input);border-radius:50%}.colour-field .form-input{width:72px;padding:4px}.tag-list{flex-wrap:wrap;gap:6px;display:flex}.tag{border:1px solid var(--border-card);background:var(--bg-row-hover);font-size:var(--font-size-sm);border-radius:999px;padding:2px 8px}.default-tag{margin-left:var(--space-2);font-weight:500}.locked-note{align-items:center;gap:var(--space-1);color:var(--text-secondary);font-size:var(--font-size-sm);display:inline-flex}.tag-off{color:var(--text-secondary);text-decoration:line-through}.station-row{align-items:end;gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.add-row{justify-self:start}.cut-off-card{max-width:720px}.cut-off-weekends{gap:var(--space-2) var(--space-5);flex-wrap:wrap;display:flex}.cut-off-preview{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--bg-info);color:var(--text-primary);display:flex}.cut-off-preview .action-icon{color:var(--color-info);margin-top:2px}.cut-off-preview dl{gap:var(--space-1) var(--space-5);flex-wrap:wrap;margin:0;display:flex}.cut-off-preview dt{color:var(--text-secondary);font-size:var(--font-size-sm)}.cut-off-preview dd{margin:0;font-weight:600}.data-table .num-col{text-align:right}.row-link,.row-link:visited{color:var(--color-link);font-weight:700;text-decoration:none}.row-link:hover,.row-link:focus-visible{color:var(--color-link-hover);text-decoration:underline}.pager{justify-content:flex-end;align-items:end;gap:var(--space-2) var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.pager-range{color:var(--text-secondary);align-self:center;margin-right:auto}.pager-size{width:110px}.confirm-strip{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-info);border-radius:var(--radius-md);background:var(--bg-info);flex-wrap:wrap;display:flex}.confirm-strip p{margin:0}.inline-edit{gap:var(--space-3);padding:var(--space-2) 0;grid-template-columns:minmax(0,1fr);display:grid}.inline-edit-title{font-size:var(--font-size-lg)}.inline-edit-preview{color:var(--color-primary);margin:0;font-weight:600}.inline-edit-actions{gap:var(--space-2);justify-content:flex-end;display:flex}.next-number{color:var(--color-primary);font-weight:600}@media (width>=720px){.inline-edit{grid-template-columns:180px 160px 220px minmax(0,1fr) auto;align-items:start}.inline-edit .field-error-text{grid-column:1/-1}.inline-edit-title,.inline-edit-preview,.inline-edit-actions{padding-top:30px}}.dialog-fieldset{gap:var(--space-3);border:0;margin:0;padding:0;display:grid}.inline-notice{margin:0 0 var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--bg-info);color:var(--color-info)}.empty-state{padding:var(--space-6);color:var(--text-secondary);text-align:center}.table-card{padding:0;overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-card);text-align:left;vertical-align:middle}.data-table th{color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;font-size:.75rem;font-weight:700}.data-table tbody th{font-size:inherit;letter-spacing:normal;text-transform:none}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:var(--bg-row-hover)}.sort-button{min-height:32px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:inline-flex}.sort-icon{opacity:.4;width:14px;height:14px}.sort-icon.sorted{opacity:1}.row-actions{text-align:right;white-space:nowrap}.row-actions .icon-btn{vertical-align:middle}.btn-sm{min-height:32px;padding:0 var(--space-3);vertical-align:middle;align-items:center;gap:6px;display:inline-flex}.menu-item.danger{color:var(--color-danger)}@media (width<=599px){.segmented{flex-wrap:nowrap;max-width:100%;overflow-x:auto}.segment{min-height:var(--touch-target);flex:none}.cards-on-phone thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.cards-on-phone,.cards-on-phone tbody,.cards-on-phone tr,.cards-on-phone td{display:block}.cards-on-phone tr{padding:var(--space-3);border-bottom:1px solid var(--border-card)}.cards-on-phone td{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-1) 0;border:0;display:flex}.cards-on-phone td:before{content:attr(data-label);color:var(--text-secondary);font-size:var(--font-size-sm)}.cards-on-phone td:first-child:before,.cards-on-phone td.row-actions:before{content:none}.cards-on-phone td.row-actions{padding-top:var(--space-2);justify-content:flex-end}.cards-on-phone .btn-sm{min-height:var(--touch-target)}}.tenant-cell{display:grid}.tenant-name{font-weight:600}.tenant-meta{color:var(--text-secondary);font-size:var(--font-size-sm)}.form-field{gap:6px;min-width:0;display:grid}.form-label{font-weight:500}.form-label.is-required:after{content:"*";color:var(--color-danger);margin-left:2px}.form-input{width:100%;min-height:var(--control-height);padding:0 var(--space-3);border:1px solid var(--border-input);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-primary);font:inherit}.form-input[data-focused],.form-input[data-focus-visible]{border-color:var(--color-primary);box-shadow:var(--focus-ring);outline:none}.form-field[data-invalid] .form-input{border-color:var(--color-danger)}.form-input::placeholder{color:var(--text-secondary)}.form-select{justify-content:space-between;align-items:center;gap:var(--space-2);text-align:left;cursor:pointer;display:flex}.form-select-value[data-placeholder]{color:var(--text-secondary)}.form-select-chevron{width:16px;height:16px;color:var(--text-secondary);flex:none}.menu-popover.form-select-popover{min-width:var(--trigger-width);max-height:320px;overflow-y:auto}.menu-item[data-selected]{color:var(--color-info);font-weight:600}.field-description{color:var(--text-secondary);font-size:var(--font-size-sm)}.field-error-text{color:var(--color-danger);font-size:var(--font-size-sm)}.check-field,.switch-field{align-items:flex-start;gap:var(--space-3);min-height:var(--touch-target);padding:var(--space-2) 0;cursor:pointer;display:flex;position:relative}.check-box{border:2px solid var(--border-input);border-radius:var(--radius-sm);background:var(--bg-input);color:#0000;flex:none;place-items:center;width:20px;height:20px;margin-top:1px;display:grid}.check-box svg{stroke-width:3px;width:14px;height:14px}.check-field[data-selected] .check-box{border-color:var(--color-primary);background:var(--color-primary);color:var(--text-on-accent)}.check-field[data-focus-visible] .check-box,.switch-field[data-focus-visible] .switch-track{box-shadow:var(--focus-ring)}.check-text{gap:2px;display:grid}.check-label{align-items:center;gap:var(--space-2);font-weight:500;display:inline-flex}.check-accent{border-radius:50%;width:8px;height:8px}.check-description{color:var(--text-secondary);font-size:var(--font-size-sm)}.switch-track{border:2px solid var(--border-input);background:var(--bg-input);border-radius:999px;flex:none;width:40px;height:22px;margin-top:1px;transition:background-color .15s;position:relative}.switch-thumb{background:var(--border-input);border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:2px;left:2px}.switch-field[data-selected] .switch-track{border-color:var(--color-primary);background:var(--color-primary)}.switch-field[data-selected] .switch-thumb{background:var(--text-on-accent);transform:translate(18px)}@media (prefers-reduced-motion:reduce){.switch-track,.switch-thumb{transition:none}}.radio-field{align-items:center;gap:var(--space-3);min-height:var(--touch-target);cursor:pointer;display:flex;position:relative}.radio-dot{border:2px solid var(--border-input);background:var(--bg-input);border-radius:50%;flex:none;width:20px;height:20px}.radio-field[data-selected] .radio-dot{border:6px solid var(--color-primary)}.radio-field[data-focus-visible] .radio-dot{box-shadow:var(--focus-ring)}.readonly-field{gap:4px;margin:0;display:grid}.email-sent{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-info);border-radius:var(--radius-md);background:var(--bg-info);display:flex}.email-sent-icon{width:24px;height:24px;color:var(--color-info);flex:none}.email-sent-title{margin:0 0 var(--space-1);font-size:var(--font-size-lg)}.email-sent-title:focus{outline:none}.email-sent p{margin:0}.form-textarea{min-height:auto;padding-top:var(--space-2);padding-bottom:var(--space-2);resize:vertical;font:inherit;line-height:1.45}.date-entry-box{align-items:center;display:flex;position:relative}.date-entry-input{width:100%;padding-right:44px}.date-entry-button{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid;position:absolute;right:4px}.date-entry-button:hover:not(:disabled){background:var(--bg-row-hover);color:var(--text-primary)}.date-entry-button svg{width:18px;height:18px}.date-entry-native{opacity:0;pointer-events:none;border:0;width:1px;height:1px;position:absolute;bottom:0;right:0}.row-check{justify-content:center;align-items:center;gap:0;min-height:32px}.row-check .check-box{margin-top:0}.check-field[data-indeterminate] .check-box{border-color:var(--color-primary);background:var(--color-primary);color:var(--text-on-accent)}.wizard{gap:var(--space-4);align-items:start;display:grid}.wizard-stepper{padding:var(--space-3) var(--space-4);border:1px solid var(--border-card);border-radius:var(--radius-md);background:var(--bg-card)}.wizard-progress-text{margin:0 0 var(--space-2);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600}.wizard-progress-bar{background:var(--bg-row-hover);border-radius:3px;height:6px;overflow:hidden}.wizard-progress-bar>span{border-radius:inherit;background:var(--color-success);height:100%;transition:width .3s;display:block}.wizard-stepper ol{margin:0;padding:0;list-style:none;display:none}.wizard-step-button{align-items:center;gap:var(--space-3);width:100%;min-height:52px;padding:var(--space-2);border-radius:var(--radius-md);color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.wizard-step-button:hover:not(:disabled){background:var(--bg-row-hover)}.wizard-step-button:disabled{cursor:default}.wizard-step-marker{border:2px solid var(--border-input);width:28px;height:28px;color:var(--text-secondary);font-size:var(--font-size-sm);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.wizard-step-marker svg{width:14px;height:14px}.wizard-step.done .wizard-step-marker{border-color:var(--color-success);background:var(--color-success);color:var(--bg-card)}.wizard-step.current .wizard-step-marker{border-color:var(--color-primary);background:var(--color-primary);color:var(--text-on-accent)}.wizard-step.current .wizard-step-button{background:var(--bg-info)}.wizard-step-text{display:grid}.wizard-step-title{font-weight:600}.wizard-step-state{color:var(--text-secondary);font-size:var(--font-size-sm)}.wizard-panel{padding:var(--space-5)}.wizard-title{margin:0 0 var(--space-1);font-size:var(--font-size-xl)}.wizard-intro{margin:0 0 var(--space-5);color:var(--text-secondary)}.wizard-form{gap:var(--space-5);display:grid}.wizard-form>[role=alert]:empty,.wizard-done>[role=alert]:empty{width:1px;height:1px;position:absolute;overflow:hidden}.wizard-group{align-items:start;gap:var(--space-4);border:0;grid-template-columns:minmax(0,1fr);min-width:0;margin:0;padding:0;display:grid}.wizard-group legend{margin-bottom:var(--space-3);font-size:var(--font-size-lg);padding:0;font-weight:600}.business-types{gap:var(--space-2);min-width:0;display:grid}.business-types-title{font-size:var(--font-size-lg);font-weight:600}.type-cards{gap:var(--space-3);margin-top:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.type-card{align-items:flex-start;gap:var(--space-3);min-height:84px;padding:var(--space-3) var(--space-4);border:1px solid var(--border-card);border-radius:var(--radius-md);background:var(--bg-card);cursor:pointer;display:flex;position:relative}.type-card[data-hovered]{border-color:var(--border-input);background:var(--bg-row-hover)}.type-card[data-selected]{border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary);background:var(--bg-info)}.type-card[data-focus-visible]{box-shadow:var(--focus-ring)}.type-card[data-selected][data-focus-visible]{box-shadow:inset 0 0 0 1px var(--color-primary), var(--focus-ring)}.type-card-icon{width:28px;height:28px;color:var(--text-secondary);flex:none;margin-top:2px}.type-card[data-selected] .type-card-icon{color:var(--color-primary)}.type-card-text{gap:2px;min-width:0;display:grid}.type-card-title{font-weight:600}.type-card-body{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.4}.type-card[data-selected]:after{content:"✓";top:var(--space-2);right:var(--space-3);color:var(--color-primary);font-weight:700;position:absolute}.review-row{justify-content:space-between;align-items:baseline;gap:var(--space-1) var(--space-3);flex-wrap:wrap;display:flex}.review-warnings{padding:var(--space-3) var(--space-4);border:1px solid var(--color-warning);border-radius:var(--radius-md);background:var(--bg-warning)}.review-warnings-title{align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);color:var(--color-warning);font-weight:600;display:flex}.review-warnings ul{padding-left:var(--space-5);margin:0}.wizard-choices{gap:0 var(--space-4)}.wizard-choices-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.wizard-choices-actions{gap:var(--space-3);display:inline-flex}.wizard-help{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.wizard-included{align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);color:var(--text-secondary);font-size:var(--font-size-sm);display:flex}.link-btn{min-height:32px;color:var(--color-link);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:500}.link-btn[data-hovered]{text-decoration:underline}.wizard-error{padding:var(--space-3) var(--space-4);border:1px solid var(--color-danger);border-radius:var(--radius-md);background:var(--bg-danger);color:var(--color-danger)}.wizard-actions{gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border-card);flex-direction:column-reverse;display:flex}.wizard-actions .btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-target);display:inline-flex}.btn-link-style{color:var(--text-primary);text-decoration:none}.wizard-summary-card{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border-card);border-radius:var(--radius-md);background:var(--bg-row-hover);display:flex}.wizard-summary-icon{width:22px;height:22px;color:var(--color-success);flex:none}.wizard-summary-main{margin:0 0 var(--space-1);font-weight:600}.wizard-done{gap:var(--space-3);display:grid}.wizard-title-done{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.wizard-done-icon{width:32px;height:32px;color:var(--color-success);flex:none}.wizard-done-summary{margin:var(--space-2) 0;border:1px solid var(--border-card);border-radius:var(--radius-md);display:grid}.wizard-done-summary>div{padding:var(--space-3) var(--space-4);gap:2px;display:grid}.wizard-done-summary>div+div{border-top:1px solid var(--border-card)}.wizard-done-summary dt{color:var(--text-secondary);font-size:var(--font-size-sm)}.wizard-done-summary dd{margin:0;font-weight:600}@media (width>=600px){.wizard-group{grid-template-columns:repeat(2,minmax(0,1fr))}.wizard-group .span-2{grid-column:1/-1}.wizard-actions{flex-direction:row;justify-content:flex-end}.wizard-done-summary>div{grid-template-columns:160px minmax(0,1fr)}}@media (width>=900px){.wizard{grid-template-columns:260px minmax(0,1fr)}.wizard-stepper{top:calc(56px + var(--space-4));position:sticky}.wizard-stepper ol{margin-top:var(--space-3);gap:2px;display:grid}.wizard-panel{max-width:860px;padding:var(--space-6)}}@media (width>=1200px){.wizard-choices{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.wizard-progress-bar>span{transition:none}}.site{--site-dark:#16191e;--site-dark-2:#20252c;--site-silver:#c9ced4;background:var(--bg-page,var(--bg-card));min-height:100vh;color:var(--text-primary)}.site .skip-link{z-index:100;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);position:absolute;top:-100px;left:16px}.site .skip-link:focus{top:12px}.site-wrap{width:min(1180px,100%);margin:0 auto;padding:0 16px}.site-header{z-index:50;border-bottom:1px solid var(--border-card);background:color-mix(in srgb, var(--bg-card) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);position:sticky;top:0}.site-bar{align-items:center;gap:var(--space-4);width:min(1180px,100%);min-height:64px;margin:0 auto;padding:0 16px;display:flex}.site-brand{flex-shrink:0;display:inline-flex}.site-logo{width:auto;height:34px}.logo-on-dark,[data-theme=dark] .logo-on-light{display:none}.site-nav ul{gap:var(--space-1);margin:0;padding:0;list-style:none;display:flex}.site-nav a{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;text-decoration:none;display:block}.site-nav a:hover{background:var(--bg-row-hover);color:var(--text-primary)}.site-bar-actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.site-icon-btn{width:var(--touch-target);height:var(--touch-target);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;font-size:18px;display:inline-flex}.site-icon-btn:hover{background:var(--bg-row-hover)}.site-icon-btn svg{width:22px;height:22px}.site-menu-btn{display:none}.site-btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-4);white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:999px;font-weight:600;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex}.site-btn svg{width:18px;height:18px}.site-btn:hover{transform:translateY(-1px)}.site-btn-lg{min-height:48px;padding:0 var(--space-5);font-size:var(--font-size-lg)}.site-btn-primary{background:var(--color-brand);color:var(--text-on-brand)}.site-btn-primary:hover{background:var(--color-brand-hover)}.site-hero .site-btn-primary,.site-btn-light{color:var(--site-dark);background:#fff}.site-btn-ghost{color:#fff;border-color:#ffffff59}.site-btn-ghost:hover,.site-btn-outline:hover{background:#ffffff14}.site-btn-outline{color:#fff;border-color:#ffffff80}.site a:focus-visible,.site button:focus-visible,.site summary:focus-visible{box-shadow:var(--focus-ring);outline:none}.site-hero{background:radial-gradient(60% 70% at 78% 30%, #c9ced429, transparent 70%), linear-gradient(160deg, var(--site-dark) 0%, var(--site-dark-2) 100%);color:#fff;padding:clamp(48px,9vw,112px) 0;scroll-margin-top:64px;position:relative;overflow:hidden}.site-hero-grid{gap:var(--space-6);grid-template-columns:minmax(0,1fr);align-items:center;display:grid}.site-hero h1{letter-spacing:-.02em;margin:0;font-size:clamp(2rem,5.2vw,3.6rem);line-height:1.08}.site-eyebrow{margin:0 0 var(--space-3);color:var(--text-secondary);font-size:var(--font-size-sm);letter-spacing:.12em;text-transform:uppercase;font-weight:700}.site-hero .site-eyebrow,.site-section-dark .site-eyebrow{color:var(--site-silver)}.site-lead{max-width:62ch;margin:var(--space-4) 0 0;color:var(--text-secondary);font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.6}.site-hero .site-lead,.site-section-dark .site-lead{color:#d5dae0}.site-cta{gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.site-facts{gap:var(--space-2) var(--space-5);margin:var(--space-5) 0 0;color:#d5dae0;font-size:var(--font-size-md);flex-wrap:wrap;padding:0;list-style:none;display:flex}.site-facts li:before{content:"✓ ";color:#fff;font-weight:700}.site-stairs-stage{justify-content:center;display:flex}.site-stairs{width:min(420px,80vw);height:auto}.site-stair{opacity:0;transform-box:fill-box;transform-origin:50%;animation:site-stair-in .55s cubic-bezier(.2, .8, .2, 1) calc(var(--i) * 90ms) forwards, site-stair-climb 4.8s ease-in-out calc(1.4s + var(--i) * .16s) infinite}.site-beacon{opacity:0;transform-box:fill-box;transform-origin:50%;animation:.8s ease-out 1.1s forwards site-beacon-in,4.8s ease-in-out 3.3s infinite site-beacon-pulse}@keyframes site-stair-in{0%{opacity:0;transform:translateY(14px)scaleX(.85)}to{opacity:.65;transform:none}}@keyframes site-stair-climb{0%,30%,to{opacity:.65;filter:none}12%{opacity:1;filter:drop-shadow(0 0 8px #ffffffb3)}}@keyframes site-beacon-in{to{opacity:.6}}@keyframes site-beacon-pulse{0%,to{opacity:.6;transform:scale(1)}45%{opacity:1;transform:scale(1.15)}}.site-section{padding:clamp(56px,8vw,96px) 0;scroll-margin-top:64px}.site-section-alt{background:var(--bg-row-hover)}.site-section-dark{background:linear-gradient(160deg, var(--site-dark) 0%, var(--site-dark-2) 100%);color:#fff}.site-section-head{max-width:760px;margin-bottom:var(--space-6)}.site-section-head h2,.site-final h2{letter-spacing:-.01em;margin:0;font-size:clamp(1.6rem,3.4vw,2.4rem);line-height:1.15}.site-cards{gap:var(--space-4);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.site-card{padding:var(--space-5);border:1px solid var(--border-card);border-top:3px solid var(--accent,var(--border-card));border-radius:var(--radius-md);background:var(--bg-card);box-shadow:var(--bg-card-shadow)}.site-card h3,.site-step h3{margin:var(--space-3) 0 var(--space-2);font-size:var(--font-size-lg)}.site-card p,.site-step p{color:var(--text-secondary);margin:0;line-height:1.55}.site-card-plain{border-top-width:1px}.site-card-plain h3{margin-top:0}.site-card-icon{border-radius:var(--radius-md);background:color-mix(in srgb, var(--accent,var(--color-info)) 14%, transparent);width:44px;height:44px;color:var(--accent,var(--color-info));justify-content:center;align-items:center;display:inline-flex}.site-card-icon svg{width:22px;height:22px}.site-card-dark{box-shadow:none;background:#ffffff0a;border-color:#ffffff80 #ffffff1f #ffffff1f}.site-card-dark p{color:#c9ced4}.site-card-dark .site-card-icon{color:#fff;background:#ffffff1a}.site-note{margin:var(--space-5) 0 0;color:var(--text-secondary)}.site-steps{gap:var(--space-5);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.site-step{position:relative}.site-step-number{background:var(--color-brand);width:40px;height:40px;color:var(--text-on-brand);border-radius:999px;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.site-tag{margin-top:var(--space-3);background:var(--bg-info);color:var(--color-info);font-size:var(--font-size-sm);border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-weight:600;display:inline-flex}.site-tag svg{width:14px;height:14px}.site-faq{gap:var(--space-2);display:grid}.site-faq-item{border:1px solid var(--border-card);border-radius:var(--radius-md);background:var(--bg-card)}.site-faq-item summary{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:var(--touch-target);padding:var(--space-3) var(--space-4);cursor:pointer;font-weight:600;list-style:none;display:flex}.site-faq-item summary::-webkit-details-marker{display:none}.site-faq-item summary svg{flex-shrink:0;width:20px;height:20px;transition:transform .2s}.site-faq-item[open] summary svg{transform:rotate(180deg)}.site-faq-item p{padding:0 var(--space-4) var(--space-4);color:var(--text-secondary);margin:0;line-height:1.6}.site-final{background:radial-gradient(50% 80% at 50% 0%, #c9ced42e, transparent 70%), var(--site-dark);color:#fff;text-align:center;padding:clamp(56px,8vw,96px) 0}.site-final-inner p{max-width:60ch;margin:var(--space-3) auto 0;color:#d5dae0}.site-final .site-cta{justify-content:center}.site-footer{padding:var(--space-6) 0;color:#c9ced4;background:#0f1216}.site-footer-inner{gap:var(--space-4);justify-items:start;display:grid}.site-footer-logo{width:auto;height:36px}.site-copy{font-size:var(--font-size-sm);margin:0}@media (width>=720px){.site-cards-3,.site-cards-4,.site-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.site-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.site-cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}.site-cards-4,.site-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.site-faq-wrap{gap:var(--space-6);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);display:grid}.site-footer-inner{grid-template-columns:auto 1fr;align-items:center}.site-copy{justify-self:end}}@media (width<=1023px){.site-menu-btn{display:inline-flex}.site-nav{padding:var(--space-2) 16px var(--space-4);border-bottom:1px solid var(--border-card);background:var(--bg-card);display:none;position:absolute;top:64px;left:0;right:0;box-shadow:0 12px 24px #00000026}.site-nav.is-open{display:block}.site-nav ul{flex-direction:column}.site-nav a{min-height:var(--touch-target);padding:var(--space-3);font-size:var(--font-size-lg)}}@media (width<=479px){.site-bar{gap:var(--space-2)}.site-logo{height:28px}.site-bar-actions .site-btn{padding:0 var(--space-3)}}@media (prefers-reduced-motion:reduce){.site-stair,.site-beacon{opacity:.65;animation:none}.site-btn{transition:none}.site-btn:hover{transform:none}}.module-rows{margin:clamp(32px, 5vw, 56px) 0 var(--space-5);gap:clamp(48px,7vw,96px);padding:0;list-style:none;display:grid}.module-row{gap:var(--space-5);grid-template-columns:minmax(0,1fr);align-items:center;display:grid}.module-row .module-art{order:-1}.module-text h2,.module-text h3{margin:var(--space-3) 0 var(--space-2);font-size:clamp(1.3rem,2.4vw,1.7rem)}.module-text p{color:var(--text-secondary);margin:0;line-height:1.6}.module-text .site-card-icon{color:var(--accent)}.module-points{gap:var(--space-2);margin:var(--space-4) 0 0;padding:0;list-style:none;display:grid}.module-points li{align-items:flex-start;gap:var(--space-2);display:flex}.module-points svg{width:18px;height:18px;color:var(--accent);flex:none;margin-top:3px}.flow{--flow-ink:#e8ecf0;--flow-muted:#9aa4af;--flow-line:#c9ced42e;color:var(--flow-ink);background:radial-gradient(120% 80% at 50% -10%, color-mix(in srgb, var(--accent) 34%, transparent), transparent 60%), linear-gradient(#c9ced40b 1px, transparent 1px) 0 0 / 24px 24px, linear-gradient(90deg, #c9ced40b 1px, transparent 1px) 0 0 / 24px 24px, linear-gradient(160deg, #1d2229, #101317);box-shadow:0 30px 70px #00000047, inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, #ffffff14);border-radius:24px;margin:0;padding:clamp(20px,3vw,32px);position:relative;overflow:hidden}.flow-eyebrow{align-items:center;gap:var(--space-2);color:var(--flow-muted);letter-spacing:.08em;text-transform:uppercase;background:#ffffff0f;border-radius:999px;margin:0 0 clamp(20px,3vw,28px);padding:4px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.flow-live{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 0 var(--accent);border-radius:50%;animation:2s ease-out infinite flow-live}.flow-steps{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;position:relative}.flow-steps:before,.flow-steps:after{content:"";border-radius:2px;height:2px;position:absolute;top:27px;left:12.5%;right:12.5%}.flow-steps:before{background:var(--flow-line)}.flow-steps:after{background:linear-gradient(90deg, transparent, var(--accent), transparent) 0 0 / 30% 100% no-repeat;animation:4.8s linear infinite flow-run}.flow-step{text-align:center;align-content:start;justify-items:center;gap:6px;display:grid;position:relative}.flow-node{z-index:1;width:56px;height:56px;color:var(--accent);animation:4.8s ease-in-out infinite flow-active;animation-delay:calc(var(--i) * 1.2s);background:linear-gradient(160deg,#2a313a,#1a1f25);border-radius:18px;place-items:center;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff14,0 8px 20px #0000004d}.flow-node svg{width:26px;height:26px}.flow-number{z-index:2;background:var(--accent);color:#101317;border-radius:50%;place-items:center;width:20px;height:20px;font-size:.72rem;font-weight:700;display:grid;position:absolute;top:-6px;left:calc(50% + 18px)}.flow-step strong{margin-top:6px;font-size:.95rem;line-height:1.25}.flow-detail{color:var(--flow-muted);font-size:.8rem;line-height:1.35}.flow-result{align-items:center;gap:var(--space-3);background:#ffffff0d;border-radius:16px;margin-top:clamp(20px,3vw,28px);padding:14px 16px;display:flex;box-shadow:inset 0 0 0 1px #ffffff12}.flow-result-icon{background:color-mix(in srgb, var(--accent) 22%, transparent);width:38px;height:38px;color:var(--accent);border-radius:12px;flex:none;place-items:center;display:grid}.flow-result-icon svg{width:20px;height:20px}.flow-result>span:last-child{gap:2px;min-width:0;display:grid}.flow-result-label{color:var(--flow-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:600}.flow-result strong{overflow-wrap:anywhere;font-size:.92rem}@keyframes flow-active{0%,30%,to{transform:none;box-shadow:inset 0 0 0 1px #ffffff14,0 8px 20px #0000004d}10%,20%{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 70%, transparent), 0 0 26px color-mix(in srgb, var(--accent) 55%, transparent), 0 10px 24px #00000059;transform:translateY(-4px)scale(1.06)}}@keyframes flow-run{0%{background-position:-30% 0}to{background-position:130% 0}}@keyframes flow-live{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 60%, transparent)}to{box-shadow:0 0 0 10px #0000}}@media (width<=559px){.flow-steps{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.flow-steps:before,.flow-steps:after{width:2px;height:auto;inset:28px auto 28px 27px}.flow-steps:after{background:linear-gradient(180deg, transparent, var(--accent), transparent) 0 0 / 100% 30% no-repeat;animation-name:flow-run-down}.flow-step{justify-items:start;column-gap:var(--space-3);text-align:left;grid-template-columns:56px minmax(0,1fr);row-gap:2px}.flow-node{grid-row:span 2}.flow-number{left:40px}.flow-step strong{margin-top:6px}}@keyframes flow-run-down{0%{background-position:0 -30%}to{background-position:0 130%}}@media (prefers-reduced-motion:reduce){.flow-node,.flow-steps:after,.flow-live{animation:none}}@media (width>=900px){.module-row{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,72px)}.module-row .module-art{order:0}.module-row.is-flipped{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.module-row.is-flipped .module-art{order:-1}}.v2-progress{z-index:70;background:linear-gradient(90deg, #8d949c, var(--color-brand));height:3px;box-shadow:0 0 8px color-mix(in srgb, var(--color-brand) 50%, transparent);transform:scaleX(var(--progress,0));transform-origin:0;pointer-events:none;position:fixed;top:0;left:0;right:0}.v2 .site-header{transition:box-shadow .25s}.v2 .site-bar{transition:min-height .25s}.v2 .site-logo{transition:height .25s}.v2.is-scrolled .site-header{box-shadow:0 6px 24px #00000014}.v2.is-scrolled .site-bar{min-height:56px}.v2.is-scrolled .site-logo{height:30px}.v2 .site-nav a{position:relative}.v2 .site-nav a:after{content:"";right:var(--space-3);bottom:4px;left:var(--space-3);background:var(--color-brand);border-radius:2px;height:2px;transition:transform .3s;position:absolute;transform:scaleX(0)}.v2[data-active=product] .site-nav a[href$=\#product],.v2[data-active=modules] .site-nav a[href$=\#modules],.v2[data-active=industries] .site-nav a[href$=\#industries],.v2[data-active=how] .site-nav a[href$=\#how],.v2[data-active=why] .site-nav a[href$=\#why],.v2[data-active=faq] .site-nav a[href$=\#faq]{color:var(--text-primary)}.v2[data-active=product] .site-nav a[href$=\#product]:after,.v2[data-active=modules] .site-nav a[href$=\#modules]:after,.v2[data-active=industries] .site-nav a[href$=\#industries]:after,.v2[data-active=how] .site-nav a[href$=\#how]:after,.v2[data-active=why] .site-nav a[href$=\#why]:after,.v2[data-active=faq] .site-nav a[href$=\#faq]:after{transform:scaleX(1)}.v2-enter{animation:v2-rise .8s cubic-bezier(.2, .8, .2, 1) calc(var(--d,0) * .11s + .1s) both}[data-reveal]{--rd:calc(var(--d,0) * 90ms);opacity:0;transition:opacity .7s ease var(--rd), transform .8s cubic-bezier(.2, .8, .2, 1) var(--rd), translate .25s ease, box-shadow .25s ease, border-color .25s ease;transform:translateY(24px)}[data-reveal].is-in{opacity:1;transform:none}@media (width>=900px){[data-reveal=left]{transform:translate(-40px)}[data-reveal=right]{transform:translate(40px)}}.v2-hero{overflow-x:clip}.v2-hero-stage{place-items:center;display:grid;position:relative}.v2-hero-stairs{opacity:.55;pointer-events:none;width:62%;position:absolute;top:-14%;right:-4%}.v2-hero-stairs .site-stairs{width:100%}.day{z-index:1;width:min(460px,100%);margin:40px 0 0;animation:8s ease-in-out 1.5s infinite v2-float;position:relative}.day-screen{color:#e8ecf0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#14171cd1;border-radius:22px;padding:14px;box-shadow:0 40px 80px #00000073,inset 0 0 0 1px #ffffff1a}.day-top{align-items:center;gap:var(--space-3);padding:2px 4px 12px;font-size:.9rem;display:flex}.day-dots{gap:5px;display:inline-flex}.day-dots i{background:#ffffff2e;border-radius:50%;width:8px;height:8px}.day-clock{color:#fff;font-variant-numeric:tabular-nums;background:#ffffff12;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:3px 10px;font-size:.82rem;font-weight:600;display:inline-flex}.day-clock svg{width:14px;height:14px}.day-track{background:#ffffff14;border-radius:4px;height:4px;overflow:hidden}.day-track span{width:calc(var(--done,0) * 100%);border-radius:inherit;background:linear-gradient(90deg,#8d949c,#fff);height:100%;transition:width .8s cubic-bezier(.2,.8,.2,1);display:block}.day-events{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.day-event{background:#ffffff09;border-radius:14px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;transition:opacity .5s,transform .5s cubic-bezier(.2,.8,.2,1),background .5s,box-shadow .5s;display:grid;box-shadow:inset 0 0 0 1px #ffffff0f}.day-event.is-waiting{opacity:.2;transform:translateY(6px)}.day-event.is-done{opacity:.8}.day-event.is-now{background:color-mix(in srgb, var(--accent) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 50%, transparent), 0 0 28px color-mix(in srgb, var(--accent) 22%, transparent)}.day-icon{background:color-mix(in srgb, var(--accent) 24%, transparent);width:40px;height:40px;color:color-mix(in srgb, var(--accent) 55%, #fff);border-radius:12px;place-items:center;display:grid}.day-icon svg{width:20px;height:20px}.is-now .day-icon{animation:.5s cubic-bezier(.2,.8,.2,1) v2-pop}.day-text{gap:1px;min-width:0;display:grid}.day-time{color:#9aa4af;font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:600}.day-text strong{font-size:.9rem;line-height:1.25}.day-detail{color:#9aa4af;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.day-status{background:color-mix(in srgb, var(--accent) 24%, transparent);color:color-mix(in srgb, var(--accent) 35%, #fff);white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:.72rem;font-weight:700;transition:opacity .4s}.is-waiting .day-status{opacity:0}.day-live{color:#9aa4af;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;margin:12px 4px 0;font-size:.72rem;font-weight:600;display:inline-flex}.day-live i{background:#4ade80;border-radius:50%;width:7px;height:7px;animation:2s ease-out infinite v2-live}.v2-strip{border-bottom:1px solid var(--border-card);background:var(--bg-card)}.v2-strip-inner{align-items:center;gap:var(--space-3);padding-top:var(--space-5);padding-bottom:var(--space-5);flex-direction:column;display:flex}.v2-strip-label{color:var(--text-secondary);font-size:var(--font-size-sm);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;margin:0;font-weight:700;display:inline-flex}.v2-strip-label svg{width:16px;height:16px}.v2-devices{gap:var(--space-3);width:100%;max-width:880px;margin:0;padding:0;list-style:none;display:grid}.v2-device{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-card);border-radius:var(--radius-md);background:var(--bg-body);transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.v2-device:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.v2-device-icon{background:color-mix(in srgb, var(--color-primary) 14%, transparent);width:44px;height:44px;color:var(--color-primary);border-radius:50%;flex:none;place-items:center;display:grid}.v2-device-icon svg{width:22px;height:22px}.v2-device-text{gap:2px;display:grid}.v2-device-text strong{color:var(--text-primary);font-size:1.05rem}.v2-device-text span{color:var(--text-secondary);font-size:var(--font-size-sm)}@media (width>=768px){.v2-devices{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){.v2-device{transition:none}.v2-device:hover{transform:none}}.v2-jump ul{justify-content:center;gap:var(--space-2);margin:var(--space-5) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.v2-jump a{min-height:var(--touch-target,44px);border:1px solid var(--border-card);background:var(--bg-card);color:var(--text-primary);font-size:var(--font-size-sm);border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-weight:600;text-decoration:none;transition:border-color .2s;display:inline-flex}.v2-jump a:focus-visible{box-shadow:var(--focus-ring);outline:none}.v2-jump svg{width:16px;height:16px;color:var(--accent)}@media (hover:hover){.v2-jump a:hover{border-color:var(--accent)}}.v2 .module-row{scroll-margin-top:88px}.v2-industry-icon{width:48px;height:48px;margin-bottom:var(--space-3);background:color-mix(in srgb, var(--color-brand) 10%, transparent);color:var(--text-primary);border-radius:14px;place-items:center;transition:transform .3s cubic-bezier(.2,.8,.2,1);display:inline-grid}.v2-industry-icon svg{width:24px;height:24px}@media (hover:hover){.v2-industry:hover{border-color:color-mix(in srgb, var(--color-brand) 40%, var(--border-card));translate:0 -4px;box-shadow:0 16px 32px #0000001a}.v2-industry:hover .v2-industry-icon{transform:rotate(-6deg)scale(1.08)}}.v2-steps{gap:var(--space-5);margin:0;padding:0;list-style:none;display:grid;position:relative}.v2-steps[data-reveal]{opacity:1;transform:none}.v2-steps:before,.v2-steps:after{content:"";background:var(--border-card);border-radius:2px;width:2px;position:absolute;top:20px;bottom:20px;left:19px}.v2-steps:after{background:var(--color-brand);transform-origin:top;transition:transform 1.6s cubic-bezier(.4,0,.2,1) .2s;transform:scaleY(0)}.v2-steps.is-in:after{transform:none}.v2-step{padding-left:60px;position:relative}.v2-step .site-step-number{z-index:1;box-shadow:0 0 0 6px var(--bg-page,var(--bg-card));position:absolute;top:0;left:0}.v2-step h3{margin:6px 0 var(--space-2);font-size:var(--font-size-lg)}.v2-step p{color:var(--text-secondary);margin:0;line-height:1.55}.v2-step>*{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--d) * .38s + .25s);transform:translateY(12px)}.v2-step .site-step-number{transform:scale(.5)}.v2-steps.is-in .v2-step>*{opacity:1;transform:none}@media (width>=1024px){.v2-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.v2-steps:before,.v2-steps:after{top:19px;right:calc(25% - var(--space-5) * .75 - 20px);width:auto;height:2px;bottom:auto;left:20px}.v2-steps:after{transform-origin:0;transform:scaleX(0)}.v2-step{padding:60px var(--space-2) 0 0}}.v2-spot{position:relative;overflow:hidden}.v2-spot>*{position:relative}.v2-spot:before{content:"";background:radial-gradient(260px circle at var(--mx,50%) var(--my,0%), #ffffff21, transparent 70%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}@media (hover:hover){.v2-spot:hover{border-color:#ffffff47}.v2-spot:hover:before{opacity:1}}.v2-shine{isolation:isolate;position:relative;overflow:hidden}.v2-shine:after{content:"";z-index:-1;background:linear-gradient(110deg,#0000,#ffffff73,#0000);width:40%;animation:7s ease-in-out 2.5s infinite v2-shine;position:absolute;top:0;bottom:0;left:-60%;transform:skew(-20deg)}.site-btn-light.v2-shine:after,.v2-hero .v2-shine:after{background:linear-gradient(110deg,#0000,#8d949c59,#0000)}.v2-arrow{transition:transform .2s}.v2-shine:hover .v2-arrow{transform:translate(3px)}.v2-final{position:relative;overflow:hidden}.v2-final:before{content:"";pointer-events:none;background:radial-gradient(35% 45% at 30% 35%,#c9ced429,#0000 70%),radial-gradient(30% 40% at 72% 65%,#ffffff12,#0000 70%);animation:18s ease-in-out infinite alternate v2-drift;position:absolute;inset:-25%}.v2-final .site-final-inner{position:relative}.v2-demo-bar{display:none}@media (width<=719px){.v2-demo-bar{right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:60;justify-content:space-between;align-items:center;gap:var(--space-3);color:#e8ecf0;opacity:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#14171ceb;border-radius:18px;padding:8px 8px 8px 16px;font-size:.88rem;line-height:1.3;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .35s;display:flex;position:fixed;left:12px;transform:translateY(140%);box-shadow:0 16px 40px #00000059,inset 0 0 0 1px #ffffff1a}.v2-demo-bar.is-shown{opacity:1;transform:none}.v2-demo-bar .site-btn-primary{color:#16191e;background:#fff}.v2-demo-bar .site-btn,.v2-demo-bar .site-btn svg{flex:none}.v2 .site-footer{padding-bottom:calc(var(--space-6) + 80px)}}@media (width<=359px){.v2-demo-bar>span{display:none}.v2-demo-bar{justify-content:center;padding-left:8px}}@media (width<=1023px){.v2.is-scrolled .site-nav{top:56px}}@media (width<=419px){.day-event{grid-template-columns:36px minmax(0,1fr) auto;gap:10px;padding:9px 10px}.day-icon{width:36px;height:36px}.day-detail{display:none}}@media (width>=1024px){.day{margin-top:56px}.day-screen{transition:transform .6s cubic-bezier(.2,.8,.2,1);transform:perspective(1400px)rotateY(-9deg)rotateX(3deg)}.day:hover .day-screen{transform:perspective(1400px)rotateY(-3deg)rotateX(1deg)}}@keyframes v2-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes v2-float{0%,to{translate:0}50%{translate:0 -8px}}@keyframes v2-pop{0%{transform:scale(.8)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes v2-live{0%{box-shadow:0 0 #4ade8099}to{box-shadow:0 0 0 8px #4ade8000}}@keyframes v2-shine{0%{left:-60%}18%,to{left:130%}}@keyframes v2-drift{0%{transform:translate(-4%,-3%)}to{transform:translate(4%,3%)}}@media (prefers-reduced-motion:reduce){.v2-enter,.day,.day-live i,.is-now .day-icon,.v2-shine:after,.v2-final:before{animation:none}[data-reveal],.v2-step>*,.v2-steps:after{opacity:1;transition:none;transform:none}.day-event,.day-track span,.v2-demo-bar,.v2 .site-bar,.v2 .site-logo,.v2-industry-icon,.v2-jump a,.day-screen{transition:none}.day-screen{transform:none}.v2-shine:after{display:none}}.v2-hero-em{color:#0000;background:linear-gradient(100deg,#fff 0%,#c9ced4 40%,#fff 60%,#aeb5bd 100%) 0 0/220% 100%;-webkit-background-clip:text;background-clip:text;animation:9s ease-in-out 1.2s infinite alternate v2-sheen}.v2-hero-points{gap:var(--space-2) var(--space-5);margin:var(--space-5) 0 0;color:#d5dae0;flex-wrap:wrap;padding:0;font-weight:600;list-style:none;display:flex}.v2-hero-points li{align-items:center;gap:6px;display:inline-flex}.v2-hero-points svg{color:#4ade80;width:18px;height:18px}.pains{gap:var(--space-4);margin:clamp(32px,5vw,56px) 0 0;padding:0;list-style:none;display:grid}.pain{align-content:start;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--border-card);border-radius:var(--radius-md);background:var(--bg-card);box-shadow:var(--bg-card-shadow);display:grid}.pain-icon{border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-brand) 10%, transparent);width:44px;height:44px;color:var(--text-primary);place-items:center;display:grid}.pain-icon svg{width:22px;height:22px}.pain p{gap:4px;margin:0;line-height:1.45;display:grid}.pain-tag{background:var(--bg-row-hover);color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;justify-self:start;padding:2px 8px;font-size:.72rem;font-weight:700}.pain-after .pain-tag{background:var(--bg-success);color:var(--text-primary)}.pain-before s{color:var(--text-secondary);transition:text-decoration-color .6s ease calc(var(--rd,0s) + .45s);-webkit-text-decoration:line-through #0000;text-decoration:line-through #0000;text-decoration-thickness:1.5px}.pain.is-in .pain-before s{text-decoration-color:currentColor}.pain-after{padding-top:var(--space-3);border-top:1px dashed var(--border-card);opacity:0;transition:opacity .5s ease calc(var(--rd,0s) + .9s), transform .5s ease calc(var(--rd,0s) + .9s);transform:translateY(8px)}.pain.is-in .pain-after{opacity:1;transform:none}.pain-after strong{font-size:var(--font-size-lg);line-height:1.35}@media (width>=640px){.pains{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.pains{grid-template-columns:repeat(3,minmax(0,1fr))}}.trace{color:#e8ecf0;background:#ffffff0a;border-radius:22px;margin:clamp(32px,5vw,56px) 0 0;padding:clamp(16px,3vw,28px);box-shadow:inset 0 0 0 1px #ffffff1a,0 40px 80px #0000004d}.trace-top{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.trace-timer{color:#fff;font-variant-numeric:tabular-nums;background:#ffffff14;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.trace-timer svg{width:16px;height:16px}.trace.is-done .trace-timer{background:#4ade802e}.trace-cols{gap:28px;margin:0;padding:0;list-style:none;display:grid}.trace-col{opacity:.25;transition:opacity .5s;position:relative}.trace-col.is-on{opacity:1}.trace-col+.trace-col:before{content:"";background:var(--accent);transform-origin:top;border-radius:2px;width:2px;height:16px;transition:transform .4s;position:absolute;top:-22px;left:22px;transform:scaleY(0)}.trace-col+.trace-col.is-on:before{transform:none}.trace-col-label{color:#c9ced4;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 10px;font-size:.78rem;font-weight:700;display:flex}.trace-col-label svg{background:color-mix(in srgb, var(--accent) 24%, transparent);width:30px;height:30px;color:color-mix(in srgb, var(--accent) 55%, #fff);border-radius:10px;padding:6px}.trace-col ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.trace-node{transition:box-shadow .5s ease calc(var(--j,0) * .12s), background .5s ease calc(var(--j,0) * .12s);background:#ffffff09;border-radius:12px;gap:2px;padding:10px 12px;display:grid;box-shadow:inset 0 0 0 1px #ffffff12}.is-on .trace-node{background:color-mix(in srgb, var(--accent) 12%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent), 0 0 22px color-mix(in srgb, var(--accent) 14%, transparent)}.trace-node strong{font-size:.92rem}.trace-node span{color:#aab3bd;font-size:.8rem}.trace-result{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid #ffffff1a;flex-wrap:wrap;font-weight:700;display:flex}.trace-result>span{opacity:0;transition:opacity .5s}.trace.is-done .trace-result>span{opacity:1}.trace-again{min-height:var(--touch-target,44px);color:#fff;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:999px;align-items:center;gap:6px;padding:0 16px;font-weight:600;display:inline-flex}.trace-again svg{width:16px;height:16px}.trace-again:disabled{opacity:.45;cursor:default}.trace-again:not(:disabled):hover{background:#ffffff14}.trace-again:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (width>=900px){.trace-cols{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.trace-col+.trace-col:before{transform-origin:0;width:20px;height:2px;top:15px;left:-26px;transform:scaleX(0)}}.compliance-title{margin:clamp(40px, 6vw, 64px) 0 var(--space-4);font-size:var(--font-size-xl)}.compliance{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.compliance li{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);color:#e8ecf0;background:#ffffff0a;line-height:1.35;display:flex;box-shadow:inset 0 0 0 1px #ffffff14}.compliance li>span{background:#ffffff1a;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.compliance svg{width:20px;height:20px}@media (width>=640px){.compliance{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.compliance{grid-template-columns:repeat(4,minmax(0,1fr))}}.roles{margin-top:clamp(32px,5vw,48px)}.roles-tabs{gap:var(--space-2);scrollbar-width:none;margin:0 -16px;padding:2px 16px 6px;display:flex;overflow-x:auto}.roles-tabs::-webkit-scrollbar{display:none}.roles-tab,.ind-tab{cursor:pointer;outline:none;transition:background .2s,border-color .2s,color .2s}.roles-tab{min-height:var(--touch-target,44px);border:1px solid var(--border-card);background:var(--bg-card);color:var(--text-primary);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 16px;font-weight:600;display:inline-flex}.roles-tab svg{width:18px;height:18px;color:var(--accent)}.roles-tab[data-hovered]{border-color:var(--accent)}.roles-tab[data-selected]{border-color:var(--color-brand);background:var(--color-brand);color:var(--text-on-brand)}.roles-tab[data-selected] svg{color:inherit}.roles-tab[data-focus-visible],.ind-tab[data-focus-visible]{box-shadow:var(--focus-ring)}.roles-panel{gap:var(--space-5);margin-top:var(--space-5);outline:none;align-items:center;animation:.45s cubic-bezier(.2,.8,.2,1) v2-rise;display:grid}.roles-panel[data-focus-visible]{border-radius:var(--radius-md);box-shadow:var(--focus-ring)}.roles-text h3{margin:0 0 var(--space-2);font-size:clamp(1.3rem,2.4vw,1.7rem)}.roles-text>p:first-of-type{color:var(--text-secondary);margin:0;line-height:1.6}.roles-text .module-points svg{color:var(--accent)}.roles-device{margin:var(--space-4) 0 0;border:1px solid var(--border-card);color:var(--text-secondary);font-size:var(--font-size-sm);border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-weight:600;display:inline-flex}.roles-device svg{width:16px;height:16px}.roles-art{min-height:300px;padding:var(--space-5) var(--space-3);background:radial-gradient(60% 60% at 50% 45%, color-mix(in srgb, var(--accent) 30%, transparent), transparent 70%), linear-gradient(160deg, #16191e, #20252c);border-radius:22px;place-items:center;display:grid}.roles-screen{color:#e8ecf0;background:#14171ce6;border-radius:16px;width:min(520px,100%);padding:14px;box-shadow:0 30px 60px #00000073,inset 0 0 0 1px #ffffff1f}.is-tablet .roles-screen{border-radius:24px;width:min(420px,100%);padding:16px;box-shadow:0 30px 60px #00000073,0 0 0 8px #0b0d10,inset 0 0 0 1px #ffffff1f}.is-phone .roles-screen{border-radius:34px;width:min(260px,100%);padding:30px 12px 18px;position:relative;box-shadow:0 30px 60px #00000073,0 0 0 7px #0b0d10,inset 0 0 0 1px #ffffff1f}.is-phone .roles-screen:before{content:"";background:#0b0d10;border-radius:8px;width:70px;height:8px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.roles-screen-top{align-items:center;gap:var(--space-3);padding:0 4px 12px;font-size:.9rem;display:flex}.is-phone .roles-screen-top .day-dots{display:none}.roles-screen ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.roles-screen li{animation:v2-rise .5s cubic-bezier(.2, .8, .2, 1) calc(var(--i) * .12s + .15s) both;background:#ffffff0b;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 10px;padding:10px 12px;display:grid;box-shadow:inset 0 0 0 1px #ffffff12}.roles-screen li span{color:#aab3bd;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.roles-screen li strong{font-variant-numeric:tabular-nums;grid-row:2;font-size:.98rem}.roles-screen li em{background:color-mix(in srgb, var(--accent) 24%, transparent);color:color-mix(in srgb, var(--accent) 35%, #fff);white-space:nowrap;border-radius:999px;grid-area:1/2/span 2;padding:3px 10px;font-size:.75rem;font-style:normal;font-weight:700}@media (width>=768px){.roles-tabs{flex-wrap:wrap;justify-content:center;margin:0;padding:2px;overflow:visible}}@media (width>=900px){.roles-panel{margin-top:var(--space-6);grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,5vw,64px)}.roles-art{min-height:380px}}.ind{margin-top:clamp(32px,5vw,48px)}.ind-tabs{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ind-tab{min-height:var(--touch-target,44px);padding:var(--space-3) var(--space-2);border:1px solid var(--border-card);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);font-size:var(--font-size-sm);text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;gap:2px;font-weight:600;line-height:1.25;display:flex}.ind-tab .v2-industry-icon{width:44px;height:44px;margin-bottom:var(--space-2)}.ind-tab[data-hovered]{border-color:color-mix(in srgb, var(--color-brand) 40%, var(--border-card))}.ind-tab[data-selected]{border-color:var(--color-brand);box-shadow:inset 0 0 0 1px var(--color-brand)}.ind-tab[data-selected] .v2-industry-icon{background:var(--color-brand);color:var(--text-on-brand);transform:rotate(-6deg)scale(1.06)}.ind-tab[data-selected][data-focus-visible]{box-shadow:inset 0 0 0 1px var(--color-brand), var(--focus-ring)}.ind-panel{gap:var(--space-4);margin-top:var(--space-4);border:1px solid var(--border-card);border-radius:var(--radius-md);background:var(--bg-card);box-shadow:var(--bg-card-shadow);outline:none;padding:clamp(20px,4vw,40px);animation:.45s cubic-bezier(.2,.8,.2,1) v2-rise;display:grid}.ind-panel[data-focus-visible]{box-shadow:var(--focus-ring)}.ind-panel-icon{background:color-mix(in srgb, var(--color-brand) 10%, transparent);width:64px;height:64px;color:var(--text-primary);border-radius:18px;place-items:center;display:grid}.ind-panel-icon svg{width:32px;height:32px}.ind-panel h3{margin:0 0 var(--space-2);font-size:clamp(1.3rem,2.4vw,1.7rem)}.ind-panel-body>p{color:var(--text-secondary);margin:0;line-height:1.6}.ind-points{gap:var(--space-3);margin:var(--space-5) 0 0;padding:0;list-style:none;display:grid}.ind-points li{align-items:flex-start;gap:var(--space-2);line-height:1.45;display:flex}.ind-points svg{width:18px;height:18px;color:var(--color-success);flex:none;margin-top:2px}.ind-link{min-height:var(--touch-target,44px);margin-top:var(--space-4);color:var(--color-link);align-items:center;gap:6px;font-weight:700;text-decoration:none;display:inline-flex}.ind-link svg{width:18px;height:18px;transition:transform .2s}.ind-link:hover{color:var(--color-link-hover);text-decoration:underline}.ind-link:hover svg{transform:translate(3px)}@media (width>=640px){.ind-points{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=900px){.ind-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}.ind-panel{gap:var(--space-6);grid-template-columns:auto minmax(0,1fr)}}.chapters{display:none}@media (width>=1280px){.chapters{z-index:50;border:1px solid var(--border-card);background:color-mix(in srgb, var(--bg-card) 85%, transparent);box-shadow:var(--bg-card-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;padding:6px 0;display:block;position:fixed;top:50%;right:10px;transform:translateY(-50%)}.chapters ol{margin:0;padding:0;list-style:none;display:grid}.chapters a{outline:none;place-items:center;width:28px;height:26px;display:grid;position:relative}.chapters a:before{content:"";background:var(--text-secondary);opacity:.45;border-radius:50%;width:8px;height:8px;transition:transform .2s,opacity .2s,background .2s}.chapters a[aria-current]:before{background:var(--text-primary);opacity:1;transform:scale(1.4)}.chapters a:hover:before{opacity:1}.chapters a:focus-visible:before{box-shadow:var(--focus-ring);opacity:1}.chapters-name{border:1px solid var(--border-card);background:var(--bg-card);box-shadow:var(--bg-card-shadow);color:var(--text-primary);font-size:var(--font-size-sm);white-space:nowrap;opacity:0;pointer-events:none;border-radius:999px;padding:4px 10px;font-weight:600;transition:opacity .2s,transform .2s;position:absolute;top:50%;right:36px;transform:translate(6px,-50%)}.chapters a:hover .chapters-name,.chapters a:focus-visible .chapters-name{opacity:1;transform:translateY(-50%)}}@keyframes v2-sheen{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.v2-hero-em,.roles-panel,.roles-screen li,.ind-panel{animation:none}.pain-before s{text-decoration-color:currentColor;transition:none}.pain-after{opacity:1;transition:none;transform:none}.trace-col,.trace-col:before,.trace-node,.trace-result>span,.roles-tab,.ind-tab,.ind-link svg,.chapters a:before,.chapters-name{transition:none}}.acct-logos{gap:var(--space-3);max-width:960px;margin:var(--space-6) 0 0;grid-template-columns:repeat(2,1fr);padding:0;list-style:none;display:grid}.acct-logo{min-height:96px;padding:var(--space-4);border:1px solid var(--border-card);border-radius:var(--radius-md);box-shadow:var(--bg-card-shadow);background:#fff;place-items:center;transition:transform .2s,box-shadow .2s;display:grid}.acct-logo:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0000001a}.acct-logo span[role=img]{width:100%;max-width:168px;display:block}.acct-logo svg{width:100%;height:auto;font-family:inherit;display:block}.acct-more{box-shadow:none;color:var(--text-secondary);background:0 0;border-style:dashed;font-weight:600}.acct-more:hover{box-shadow:none;transform:none}@media (width>=768px){.acct-logos{grid-template-columns:repeat(4,1fr)}}@media (prefers-reduced-motion:reduce){.acct-logo{transition:none}.acct-logo:hover{transform:none}}.loop{--safe:var(--color-qa,#addd2a);--safe-text:var(--color-success);max-width:720px;margin:var(--space-6) auto 0}.loop-bar{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.loop-safety-pill{border:2px solid var(--safe);background:color-mix(in srgb, var(--safe) 18%, transparent);color:var(--text-primary);border-radius:999px;align-items:center;gap:8px;margin:0;padding:8px 16px;font-weight:700;display:inline-flex}.loop-safety-pill svg{width:20px;height:20px;color:var(--safe-text)}.loop-play{min-height:var(--touch-target,44px);border:1px solid var(--border-card);background:var(--bg-card);color:var(--text-primary);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-weight:600;display:inline-flex}.loop-play svg{width:16px;height:16px}.loop-play:focus-visible,.loop-node:focus-visible,.loop-link:focus-visible{box-shadow:var(--focus-ring);outline:none}.loop-ring,.loop-orbit,.loop-hub{display:none}.loop-steps{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid;position:relative}.loop-steps:before{background:var(--border-card);content:"";width:2px;position:absolute;top:22px;bottom:22px;left:33px}.loop-step{border-radius:var(--radius-md);border:1px solid #0000;transition:background-color .3s,border-color .3s;position:relative}.loop-step.is-on{border-color:color-mix(in srgb, var(--accent) 55%, var(--border-card));background:var(--bg-card);box-shadow:var(--bg-card-shadow)}.loop-node{align-items:center;gap:var(--space-3);width:100%;min-height:var(--touch-target,44px);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.loop-icon{border:2px solid var(--accent);background:var(--bg-card);width:44px;height:44px;color:var(--text-primary);border-radius:50%;flex:none;place-items:center;transition:background-color .3s,transform .3s,box-shadow .3s;display:grid;position:relative}.loop-icon svg{width:20px;height:20px}.loop-num{display:none}.loop-name{font-weight:700}.loop-step.is-on .loop-icon{background:var(--accent);color:#1b1f24;box-shadow:0 0 0 6px color-mix(in srgb, var(--accent) 25%, transparent)}.loop-inline{padding:0 var(--space-3) var(--space-3) calc(44px + var(--space-3) * 2)}.loop-inline .loop-detail{animation:.35s both loop-in}.loop-detail{gap:var(--space-2);display:grid}.loop-flow{color:var(--text-secondary);margin:0;line-height:1.45}.loop-check{border-left:4px solid var(--safe);background:color-mix(in srgb, var(--safe) 14%, transparent);color:var(--safe-text);border-radius:8px;align-items:flex-start;gap:8px;margin:0;padding:8px 12px;font-weight:700;line-height:1.35;display:flex}.loop-check svg{flex:none;width:18px;height:18px;margin-top:1px}.loop-link{color:var(--color-link);border-radius:4px;justify-self:start;align-items:center;gap:6px;font-weight:600;text-decoration:none;display:inline-flex}.loop-link:hover{text-decoration:underline}.loop-link svg{width:16px;height:16px}.loop-again{margin:var(--space-3) 0 0;color:var(--text-secondary);font-size:var(--font-size-sm);align-items:center;gap:8px;padding-left:22px;font-weight:600;display:flex}.loop-again svg{width:24px;height:24px;color:var(--color-primary);flex:none}@media (width>=1024px){.loop-stage{aspect-ratio:1;width:min(100%,680px);margin:0 auto 48px;position:relative}.loop-ring{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.loop-ring circle{fill:none;stroke:var(--border-card);stroke-width:.7px;stroke-dasharray:1.4 1.6;animation:6s linear infinite loop-flow}.loop-orbit{transform:rotate(var(--turn));pointer-events:none;transition:transform 1s cubic-bezier(.65,0,.35,1);display:block;position:absolute;inset:0}.loop-dot{background:var(--color-primary);width:16px;height:16px;box-shadow:0 0 0 5px color-mix(in srgb, var(--color-primary) 25%, transparent), 0 0 18px var(--color-primary);border-radius:50%;position:absolute;top:9%;left:50%;transform:translate(-50%,-50%)}.loop-steps{display:block;position:static}.loop-steps:before{display:none}.loop-step{top:var(--y);left:var(--x);border:0;width:128px;position:absolute;transform:translate(-50%,-28px)}.loop-step.is-on{box-shadow:none;background:0 0}.loop-node{text-align:center;background:0 0;flex-direction:column;gap:6px;padding:0}.loop-icon{width:56px;height:56px}.loop-icon svg{width:24px;height:24px}.loop-num{border:2px solid var(--bg-body);background:var(--text-primary);width:22px;height:22px;color:var(--bg-body);border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid;position:absolute;top:-6px;right:-6px}.loop-name{font-size:var(--font-size-sm);line-height:1.25}.loop-step:not(.is-on) .loop-name{color:var(--text-secondary)}.loop-step.is-on .loop-icon{transform:scale(1.12)}.loop-node:hover .loop-icon{transform:scale(1.08)}.loop-step.is-on .loop-node:hover .loop-icon{transform:scale(1.12)}.loop-inline,.loop-inline[hidden]{display:none}.loop-hub{gap:var(--space-2);width:300px;padding:var(--space-4) var(--space-5);border:2px solid var(--safe);background:linear-gradient(color-mix(in srgb, var(--safe) 10%, transparent), color-mix(in srgb, var(--safe) 10%, transparent)), var(--bg-card);box-shadow:0 0 0 8px color-mix(in srgb, var(--safe) 12%, transparent), 0 18px 40px #0000001f;border-radius:24px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loop-hub-label{color:var(--safe-text);font-size:var(--font-size-sm);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin:0;font-weight:800;display:inline-flex}.loop-hub-label svg{width:20px;height:20px}.loop-hub-step{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.loop-hub-title{border-left:4px solid var(--accent);margin:0;padding-left:10px;font-size:1.3rem;line-height:1.2;animation:.35s both loop-in}.loop-hub .loop-detail{animation:.35s 50ms both loop-in}.loop-hub .loop-flow{font-size:var(--font-size-sm)}.loop-again{justify-content:center;padding:0;position:absolute;bottom:-44px;left:0;right:0}}@keyframes loop-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes loop-flow{to{stroke-dashoffset:-12px}}@media (prefers-reduced-motion:reduce){.loop-ring circle,.loop-hub-title,.loop-detail{animation:none}.loop-orbit,.loop-step,.loop-icon{transition:none}}.roles-bar{align-items:stretch;gap:var(--space-3);flex-direction:column;display:flex}.roles-play{align-self:center}.roles-tab{position:relative;overflow:hidden}.roles-timer{background:var(--accent);transform-origin:0;height:3px;animation:roles-timer var(--role-ms,5s) linear forwards;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}@keyframes roles-timer{to{transform:scaleX(1)}}@media (width>=640px){.roles-bar{flex-flow:wrap;justify-content:center;align-items:center}}@media (prefers-reduced-motion:reduce){.roles-timer{display:none}}.mod-grid{gap:var(--space-3);margin:var(--space-6) 0 0;grid-template-columns:minmax(0,1fr);padding:0;list-style:none;display:grid}.mod-card{align-items:center;gap:var(--space-3);height:100%;min-height:72px;padding:var(--space-3) var(--space-4);border:1px solid var(--border-card);border-top:3px solid var(--accent);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative}.mod-card:focus-visible{box-shadow:var(--focus-ring);outline:none}.mod-icon{background:color-mix(in srgb, var(--accent) 18%, transparent);width:44px;height:44px;color:var(--text-primary);border-radius:12px;flex:none;place-items:center;display:grid}.mod-icon svg{width:22px;height:22px}.mod-text{gap:2px;min-width:0;display:grid}.mod-text strong{line-height:1.25}.mod-text span{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.35}.mod-go{width:18px;height:18px;color:var(--text-secondary);flex:none;margin-left:auto;transition:transform .2s}@media (hover:hover){.mod-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 10px 24px #00000014}.mod-card:hover .mod-go{color:var(--accent);transform:translate(3px)}}.mod-more{margin:var(--space-5) 0 0;text-align:center}.mod-more svg{width:18px;height:18px}@media (width>=640px){.mod-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1100px){.mod-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.mod-card{flex-direction:column;align-items:flex-start;min-height:150px}.mod-go{top:var(--space-3);right:var(--space-3);position:absolute}}.mods-hero{padding-bottom:var(--space-4)}.mods-hero h1{margin:var(--space-2) 0;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.15}.mods-nav{z-index:5;padding:var(--space-2) 0;border-bottom:1px solid var(--border-card);background:color-mix(in srgb, var(--bg-body) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:64px}.mods-nav ul{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;margin:0 auto;overflow-x:auto}.mods-nav ul::-webkit-scrollbar{display:none}.mods-nav a{white-space:nowrap}.mods-nav a[aria-current]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, var(--bg-card))}.mods-list{padding-top:var(--space-5)}.v2 .mods-list .module-row{scroll-margin-top:140px}@media (prefers-reduced-motion:reduce){.mod-card,.mod-go{transition:none}.mod-card:hover{transform:none}}.setup-progress-card{gap:var(--space-3);margin-bottom:var(--space-4);display:grid}.setup-progress-text{font-size:var(--font-size-lg);margin:0;font-weight:600}.setup-progress-track{background:var(--bg-row-hover);border-radius:4px;height:8px;overflow:hidden}.setup-progress-track>span{border-radius:inherit;background:var(--color-success);height:100%;transition:width .3s;display:block}.setup-climb-title{margin:var(--space-1) 0 0;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600}.setup-climb{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.setup-climb-step{background:var(--bg-row-hover);color:var(--text-secondary);font-size:var(--font-size-sm);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.setup-climb-step svg{width:14px;height:14px}.setup-climb-step.done{background:var(--bg-success);color:var(--color-success)}.setup-steps-card .muted{margin-bottom:var(--space-3)}.setup-group+.setup-group{margin-top:var(--space-5)}.setup-group-title{margin:0 0 var(--space-2);font-size:var(--font-size-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);font-weight:600}.setup-essential{margin-left:var(--space-2);border:1px solid var(--border-input);color:var(--text-secondary);vertical-align:middle;border-radius:999px;padding:0 6px;font-size:.6875rem;font-weight:600;display:inline-block}.setup-ready{align-items:center;gap:var(--space-2);margin:var(--space-2) 0 0;color:var(--text-secondary);font-size:var(--font-size-sm);display:flex}.setup-ready.is-ready{color:var(--color-success);font-weight:600}.setup-steps{margin:0;padding:0;list-style:none}.setup-step{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--border-card);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.setup-step-icon{width:20px;height:20px;color:var(--text-secondary)}.setup-step.status-done .setup-step-icon{color:var(--color-success)}.setup-step-text{gap:2px;display:grid}.setup-step-title{font-weight:600}.setup-step.status-skipped .setup-step-title,.setup-step.status-soon .setup-step-title{color:var(--text-secondary)}.setup-step-body{color:var(--text-secondary);font-size:var(--font-size-sm)}.setup-step-status{background:var(--bg-row-hover);color:var(--text-secondary);font-size:var(--font-size-sm);white-space:nowrap;border-radius:999px;padding:2px 10px;font-weight:600}.setup-step-status.status-done{background:var(--bg-success);color:var(--color-success)}.setup-step-status.status-todo{background:var(--bg-info);color:var(--color-info)}.setup-step-actions{gap:var(--space-2);flex-wrap:wrap;grid-column:2/-1;display:flex}.setup-step-actions:empty{display:none}.setup-step-actions .btn{min-height:var(--touch-target)}.link-as-button{color:var(--text-primary);align-items:center;gap:6px;text-decoration:none;display:inline-flex}@media (width>=600px){.setup-step{grid-template-columns:auto minmax(0,1fr) auto auto}.setup-step-actions,.setup-step-actions:empty{grid-column:auto;justify-content:flex-end;min-width:96px;display:flex}.setup-step-actions .btn{min-height:32px}}@media (prefers-reduced-motion:reduce){.setup-progress-track>span{transition:none}}.setup-home-card{gap:var(--space-3) var(--space-4);margin-bottom:var(--space-4);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.setup-home-icon{width:28px;height:28px;color:var(--color-primary)}.setup-home-text{gap:var(--space-2);display:grid}.setup-home-text p{margin:0}.setup-home-progress{font-weight:600}.setup-home-link{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-target);grid-column:1/-1;text-decoration:none;display:inline-flex}@media (width>=600px){.setup-home-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.setup-home-link{grid-column:auto}}.form-dialog-overlay{z-index:60;padding:var(--space-4);background:#00000073;place-items:center;display:grid;position:fixed;inset:0}.form-dialog-modal{width:min(560px,100%);max-height:calc(100dvh - 2 * var(--space-4));border:1px solid var(--border-card);border-radius:var(--radius-md);background:var(--bg-modal);border-top:4px solid var(--page-accent,var(--border-card));display:flex;box-shadow:0 12px 40px #00000040}.form-dialog-modal.wide{width:min(760px,100%)}.form-dialog-modal.xwide{width:min(1120px,100%)}.form-dialog{outline:none;flex-direction:column;width:100%;min-height:0;display:flex}.form-dialog-head{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-5);border-bottom:1px solid var(--border-card);display:flex}.form-dialog-title{font-size:var(--font-size-xl);margin:0}.form-dialog-body{padding:var(--space-5);overflow-y:auto}.form-dialog-body form{gap:var(--space-4);display:grid}.dialog-actions{gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border-card);flex-direction:column-reverse;display:flex}.dialog-actions .btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-target);display:inline-flex}@media (width<=599px){.form-dialog-overlay{padding:0}.form-dialog-modal,.form-dialog-modal.wide,.form-dialog-modal.xwide{border-radius:0;width:100%;height:100dvh;max-height:none}}@media (width>=600px){.dialog-actions{flex-direction:row;justify-content:flex-end}}.users-usage{margin:calc(-1 * var(--space-2)) 0 var(--space-3);color:var(--text-secondary);font-weight:600}.users-usage.at-limit{color:var(--color-warning)}.user-cell{display:grid}.user-name-line{align-items:center;gap:var(--space-2);flex-wrap:wrap;font-weight:600;display:inline-flex}.you-tag{background:var(--bg-info);color:var(--color-info);font-size:var(--font-size-sm);border-radius:999px;padding:0 8px}.user-meta{color:var(--text-secondary);font-size:var(--font-size-sm)}.status-cell{justify-items:start;gap:2px;display:inline-grid}.two-step{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.two-step svg{width:16px;height:16px}.two-step.on{color:var(--color-success)}.two-step.off{color:var(--color-warning)}.dialog-stack{gap:var(--space-4);display:grid}.dialog-text{color:var(--text-secondary);margin:0}.site-choices{margin:calc(-1 * var(--space-2)) 0 0;padding:0 0 0 var(--space-6);border:0}.access-grid{border:0;gap:2px;margin:0;padding:0;display:grid}.access-grid legend{margin-bottom:4px;padding:0}.access-grid .field-description{margin:0 0 var(--space-2)}.access-row{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-2) 0;border-top:1px solid var(--border-card);flex-wrap:wrap;display:flex}.access-module{font-weight:500}.access-levels{border:1px solid var(--border-card);border-radius:var(--radius-md);gap:2px;padding:3px;display:inline-flex}.access-level{min-height:34px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;align-items:center;font-weight:500;display:inline-flex;position:relative}.access-level[data-selected].level-none{background:var(--bg-row-hover);color:var(--text-primary)}.access-level[data-selected].level-view{background:var(--bg-info);color:var(--color-info)}.access-level[data-selected].level-edit{background:var(--bg-success);color:var(--color-success)}.access-level[data-focus-visible]{box-shadow:var(--focus-ring)}@media (pointer:coarse){.access-level{min-height:var(--touch-target)}}.role-cards{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.role-card{gap:var(--space-2);display:grid}.role-head{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.role-users{color:var(--text-secondary);font-size:var(--font-size-sm);margin-left:auto;font-weight:600}.built-in-tag{background:var(--bg-row-hover);color:var(--text-secondary);font-size:var(--font-size-sm);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-weight:600;display:inline-flex}.built-in-tag svg{width:12px;height:12px}.access-chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.access-chip{font-size:var(--font-size-sm);border-radius:999px;padding:2px 10px}.access-chip.level-view{background:var(--bg-info);color:var(--color-info)}.access-chip.level-edit{background:var(--bg-success);color:var(--color-success)}.role-actions{align-items:center;gap:var(--space-2);padding-top:var(--space-2);flex-wrap:wrap;display:flex}@media (width>=1200px){.role-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.invite-note{color:var(--color-info)}.invite-note.expired{color:var(--color-warning)}.radio-text{padding:var(--space-1) 0;gap:2px;display:grid}.password-reveal{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-warning);border-radius:var(--radius-md);background:var(--bg-warning);display:flex}.password-reveal-icon{width:24px;height:24px;color:var(--color-warning);flex:none}.password-reveal-body{gap:var(--space-3);min-width:0;display:grid}.password-reveal-body h3,.password-reveal-body p{margin:0}.password-reveal-title:focus{outline:none}.password-reveal-value{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.password-reveal-value code{padding:var(--space-2) var(--space-3);border:1px solid var(--border-input);border-radius:var(--radius-sm);background:var(--bg-input);font-family:var(--mono-font);font-size:var(--font-size-lg);letter-spacing:.05em;word-break:break-all;-webkit-user-select:all;user-select:all}.signature-pad{gap:var(--space-2);justify-items:start;width:100%;max-width:420px;display:grid;position:relative}.signature-canvas{border:1px dashed var(--border-input);border-radius:var(--radius-md);touch-action:none;cursor:crosshair;background:#fff;width:100%;max-width:420px;height:140px}.signature-hint{color:#6b7280;width:100%;max-width:420px;font-size:var(--font-size-sm);text-align:center;pointer-events:none;position:absolute;top:58px;left:0}.settings-layout{gap:var(--space-4);align-items:start;display:grid}.settings-jump{display:none}.settings-sections{gap:var(--space-4);min-width:0;display:grid}.settings-fieldset{gap:var(--space-4);border:0;min-width:0;margin:0;padding:0;display:grid}.settings-section{scroll-margin-top:72px}.settings-section-title{margin:0 0 var(--space-4);font-size:var(--font-size-lg)}.settings-grid{gap:var(--space-4);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.settings-subhead{margin:var(--space-2) 0 calc(var(--space-2) * -1);font-size:var(--font-size-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);font-weight:600}.settings-checks{gap:0 var(--space-5);border:0;flex-wrap:wrap;margin:0;padding:0;display:flex}.settings-checks legend{margin-bottom:var(--space-2)}.settings-switches{gap:var(--space-2);display:grid}.settings-readonly{gap:4px;margin:0;font-weight:500;display:grid}.logo-tile{gap:var(--space-2);justify-items:start;display:grid}.logo-preview{width:220px;max-width:100%;height:110px;padding:var(--space-2);border:1px solid var(--border-card);border-radius:var(--radius-md);background:repeating-conic-gradient(var(--bg-row-hover) 0 25%, var(--bg-card) 0 50%) 0 0 / 16px 16px;place-items:center;display:grid}.signature-preview{background:#fff;width:420px;height:140px}.logo-preview{overflow:hidden}.logo-preview img{object-fit:contain;width:100%;height:100%;min-height:0;display:block}.logo-empty{color:var(--text-secondary);font-size:var(--font-size-sm)}.logo-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.save-bar{bottom:var(--space-3);z-index:5;justify-content:flex-end;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--bg-card);flex-wrap:wrap;display:flex;position:sticky;box-shadow:0 8px 24px #0000002e}.save-bar>span{margin-right:auto;font-weight:600}@media (width>=720px){.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid .span-2{grid-column:1/-1}}@media (width>=1100px){.settings-layout{grid-template-columns:200px minmax(0,1fr)}.settings-jump{display:block;position:sticky;top:80px}.settings-jump ul{margin:0;padding:0;list-style:none}.settings-jump a{padding:6px var(--space-3);border-left:2px solid var(--border-card);color:var(--text-secondary);text-decoration:none;display:block}.settings-jump a:hover,.settings-jump a:focus-visible{border-left-color:var(--color-primary);color:var(--text-primary)}}.filter-bar{align-items:flex-end;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.filter-bar .list-search{flex:240px;max-width:360px}.filter-bar-actions{gap:var(--space-2);display:flex}.filter-bar-search,.filter-bar-clear{min-height:var(--control-height)}.filter-bar-search.is-pending{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 35%, transparent)}@media (width<=599px){.filter-bar>*{flex:100%;max-width:none}.filter-bar .list-search{max-width:none}.filter-bar-actions>*{flex:1}}@media (prefers-reduced-motion:no-preference){.filter-bar-search{transition:box-shadow .2s}}.list-toolbar>.filter-bar{flex:420px;margin-bottom:0}.price-grid-section{margin-top:var(--space-5)}.section-heading{margin:0 0 var(--space-3);font-size:var(--font-size-lg)}.grid-category{width:220px}.price-grid-wrap{overflow-x:auto}.price-grid th,.price-grid td{white-space:nowrap}.price-grid .sticky-col{z-index:1;background:var(--bg-card);text-align:left;position:sticky;left:0}.product-code,.tier-head-note{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:400;display:block}.price-cell-btn{min-height:var(--control-height);padding:2px var(--space-2);border-radius:var(--radius-sm);color:inherit;font:inherit;text-align:right;cursor:pointer;background:0 0;border:1px solid #0000}.price-cell-btn[data-hovered]{border-color:var(--border-input);background:var(--bg-row-hover)}.price-cell{justify-items:end;display:inline-grid}.price-source{color:var(--text-secondary);font-size:var(--font-size-sm)}.price-cell.is-generic .num{color:var(--text-secondary)}.price-cell.is-changed{padding-right:var(--space-2);border-right:3px solid var(--color-warning)}.price-cell.is-changed .price-source:after{content:" •";color:var(--color-warning)}.cell-popover{width:min(320px,100vw - 32px)}.cell-editor{gap:var(--space-3);padding:var(--space-3);display:grid}.cell-editor-title,.cell-editor-price{margin:0}.tier-form{gap:var(--space-4);display:grid}.tier-form .schedule-fields{align-items:start}.tier-customers{gap:var(--space-2);margin:0 0 var(--space-3);padding-left:var(--space-4);display:grid}.cell-line{display:block}.status-warning{background:var(--bg-warning);color:var(--color-warning)}.hold-notice{align-items:center;gap:var(--space-2);margin:0 0 var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--bg-warning);color:var(--color-warning);font-weight:600;display:flex}.hold-notice svg{width:18px;height:18px}.contact-row,.address-block{gap:var(--space-3);display:grid}.contact-fields{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.address-block{padding-top:var(--space-3);border-top:1px solid var(--border-card)}.address-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.address-default{text-transform:none;letter-spacing:0;font-weight:400}.terms-row{gap:var(--space-3);grid-template-columns:160px minmax(0,1fr);align-items:start;display:grid}.day-picker{border:0;margin:0;padding:0}.day-chips{gap:var(--space-1) var(--space-4);flex-wrap:wrap;display:flex}@media (width<=719px){.contact-fields,.terms-row{grid-template-columns:minmax(0,1fr)}}.pay-lines{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.pay-lines li{align-items:start;gap:2px var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--border-card);border-radius:var(--radius-md);grid-template-columns:1fr 150px;display:grid}.pay-what{display:grid}.pay-sub,.pay-part{color:var(--text-secondary);font-size:.8rem}.pay-part{color:var(--color-warning);grid-column:2;font-weight:600}.pay-amount{margin:0}.pay-amount .form-label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.pay-amount .form-input{text-align:right;font-variant-numeric:tabular-nums}.pay-fields{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.pay-duplicate{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-2) var(--space-3);border-left:3px solid var(--color-warning);border-radius:var(--radius-sm);background:var(--bg-warning);flex-wrap:wrap;display:flex}.pay-duplicate p{flex:1;margin:0}.pay-status{align-items:center;gap:var(--space-2) var(--space-4);margin:0 0 var(--space-3);flex-wrap:wrap;display:flex}.pay-pill{border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.pay-pill svg{width:14px;height:14px}.pay-pill.is-PAID{background:var(--bg-success);color:var(--color-success)}.pay-pill.is-PART{background:var(--bg-warning);color:var(--color-warning)}.pay-pill.is-OVERDUE{background:var(--bg-danger);color:var(--color-danger)}.pay-pill.is-UNPAID{background:var(--bg-row-hover);color:var(--text-secondary)}.pay-bar{flex:1;min-width:200px;max-width:420px}.pay-bar-track{background:var(--bg-row-hover);border-radius:999px;height:8px;overflow:hidden}.pay-bar-fill{background:var(--color-success);border-radius:999px;height:100%}.pay-bar-text{color:var(--text-secondary);margin-top:2px;font-size:.8rem}.pay-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.pay-list li{align-items:center;gap:var(--space-1) var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--border-card);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.pay-list li.is-reversal,.pay-list li.is-reversed{opacity:.65}.pay-list .pay-amt{font-variant-numeric:tabular-nums;font-weight:700}.pay-list .btn{margin-left:auto}.pay-source{background:var(--bg-info);color:var(--color-info);border-radius:999px;padding:1px 8px;font-size:.72rem;font-weight:700}.audit-card{--tone-created:#1f7a33;--tone-updated:#1d5fae;--tone-deleted:#b42323;--tone-status:#8a2fa3;--tone-finalized:#0b7a5b;--tone-placed:#3b4fc4;--tone-other:#5f6670;border-left:3px solid var(--audit-accent);padding:0;display:grid;overflow:hidden}.audit-card-toggle{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;min-height:var(--touch-target);padding:var(--space-3) var(--space-4);color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.audit-card-toggle[data-hovered]{background:color-mix(in srgb, var(--audit-accent) 6%, transparent)}.audit-card-toggle[data-focus-visible]{box-shadow:inset var(--focus-ring);outline:none}.audit-card-title{letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.85rem;font-weight:700}.audit-card-chevron{width:18px;height:18px;color:var(--text-secondary);transition:transform .2s}.audit-card-chevron.is-open{transform:rotate(180deg)}.audit-summary{gap:var(--space-3) var(--space-5);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-card);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:0;display:grid}.audit-summary dt{color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px;font-size:.7rem;font-weight:700}.audit-summary dd{margin:0;font-weight:700}.audit-card-body{padding:var(--space-4);border-top:1px solid var(--border-card)}.audit-empty{color:var(--text-secondary);margin:0}.audit-timeline{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.audit-item{gap:var(--space-3);padding-bottom:var(--space-4);display:flex}.audit-item:last-child{padding-bottom:0}.audit-rail{flex-direction:column;flex:none;align-items:center;width:28px;display:flex}.audit-dot{color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.audit-dot svg{width:14px;height:14px}.audit-line{background:var(--border-card);flex:1;width:2px;min-height:12px;margin-top:4px}.tone-created{background:var(--tone-created)}.tone-updated{background:var(--tone-updated)}.tone-deleted{background:var(--tone-deleted)}.tone-status{background:var(--tone-status)}.tone-finalized{background:var(--tone-finalized)}.tone-placed{background:var(--tone-placed)}.tone-other{background:var(--tone-other)}.audit-content{flex:1;gap:4px;min-width:0;padding-top:3px;display:grid}.audit-headline{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:0;display:flex}.audit-badge{border-radius:var(--radius-sm);color:#fff;letter-spacing:.05em;text-transform:uppercase;padding:2px 8px;font-size:.7rem;font-weight:700}.audit-summary-text{overflow-wrap:anywhere;font-weight:600}.audit-meta{color:var(--text-secondary);font-size:var(--font-size-sm);flex-wrap:wrap;gap:6px;margin:0;display:flex}.audit-who{color:var(--text-primary);font-weight:600}.audit-details-toggle{min-height:28px;color:var(--color-link);font:inherit;font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:4px;padding:0;font-weight:600;display:inline-flex}.audit-details-toggle[data-hovered]{text-decoration:underline}.audit-details-toggle[data-focus-visible]{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}.audit-details-icon{width:14px;height:14px;transition:transform .15s}.audit-details-icon.is-open{transform:rotate(90deg)}.audit-details{padding:var(--space-3);border-radius:var(--radius-md);background:var(--bg-row-hover);font-size:var(--font-size-sm);gap:6px;display:grid}.audit-change{gap:var(--space-3);grid-template-columns:minmax(120px,30%) minmax(0,1fr);display:grid}.audit-change-field{color:var(--text-secondary);font-weight:600}.audit-change-values{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:inline-flex}.audit-change-old{color:var(--text-secondary);overflow-wrap:anywhere;text-decoration:line-through}.audit-change-new{overflow-wrap:anywhere;font-weight:600}.audit-change-arrow{width:14px;height:14px;color:var(--text-secondary);flex:none}.audit-notes{padding-left:var(--space-4);gap:4px;margin:0;display:grid}@media (width<=599px){.audit-change{grid-template-columns:minmax(0,1fr);gap:2px}}@media (prefers-reduced-motion:reduce){.audit-card-chevron,.audit-details-icon{transition:none}}.compose{gap:var(--space-3);min-width:0;display:grid}.compose>.field-description{margin:0}.compose-step{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);display:flex}.compose-mail{border:1px solid var(--border-card);border-radius:var(--radius-md);background:var(--bg-row-hover);overflow:hidden}.compose-envelope{align-items:baseline;gap:var(--space-2) var(--space-4);padding:var(--space-4);border-bottom:1px solid var(--border-card);background:var(--bg-card);grid-template-columns:auto minmax(0,1fr);margin:0;display:grid}.compose-envelope dt{color:var(--text-secondary)}.compose-envelope dd{overflow-wrap:anywhere;min-width:0;margin:0}.compose-to{align-items:baseline;gap:var(--space-1) var(--space-3);flex-wrap:wrap;display:flex}.compose-change{font-size:var(--font-size-sm)}.compose-recipients{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-card);border-radius:var(--radius-md);background:var(--bg-row-hover);grid-column:1/-1;display:grid}.compose-subject{font-weight:600}.compose-missing{color:var(--text-secondary);font-style:italic;font-weight:400}.compose-problem{margin:var(--space-3) var(--space-4) 0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--bg-warning);color:var(--color-warning);font-weight:600}.compose-text{margin:var(--space-2);padding:var(--space-3);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.compose-editable{border-radius:var(--radius-md);outline-offset:2px;cursor:text;outline:1px dashed #0000;transition:outline-color .12s,background-color .12s;position:relative}.compose-subject-line.compose-editable{margin:-4px -6px;padding:4px 28px 4px 6px}.compose-text.compose-editable{padding-right:36px}.compose-editable:hover,.compose-editable:focus-visible{outline-color:var(--border-input);background:color-mix(in srgb, var(--color-info) 5%, transparent)}.compose-editable:focus-visible{outline:2px solid var(--color-info)}.compose-pen{width:16px;height:16px;color:var(--text-secondary);opacity:0;transition:opacity .12s;position:absolute;top:8px;right:8px}.compose-editable:hover .compose-pen,.compose-editable:focus-visible .compose-pen{opacity:1}@media (hover:none){.compose-pen{opacity:.7}}.compose-editing{gap:var(--space-2);display:grid}.compose-body-edit{margin:var(--space-2)}.compose-body{resize:vertical;min-height:200px;font-family:inherit;line-height:1.6}.compose-body-error{margin:0 var(--space-4) var(--space-2)}.compose-fields{gap:var(--space-2);display:grid}.compose-fields .field-description{margin:0}.compose-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.compose-chip{min-height:32px;padding:var(--space-1) var(--space-3);border:1px dashed var(--border-input);background:var(--bg-card);color:var(--text-primary);font:inherit;font-size:var(--font-size-sm);cursor:pointer;border-radius:999px}.compose-chip:hover{background:var(--bg-row-hover)}.compose-chip:focus-visible{box-shadow:var(--focus-ring);outline:none}.compose-attachments{align-items:center;gap:var(--space-2);padding:0 var(--space-4) var(--space-4);flex-wrap:wrap;margin:0;list-style:none;display:flex}.compose-attachment{align-items:center;gap:var(--space-2);min-height:34px;padding:0 var(--space-3);border:1px solid var(--border-card);border-radius:var(--radius-md);background:var(--bg-card);font-size:var(--font-size-sm);display:inline-flex}.compose-attachment svg{flex:none;width:14px;height:14px}.compose-attachment-size{color:var(--text-secondary)}.compose-chip-menu,.compose-chip-remove{border:0;border-left:1px solid var(--border-card);border-radius:0 var(--radius-sm) var(--radius-sm) 0;min-height:26px;color:var(--color-link);font:inherit;cursor:pointer;background:0 0;align-items:center;gap:2px;margin-right:-6px;padding:0 6px;font-weight:600;display:inline-flex}.compose-chip-remove{color:var(--text-secondary)}.compose-chip-menu[data-hovered],.compose-chip-remove[data-hovered]{background:var(--bg-row-hover)}.compose-chip-menu[data-focus-visible],.compose-chip-remove[data-focus-visible]{box-shadow:var(--focus-ring);outline:none}.compose-add-file{align-items:center;gap:var(--space-1);min-height:34px;padding:0 var(--space-3);border:1px dashed var(--border-input);border-radius:var(--radius-md);color:var(--color-link);font:inherit;font-size:var(--font-size-sm);cursor:pointer;background:0 0;font-weight:600;display:inline-flex}.compose-add-file svg{width:14px;height:14px}.compose-add-file[data-hovered]{background:var(--bg-card)}.compose-add-file[data-focus-visible]{box-shadow:var(--focus-ring);outline:none}.compose-foot{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}@media (width<=599px){.compose-envelope{gap:0 var(--space-3);grid-template-columns:minmax(0,1fr)}.compose-envelope dt{margin-top:var(--space-2);font-size:var(--font-size-sm)}.compose-envelope dt:first-child{margin-top:0}}.journey{margin:0 0 var(--space-3);overflow-x:auto}.journey ol{gap:2px;margin:0;padding:0;list-style:none;display:flex}.journey-step{flex:1 0 auto}.journey-link{min-height:var(--touch-target);border:1px solid var(--border-card);background:var(--bg-card);color:var(--text-primary);white-space:nowrap;border-bottom-width:3px;grid-template-columns:auto 1fr;align-items:center;gap:0 6px;padding:6px 12px;text-decoration:none;display:grid}.journey-step:first-child .journey-link{border-radius:var(--radius-md) 0 0 var(--radius-md)}.journey-step:last-child .journey-link{border-radius:0 var(--radius-md) var(--radius-md) 0}a.journey-link:hover{background:var(--bg-row-hover);text-decoration:none}a.journey-link:focus-visible{box-shadow:var(--focus-ring);outline:none}.journey-icon{grid-row:span 2;width:16px;height:16px}.journey-label{font-size:.85rem;font-weight:700}.journey-note{color:var(--text-secondary);font-size:.72rem}.journey-step.is-done .journey-link{border-bottom-color:var(--color-success)}.journey-step.is-done .journey-icon{color:var(--color-success)}.journey-step.is-partly .journey-link{border-bottom-color:var(--color-warning)}.journey-step.is-partly .journey-icon{color:var(--color-warning)}.journey-step.is-todo .journey-icon{color:var(--text-secondary)}.journey-step.is-off .journey-link{opacity:.55}.journey-step.is-active .journey-link{background:color-mix(in srgb, var(--page-accent,var(--color-purchasing)) 12%, var(--bg-card));box-shadow:inset 0 0 0 1px var(--page-accent,var(--color-purchasing))}.next-step{align-items:center;gap:var(--space-2) var(--space-3);margin:0 0 var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-card);border-left:4px solid var(--text-secondary);border-radius:var(--radius-md);background:var(--bg-card);flex-wrap:wrap;display:flex}.next-step-icon{width:20px;height:20px;color:var(--text-secondary);flex:none}.next-step-text{flex:16rem;min-width:0}.next-step-sentence{margin:0;font-weight:600}.next-step-sub{color:var(--text-secondary);margin:2px 0 0;font-size:.85rem}.next-step-actions{gap:var(--space-2);flex-wrap:wrap;margin-left:auto;display:flex}.next-step-actions .btn{align-items:center;gap:6px;text-decoration:none;display:inline-flex}.next-step-actions a.btn:not(.btn-primary){color:var(--text-primary)}.next-step.is-attention{border-left-color:var(--color-warning);background:var(--bg-warning)}.next-step.is-attention .next-step-icon{color:var(--color-warning)}.next-step.is-overdue{border-left-color:var(--color-danger);background:var(--bg-danger)}.next-step.is-overdue .next-step-icon{color:var(--color-danger)}.next-step.is-done{border-left-color:var(--color-success);background:var(--bg-success)}.next-step.is-done .next-step-icon{color:var(--color-success)}.next-step.is-off{opacity:.8}@media (width<=600px){.next-step-actions{width:100%;margin-left:0}.next-step-actions .btn{min-height:var(--touch-target);flex:auto;justify-content:center}}.po-page #receive,.po-page #check,.po-page #files,.po-page #history{scroll-margin-top:calc(56px + var(--space-3))}.po-extras{border-left:3px solid var(--extras-accent);padding:0;scroll-margin-top:80px;display:grid;overflow:hidden}.po-extras:focus{outline:none}.po-extras-head{justify-content:space-between;align-items:baseline;gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.po-extras-title{letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.85rem;font-weight:700}.po-extras-counts{color:var(--text-secondary);margin:0;font-size:.85rem}.po-extras-body{border-top:1px solid var(--border-card);display:grid}.po-extras-panel{align-content:start;gap:var(--space-3);min-width:0;padding:var(--space-4);display:grid}.po-extras-panel+.po-extras-panel{border-top:1px solid var(--border-card)}@media (width>=900px){.po-extras-body{grid-template-columns:1fr 1fr}.po-extras-panel+.po-extras-panel{border-top:0;border-left:1px solid var(--border-card)}}.po-extras-subtitle{color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:700}.po-extras-hint{color:var(--text-secondary);margin:0;font-size:.75rem}.po-extras-empty{color:var(--text-secondary);margin:0;font-size:.875rem}.po-extras-meta{color:var(--text-secondary);flex-wrap:wrap;gap:0 6px;margin:2px 0 0;font-size:.75rem;display:flex}.po-note-form{gap:var(--space-2);display:grid}.po-note-actions{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.po-note-list,.po-file-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.po-note{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border-card);border-radius:var(--radius-md);background:color-mix(in srgb, var(--extras-accent) 4%, var(--bg-card));display:flex}.po-note-main{flex:1;min-width:0}.po-note-topic{margin:0 0 2px;font-weight:700}.po-note-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.po-dropzone{justify-items:center;gap:var(--space-2);padding:var(--space-4);border:2px dashed var(--border-input);border-radius:var(--radius-md);text-align:center;transition:border-color .15s,background-color .15s;display:grid}.po-dropzone[data-drop-target]{border-color:var(--extras-accent);background:color-mix(in srgb, var(--extras-accent) 8%, transparent)}.po-dropzone[data-focus-visible]{box-shadow:var(--focus-ring);outline:none}.po-dropzone[data-disabled]{opacity:.7}.po-dropzone-icon{width:22px;height:22px;color:var(--extras-accent)}.po-dropzone-text{margin:0;font-weight:600}.po-dropzone-actions{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.po-file-problems{padding:var(--space-2) var(--space-3) var(--space-2) var(--space-6);border-radius:var(--radius-sm);background:var(--bg-danger);color:var(--color-danger);margin:0;font-size:.85rem}.po-file{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-card);border-radius:var(--radius-md);display:flex}.po-file-icon{width:20px;height:20px;color:var(--text-secondary);flex:none}.po-file-main{flex:1;min-width:0}.po-file-name{max-width:100%;color:var(--color-link);font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;display:block;overflow:hidden}.po-file-name[data-hovered]{color:var(--color-link-hover);text-decoration:underline}.po-file-name[data-focus-visible]{border-radius:var(--radius-sm);box-shadow:var(--focus-ring);outline:none}.po-extras-icon-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:inline-grid}.po-extras-icon-btn svg{width:16px;height:16px}.po-extras-icon-btn[data-hovered]{background:var(--bg-row-hover);color:var(--text-primary)}.po-extras-icon-btn.is-danger[data-hovered]{background:var(--bg-danger);color:var(--color-danger)}.po-extras-icon-btn[data-focus-visible]{box-shadow:var(--focus-ring);outline:none}@media (width<=760px){.po-extras-icon-btn{width:var(--touch-target);height:var(--touch-target)}}@media (pointer:coarse){.po-note-actions .po-extras-hint{display:none}.po-note-actions{justify-content:flex-end}}.po-doc-form{gap:var(--space-4);display:grid}.po-doc-recipients{gap:var(--space-1);border:0;margin:0;padding:0;display:grid}.po-doc-recipients legend{margin-bottom:var(--space-2)}.po-doc-attachment{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--bg-row-hover);color:var(--text-secondary);font-size:var(--font-size-sm);justify-self:start;margin:0;display:inline-flex}.po-doc-attachment svg{width:16px;height:16px}.po-doc-actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.po-doc-actions .btn:first-child{margin-right:auto}.po-emailed{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--bg-success);color:var(--color-success);flex-wrap:wrap;margin:0;font-weight:600;display:flex}.po-emailed.is-stale{background:var(--bg-warning);color:var(--color-warning)}.po-emailed svg{width:18px;height:18px}.po-emailed .btn{margin-left:auto}@media (width<=599px){.po-doc-actions .btn{flex:auto}.po-doc-actions .btn:first-child{flex-basis:100%;margin-right:0}}.po-page{gap:var(--space-4);display:grid}.po-form{gap:var(--space-4);min-width:0;display:grid}.po-status-row{align-items:center;gap:var(--space-2) var(--space-3);margin-top:calc(var(--space-2) * -1);flex-wrap:wrap;display:flex}.po-meta{color:var(--text-secondary);font-size:var(--font-size-sm)}.po-keys{margin-left:auto}.po-badge{background:var(--bg-row-hover);color:var(--text-primary);font-size:var(--font-size-sm);white-space:nowrap;border-radius:999px;align-items:center;padding:2px 10px;font-weight:600;display:inline-flex}.po-badge-new,.po-badge-draft{background:var(--bg-row-hover);color:var(--text-secondary)}.po-badge-awaiting_approval,.po-badge-changed,.po-badge-hold{background:var(--bg-warning);color:var(--color-warning)}.po-badge-ordered,.po-badge-preferred{background:var(--bg-info);color:var(--color-info)}.po-badge-complete{background:var(--bg-success);color:var(--color-success)}.po-badge-deleted{background:var(--bg-danger);color:var(--color-danger)}.po-page .hold-notice,.po-page .inline-notice{margin:0}.po-supplier-note{padding:var(--space-2) var(--space-3);border-left:3px solid var(--color-info);border-radius:var(--radius-md);background:var(--bg-info);margin:0}.po-card{gap:var(--space-4);min-width:0;display:grid}.po-card-head{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.po-card-head .settings-section-title,.po-card>.settings-section-title,.po-totals>.settings-section-title{margin:0}.po-head-grid,.po-grid{gap:var(--space-4);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.po-head .po-combo .form-input{font-size:var(--font-size-lg);font-weight:600}.po-terms{gap:var(--space-3);grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);display:grid}.po-details{border-top:1px solid var(--border-card);padding-top:var(--space-2)}.po-details>summary{align-items:center;gap:var(--space-1) var(--space-3);min-height:var(--touch-target);border-radius:var(--radius-md);cursor:pointer;flex-wrap:wrap;font-weight:600;list-style:none;display:flex}.po-details>summary::-webkit-details-marker{display:none}.po-details>summary svg{width:18px;height:18px;margin-left:auto;transition:transform .2s}.po-details[open]>summary svg{transform:rotate(180deg)}.po-details-summary{color:var(--text-secondary);font-weight:400;font-size:var(--font-size-sm)}.po-details[open]>.po-grid{margin-top:var(--space-3)}.po-combo{align-items:center;display:flex;position:relative}.po-combo .form-input{width:100%;padding-right:40px}.po-combo-button{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid;position:absolute;right:4px}.po-combo-button svg{width:18px;height:18px}.po-option,.po-product-option{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.po-product-name{align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.po-product-cost{color:var(--text-secondary);white-space:nowrap}.po-product-popover{min-width:min(480px,92vw)}.po-empty{color:var(--text-secondary);margin:0}.po-lines-wrap{margin:0 calc(var(--space-3) * -1);overflow-x:auto}.po-lines{min-width:1080px}.po-lines th,.po-lines td{vertical-align:top;padding:6px 4px}.po-lines th:first-child,.po-lines td:first-child{padding-left:var(--space-3)}.po-lines .num-col{text-align:right}.po-lines tbody tr:hover{background:0 0}.po-lines tbody tr:focus-within{background:var(--bg-row-hover)}.po-col-n{width:40px;color:var(--text-secondary);font-size:var(--font-size-sm);text-align:right;padding-top:14px!important}.po-col-n svg{width:16px;height:16px}.po-col-product{width:24%}.po-col-desc{width:16%}.po-col-comment{width:14%}.po-cell-input,.po-cell-select,.po-cell-product{width:100%;min-height:38px;padding:6px 8px}.po-cell-input.num{text-align:right;min-width:72px}.po-cell-select{min-width:92px}.po-cell-product{font-weight:600}.po-product-cell{display:block}.po-cell-error{text-align:left;white-space:normal;margin-top:2px;display:block}.po-lines td.num-col>strong{padding-top:9px;display:inline-block}.po-ready .po-cell-product{border-style:dashed;font-weight:400}.po-ready .po-cell-product:focus{border-style:solid}.po-ready .po-cell-input:disabled,.po-ready .po-cell-select:disabled{visibility:hidden}.po-form input,.po-form select,.po-form button,.po-form summary{scroll-margin-top:96px;scroll-margin-bottom:120px}.po-line-name{padding-top:9px;font-weight:600;display:inline-block}.po-line-flags{gap:4px var(--space-2);flex-wrap:wrap;margin-top:4px;display:flex}.po-line-flags:empty{display:none}.po-flag{color:var(--text-secondary);font-size:var(--font-size-sm)}.po-flag.is-warning{color:var(--color-warning);font-weight:600}.po-lines .row-actions{width:44px}.po-charge{gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-card);grid-template-columns:minmax(0,1fr);align-items:end;display:grid}.po-charge-remove{justify-self:end}.po-bottom{gap:var(--space-4);align-items:start;display:grid}.po-notes,.po-totals-controls{gap:var(--space-4);display:grid}.po-totals{gap:var(--space-3);display:grid}.po-totals dl{gap:var(--space-2);margin:0;display:grid}.po-totals dl>div{justify-content:space-between;gap:var(--space-3);display:flex}.po-totals dt{color:var(--text-secondary)}.po-totals dd{margin:0;font-weight:600}.po-totals-note dt,.po-totals-note dd{font-size:var(--font-size-sm);font-weight:400}.po-grand{padding-top:var(--space-2);border-top:1px solid var(--border-card);font-size:var(--font-size-lg)}.po-grand dt{color:var(--text-primary);font-weight:700}.po-grand dd{font-weight:700}.po-totals-basis{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.po-tax-toggle{border:1px solid var(--border-input);background:var(--bg-input);border-radius:999px;padding:3px;display:inline-flex}.po-toggle{min-height:36px;padding:0 var(--space-3);color:var(--text-secondary);font:inherit;font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:0;border-radius:999px;font-weight:600}.po-toggle[data-selected]{background:var(--color-primary);color:var(--text-on-brand)}.po-toggle[data-focus-visible]{box-shadow:var(--focus-ring)}.po-save-total{align-items:baseline;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:inline-flex}.po-save-total strong{font-size:var(--font-size-lg)}.po-kbd{border:1px solid var(--border-card);color:var(--text-secondary);font-family:inherit;font-size:var(--font-size-sm);border-radius:4px;padding:1px 6px}@media (width>=600px){.po-head-grid,.po-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.po-head-supplier,.po-span-2{grid-column:1/-1}.po-charge{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) auto}.po-notes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1100px){.po-head-grid,.po-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.po-head-supplier{grid-column:span 2}.po-bottom{grid-template-columns:minmax(0,1fr) 360px}.po-notes{grid-template-columns:minmax(0,1fr)}}@media (width<=599px){.po-keys,.po-kbd{display:none}.po-lines-wrap{margin:0;overflow:visible}.po-lines{min-width:0}.po-lines thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.po-lines,.po-lines tbody,.po-lines td{display:block}.po-lines tr.po-line{gap:var(--space-2) var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--border-card);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.po-lines td,.po-lines td:first-child{border:0;width:auto;padding:0}.po-lines td[data-label]:before{content:attr(data-label);color:var(--text-secondary);font-size:var(--font-size-sm);text-align:left;margin-bottom:2px;display:block}.po-col-n{display:none!important}.po-col-product,.po-lines td[data-label]:first-of-type,.po-lines td.row-actions{grid-column:1/-1}.po-ready td:not(.po-col-product):not(.po-col-n){display:none}.po-cell-input,.po-cell-select,.po-cell-product{min-height:var(--touch-target);font-size:16px}.po-lines .num-col{text-align:left}.po-lines td.num-col>strong{padding-top:0}.po-lines td.row-actions{justify-content:flex-end;display:flex}.po-tax-toggle{width:100%}.po-toggle{min-height:var(--touch-target);flex:1}.po-save-bar{bottom:var(--space-2);gap:var(--space-2);padding:var(--space-2) var(--space-3)}.po-save-bar .po-save-total{flex-basis:100%}.po-save-total>span:first-child{font-size:var(--font-size-sm);font-weight:400}.po-save-bar .btn{padding:0 var(--space-2);flex:auto}}@media (prefers-reduced-motion:reduce){.po-details>summary svg{transition:none}}.po-tabs{margin-bottom:var(--space-3)}.po-tab-count{min-width:20px;height:20px;margin-left:var(--space-2);background:var(--bg-row-hover);border-radius:999px;place-items:center;padding:0 6px;font-size:.75rem;font-weight:700;display:inline-grid}.po-filters{align-items:flex-end}.po-filters .list-search{align-self:flex-end}.po-filter{min-width:180px}.po-filter-date{width:170px}.po-clear{align-self:flex-end}.po-bulk-bar{z-index:4;align-items:center;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--bg-card);flex-wrap:wrap;display:flex;position:sticky;top:64px}.po-bulk-clear{margin-left:auto}.po-danger{color:var(--color-danger)}.po-list-check{width:44px}.po-list tr.is-selected{background:var(--bg-row-hover)}.po-nowrap{white-space:nowrap}@media (width<=599px){.po-filter,.po-filter-date{width:100%;min-width:0}.po-bulk-bar{top:56px}}.po-list-n{width:36px;color:var(--text-secondary);font-size:var(--font-size-sm);text-align:right}.po-changed{color:var(--color-warning);font-size:var(--font-size-sm);font-weight:600}.po-list-actions{white-space:nowrap}.po-icons{align-items:center;gap:2px;display:inline-flex}.po-icon{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-secondary);opacity:.55;background:0 0;border:0;place-items:center;display:inline-grid}.po-icon svg{width:16px;height:16px}.po-icon.is-done{color:var(--color-success);opacity:1}.po-list-notes{max-width:240px;color:var(--text-secondary);font-size:var(--font-size-sm)}.po-list-foot{justify-content:space-between;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.po-list-total{color:var(--text-secondary);margin:0}.po-list-total strong{margin-left:var(--space-2);color:var(--text-primary);font-size:var(--font-size-lg)}.po-list-foot .pager{margin-left:auto}@media (width<=599px){.po-list-n{display:none}.po-icon{width:var(--touch-target);height:var(--touch-target)}}.po-filter-range{width:300px}@media (width<=599px){.po-filter-range{width:100%}}.po-icon-button{opacity:1;cursor:pointer;position:relative}.po-icon-button[data-hovered]{background:var(--bg-row-hover);color:var(--text-primary)}.po-icon-button[data-focus-visible]{box-shadow:var(--focus-ring);outline:none}.po-icon.is-stale{color:var(--color-warning);opacity:1}.po-icon-button.is-done{color:var(--color-success)}.po-icon-tip{z-index:5;border-radius:var(--radius-sm);background:var(--text-primary);color:var(--bg-card);white-space:nowrap;pointer-events:none;padding:4px 8px;font-size:.75rem;display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.po-icon-button[data-hovered] .po-icon-tip,.po-icon-button[data-focus-visible] .po-icon-tip{display:block}a.po-icon-button{text-decoration:none}a.po-icon-button:hover{background:var(--bg-row-hover);color:var(--text-primary)}a.po-icon-button.is-done:hover{color:var(--color-success)}a.po-icon-button:focus-visible{box-shadow:var(--focus-ring);outline:none}a.po-icon-button:hover .po-icon-tip,a.po-icon-button:focus-visible .po-icon-tip{display:block}.po-icon-count{background:var(--color-success);color:#fff;text-align:center;border-radius:7px;min-width:14px;padding:0 3px;font-size:.6rem;font-weight:700;line-height:14px;position:absolute;top:0;right:0}.po-conflict{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);border-color:var(--color-warning);flex-wrap:wrap;display:flex}.po-conflict p{margin:0}.stock-filter{min-width:170px}.stock-product-filter,.stock-filter-range{min-width:240px}.stock-code{white-space:nowrap;color:var(--text-secondary);font-variant-numeric:tabular-nums;margin-right:6px;font-size:.85em;font-weight:400}.stock-uom{color:var(--text-secondary);font-size:.75rem;display:block}.stock-sub{color:var(--text-secondary);font-size:.75rem;font-weight:400;display:block}.stock-empty,.stock-more{margin:var(--space-3) 0 0;color:var(--text-secondary)}.dialog-text{margin:0}.stock-strip{align-items:center;gap:var(--space-2) var(--space-5);padding:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.stock-strip-title{letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:700}.stock-strip-text{gap:var(--space-3);color:var(--text-secondary);flex-wrap:wrap;margin:0;display:flex}.stock-strip-form{align-items:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.stock-strip-form .form-field{max-width:180px}.stock-expiry{flex-wrap:wrap;align-items:center;gap:2px 6px;font-weight:600;display:inline-flex}.stock-expiry svg{width:15px;height:15px}.stock-expiry-soon{color:var(--color-warning)}.stock-expiry-expired{color:var(--color-danger)}.stock-expiry-days{font-size:.75rem;font-weight:700}.stock-flags{flex-wrap:wrap;gap:4px;display:inline-flex}.stock-flag{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:1px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.stock-flag svg{width:13px;height:13px}.stock-flag-held,.stock-flag-low{background:var(--bg-warning);color:var(--color-warning)}.stock-flag-blocked{background:var(--bg-danger);color:var(--color-danger)}.stock-panel-tabs .tab-panel{padding-top:var(--space-3)}.table-scroll{position:relative;overflow-x:auto}.stock-hold{white-space:nowrap;align-items:center;gap:4px;font-weight:700;display:inline-flex}.stock-hold svg{width:15px;height:15px}.stock-hold-RELEASED{color:var(--color-success)}.stock-hold-ON_HOLD{color:var(--color-warning)}.stock-hold-BLOCKED{color:var(--color-danger)}.stock-row-held td:first-child{box-shadow:inset 3px 0 0 var(--color-warning)}.stock-row-blocked td:first-child{box-shadow:inset 3px 0 0 var(--color-danger)}.stock-hold-choice{gap:var(--space-2);display:grid}.stock-hold-option{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-card);border-radius:var(--radius-md);cursor:pointer;display:flex}.stock-hold-option svg{flex:none;width:18px;height:18px;margin-top:2px}.stock-hold-option[data-hovered]{background:var(--bg-row-hover)}.stock-hold-option[data-selected]{border-color:currentColor;box-shadow:inset 0 0 0 1px}.stock-hold-option[data-focus-visible]{box-shadow:var(--focus-ring);outline:none}.stock-hold-option strong{color:var(--text-primary)}.stock-type{font-weight:700;display:block}.stock-type-in{color:var(--color-success)}.stock-type-out{color:var(--text-primary)}.stock-reason{color:var(--text-secondary);font-size:.75rem;display:block}.stock-note{max-width:220px;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-style:italic;display:block;overflow:hidden}.stock-in{color:var(--color-success);font-weight:700}.stock-out{font-weight:700}.count-product td{background:var(--bg-row-hover);border-top:2px solid var(--border-card)}.count-batch .count-indent{width:18px}.count-batch.is-changed td{background:color-mix(in srgb, var(--color-inventory) 8%, transparent)}.count-input{text-align:right;font-variant-numeric:tabular-nums;width:96px}.count-input.is-invalid{border-color:var(--color-danger)}.count-bin,.count-reason{min-width:150px}.count-bin .form-label,.count-reason .form-label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.count-changed{color:var(--color-inventory)}.stock-count-note{flex:1;min-width:220px}.count-bar{z-index:5;align-items:center;gap:var(--space-2) var(--space-3);margin-top:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-card);border-left:3px solid var(--color-inventory);border-radius:var(--radius-md);background:var(--bg-card);flex-wrap:wrap;display:flex;position:sticky;bottom:0;box-shadow:0 -6px 18px #0000001f}.count-bar-text{flex:1;margin:0}.count-confirm{gap:var(--space-3);display:grid}.count-confirm p{margin:0}.count-confirm-list{gap:2px;margin:0;padding-left:18px;display:grid}b.in{color:var(--color-success)}b.out{color:var(--color-danger)}.stock-batches td,.stock-batches th{white-space:nowrap}.stock-batches .stock-sub{white-space:normal;max-width:180px}.stock-batches td:first-child .stock-sub,.stock-moves td,.stock-moves th,.stock-moves .stock-note,.count-table td:nth-child(4) strong{white-space:nowrap}.po-anchor{scroll-margin-top:80px}.po-anchor:focus{outline:none}.inv-details{gap:var(--space-3) var(--space-4);margin:0 0 var(--space-3);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.inv-details dt{color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;margin-bottom:2px;font-size:.72rem;font-weight:700}.inv-details dd{overflow-wrap:anywhere;margin:0}.inv-notes{padding-top:var(--space-3);border-top:1px solid var(--border-card);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.inv-dates{align-items:flex-end;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-card);flex-wrap:wrap;display:flex}.inv-dates .form-field{min-width:200px}.inv-card-title{padding:var(--space-3) var(--space-4) 0}.inv-card-head{padding:var(--space-3) var(--space-4) var(--space-2)}.inv-card-head .po-card-title{margin:0}.inv-received.is-none{color:var(--text-secondary)}.inv-received.is-part{color:var(--color-warning);font-weight:700}.inv-received.is-all{color:var(--color-success);font-weight:700}.inv-charge td{color:var(--text-secondary)}.inv-totals{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-card);justify-content:end;gap:2px;margin:0;display:grid}.inv-totals div{justify-content:space-between;gap:var(--space-6);display:flex}.inv-totals dt{color:var(--text-secondary)}.inv-totals dd{margin:0}.inv-total{border-top:1px solid var(--border-card);padding-top:4px;font-size:1.05rem;font-weight:700}.inv-total dt{color:var(--text-primary)}.inv-receive-table td{vertical-align:middle}.inv-input .form-label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.inv-input{min-width:120px;margin:0}.inv-input.inv-qty{min-width:90px;max-width:110px}.inv-input.inv-small{min-width:70px;max-width:90px}.inv-input.inv-date{min-width:170px}.inv-receive-table tr.inv-receive-main td:first-child{min-width:260px}.inv-input.inv-date.inv-bbd{min-width:140px;max-width:160px}.inv-receive-table .po-nowrap,.inv-receive-table .stock-code{white-space:nowrap}.inv-receive-foot{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-card);flex-wrap:wrap;display:flex}.rcv-table .rcv-group th{padding-top:var(--space-3);background:var(--bg-row-hover);color:var(--text-primary);font-size:var(--font-size-sm);letter-spacing:normal;text-transform:none;font-weight:600}.rcv-group-head{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.rcv-reverse{align-items:center;gap:var(--space-1);min-height:var(--touch-target);margin-left:auto;font-weight:500;display:inline-flex}.rcv-table .is-reversed td{color:var(--text-secondary)}.rcv-table .is-reversed td strong{font-weight:500}.rcv-table td{vertical-align:top}.rcv-table .row-actions{width:1%}.rcv-fold{align-items:center;gap:var(--space-1) var(--space-3);padding:var(--space-2) var(--space-4) var(--space-3);border-top:1px solid var(--border-card);flex-wrap:wrap;display:flex}.rcv-fold-note{color:var(--text-secondary);font-size:var(--font-size-sm)}.rcv-table .num-col .stock-sub{white-space:nowrap}.rcv-fold .link-button{min-height:var(--touch-target)}.po-invoiced{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.po-invoiced svg{width:16px;height:16px}.inv-all-in{justify-content:space-between}.inv-all-in p{color:var(--color-success);margin:0;font-weight:600}.inv-summary{gap:var(--space-3);margin:0 0 var(--space-3);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));display:grid}.inv-summary>div{padding:var(--space-3) var(--space-4);border:1px solid var(--border-card);border-left:3px solid var(--color-purchasing);border-radius:var(--radius-md);background:var(--bg-card)}.inv-summary>div.is-due{border-left-color:var(--color-warning)}.inv-summary dt{color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;font-weight:700}.inv-summary dd{margin:2px 0 0;font-size:1.25rem;font-weight:700}.inv-overdue{color:var(--color-danger);font-weight:700}.inv-overdue-tag{color:var(--color-danger);text-transform:uppercase;font-size:.7rem;font-weight:700;display:block}.pager-goto{align-items:center;gap:4px;display:inline-flex}.pager-goto .form-input{text-align:center;width:56px}.po-icon.is-overdue{color:var(--color-danger);opacity:1}.inv-summary>div.is-overdue{border-left-color:var(--color-danger)}.inv-summary>div.is-overdue dd{color:var(--color-danger)}.pay-toolbar{margin:0 0 var(--space-3);justify-content:flex-end;display:flex}.pay-run tr.pay-group td{padding-top:var(--space-3);background:var(--bg-subtle,var(--bg-card));border-top:2px solid var(--border-card)}.pay-run tr.pay-group.is-overdue strong{color:var(--color-danger)}.pay-group-row{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.pay-group-count{color:var(--text-secondary);font-size:.85rem}.pay-group-total{margin-left:auto}.pay-truncated{padding:var(--space-3) var(--space-4)}@media (width<=767px){.pay-run tr.pay-group,.pay-run tr.pay-group td{display:block}.pay-run tr.pay-group td:before{content:none}}.inv-ref-sub{color:var(--text-secondary);font-size:.8rem;display:block}.inv-dates .inv-ref{min-width:200px}.rcv-bar{align-items:center;gap:var(--space-2);white-space:nowrap;display:inline-flex}.rcv-track{background:var(--border-card);border-radius:3px;width:56px;height:6px;display:inline-block;overflow:hidden}.rcv-fill{background:var(--text-secondary);height:100%;display:block}.rcv-bar.is-part .rcv-fill{background:var(--color-warning)}.rcv-bar.is-done .rcv-fill{background:var(--color-success)}.rcv-bar.is-done .num{color:var(--color-success);font-weight:600}.check-head{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.check-head .stock-sub{flex-basis:100%;margin:0}.check-pill{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.8rem;font-weight:600;display:inline-flex}.check-pill svg{width:14px;height:14px}.check-pill.is-ok{background:color-mix(in srgb, var(--color-success) 14%, transparent);color:var(--color-success)}.check-pill.is-info{background:color-mix(in srgb, var(--text-secondary) 14%, transparent);color:var(--text-secondary)}.check-pill.is-warn{background:color-mix(in srgb, var(--color-warning) 16%, transparent);color:var(--color-warning)}.check-pill.is-stop{background:color-mix(in srgb, var(--color-danger) 14%, transparent);color:var(--color-danger)}.check-cell{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:inline-flex}.check-input{text-align:right;width:96px}.check-table td{vertical-align:middle}.check-foot{justify-content:space-between;align-items:flex-end;gap:var(--space-3);border-top:1px solid var(--border-card);flex-wrap:wrap;display:flex}.check-foot .check-totals{border-top:0;order:2;margin-left:auto}.check-foot .check-actions{order:1}.check-actions{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.check-flag{color:var(--color-warning);font-size:.75rem;font-weight:600;display:block}.inv-all-in p{align-items:center;gap:var(--space-2);display:inline-flex}.inv-receive-sub{color:var(--text-secondary);font-size:var(--font-size-sm);display:block}.inv-receive-table tr.inv-receive-main:not(.is-alone) td{border-bottom:0}.inv-receive-head{align-items:center;column-gap:var(--space-3);flex-wrap:wrap;display:flex}.inv-receive-head .stock-sub{flex-basis:100%}.inv-more-toggle{min-height:var(--touch-target,44px);align-items:center;gap:4px;font-weight:600;display:inline-flex}.inv-more-hint{color:var(--text-secondary);font-weight:400;font-size:var(--font-size-sm);margin-left:4px}.inv-receive-why{margin:0 0 var(--space-2);color:var(--color-warning);font-size:var(--font-size-sm);font-weight:600}@media (width<=599px){.inv-more-hint{display:none}}.inv-receive-more td{padding-top:0}.inv-receive-extra{gap:var(--space-2) var(--space-3);flex-wrap:wrap;align-items:flex-end;display:flex}.inv-receive-extra .inv-input .form-label{clip:auto;width:auto;height:auto;font-size:var(--font-size-sm);position:static;overflow:visible}.inv-input.inv-coo{min-width:180px}.inv-input.inv-comment{flex:1;min-width:200px}.labels-table{margin:var(--space-3) 0}.rw-line-actions,.rw-row-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:inline-flex}.rw-line-btn{align-items:center;gap:var(--space-1);min-height:var(--touch-target);display:inline-flex}@media (width>=600px){.rcv-table .rw-line-actions,.rcv-table .rw-row-actions{flex-wrap:nowrap}}.rw-when{white-space:nowrap}.rw-line-btn.is-unavailable{color:var(--text-secondary);border-style:dashed}.rw-line-btn.is-unavailable .action-icon{opacity:.6}.rw-tags{gap:var(--space-2);flex-wrap:wrap;display:inline-flex}.rw-tag{text-decoration:none}.rw-tag:hover,.rw-tag:focus-visible{text-decoration:underline}.rw-comment{margin-top:var(--space-1);font-size:var(--font-size-sm);font-style:italic;display:block}.rw-photos{gap:var(--space-1) var(--space-3);margin:var(--space-1) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.rw-photos li{align-items:center;gap:var(--space-1);display:inline-flex}.rw-reversed{margin-top:var(--space-1);display:block}.rcv-table tr.is-flash td{background:var(--bg-info);transition:background-color .3s}@media (prefers-reduced-motion:reduce){.rcv-table tr.is-flash td{transition:none}}.rw-photo-pick{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.rw-pair{align-items:start;gap:0 var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));display:grid}.rw-summary{padding:var(--space-3);border:1px solid var(--border-card);border-radius:var(--radius-sm);background:var(--bg-row-hover);margin:0}.rw-summary p{margin:0}.rw-summary p+p{margin-top:var(--space-1)}.rw-note{color:var(--text-secondary);margin:0}.rw-form .dialog-actions{bottom:calc(-1 * var(--space-5));margin-bottom:calc(-1 * var(--space-5));padding-bottom:var(--space-5);background:var(--bg-modal);position:sticky}@media (width<=599px){.rcv-table td.row-actions{width:auto}.rcv-table td{flex-wrap:wrap;row-gap:2px}.rcv-table td>.stock-sub,.rcv-table td>.rw-comment,.rcv-table td>.rw-photos,.rcv-table td>.rw-reversed{text-align:right;flex-basis:100%;margin-top:0}.rcv-table td:first-child>.stock-sub,.rcv-table td:first-child>.rw-comment,.rcv-table td:first-child>.rw-photos,.rcv-table td:first-child>.rw-reversed{text-align:left}.rcv-table .rw-line-actions,.rcv-table .rw-row-actions{flex:100%}.rcv-table .rw-line-actions .rw-line-btn{flex:1 1 0;justify-content:center}.rcv-table .rcv-reverse{margin-left:0}}.date-range-box{align-items:center;display:flex;position:relative}.date-range-trigger{align-items:center;gap:var(--space-2);text-align:left;cursor:pointer;width:100%;padding-right:40px;display:flex}.date-range-trigger.is-empty .date-range-text{color:var(--text-secondary)}.date-range-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.date-range-icon{width:18px;height:18px;color:var(--text-secondary);flex:none}.date-range-clear{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid;position:absolute;right:4px}.date-range-clear svg{width:16px;height:16px}.date-range-clear[data-hovered]{background:var(--bg-row-hover);color:var(--text-primary)}.date-range-dialog{gap:var(--space-3);padding:var(--space-3);outline:none;grid-template-columns:auto auto;display:grid}.date-range-presets{padding:0 var(--space-3) 0 0;border-right:1px solid var(--border-card);align-content:start;gap:2px;margin:0;list-style:none;display:grid}.date-range-preset{width:100%;min-height:36px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--text-primary);font:inherit;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0}.date-range-preset[data-hovered],.date-range-preset[data-focus-visible]{background:var(--bg-row-hover)}.date-range-head{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.date-range-month{font-size:var(--font-size-md,1rem);margin:0;font-weight:600}.date-range-grid{border-collapse:collapse}.date-range-grid th{color:var(--text-secondary);font-size:var(--font-size-sm);padding-bottom:4px;font-weight:600}.date-range-cell{border-radius:var(--radius-sm);font-variant-numeric:tabular-nums;cursor:pointer;outline:none;place-items:center;width:36px;height:36px;display:grid}.date-range-cell[data-outside-month]{visibility:hidden}.date-range-cell[data-today]{box-shadow:inset 0 0 0 1px var(--color-primary);font-weight:700}.date-range-cell[data-hovered]{background:var(--bg-row-hover)}.date-range-cell[data-selected]{background:color-mix(in srgb, var(--color-primary) 18%, transparent);border-radius:0}.date-range-cell[data-selection-start],.date-range-cell[data-selection-end]{border-radius:var(--radius-sm);background:var(--color-primary);color:var(--text-on-brand)}.date-range-cell[data-focus-visible]{box-shadow:var(--focus-ring)}.date-range-cell[data-disabled]{opacity:.4}@media (width<=599px){.date-range-dialog{grid-template-columns:minmax(0,1fr)}.date-range-presets{padding:0 0 var(--space-3);border-right:0;border-bottom:1px solid var(--border-card);grid-template-columns:repeat(2,minmax(0,1fr))}.date-range-cell{width:40px;height:40px}}.returns-tabs .tab{cursor:default}.returns-tabs .tab[data-selected]{border-bottom-color:var(--color-qa)}.side-panel-overlay{z-index:55;background:#00000059;justify-content:flex-end;display:flex;position:fixed;inset:0}.side-panel-overlay[data-entering]{animation:.18s ease-out side-panel-fade}.side-panel-overlay[data-exiting]{animation:.15s ease-in reverse side-panel-fade}.side-panel{border-left:1px solid var(--border-card);background:var(--bg-modal);border-top:4px solid var(--page-accent,var(--border-card));width:min(960px,100%);height:100%;display:flex;box-shadow:-12px 0 40px #00000040}.side-panel[data-entering]{animation:.22s ease-out side-panel-slide}.side-panel[data-exiting]{animation:.18s ease-in reverse side-panel-slide}@keyframes side-panel-slide{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}@keyframes side-panel-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.side-panel-overlay[data-entering],.side-panel-overlay[data-exiting],.side-panel[data-entering],.side-panel[data-exiting]{animation:none}}.side-panel-dialog{outline:none;flex-direction:column;width:100%;min-height:0;display:flex}.side-panel-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-3) var(--space-3) var(--space-5);border-bottom:1px solid var(--border-card);display:flex}.side-panel-titles{min-width:0}.side-panel-title{font-size:var(--font-size-xl);overflow-wrap:anywhere;margin:0}.side-panel-subtitle{color:var(--text-secondary);margin-top:2px;font-size:.875rem}.side-panel-body{padding:var(--space-4) var(--space-5) var(--space-5);flex:1;overflow-y:auto}@media (width<=640px){.side-panel{border-left:0}.side-panel-body{padding:var(--space-3)}}.sr-totals{gap:var(--space-2);margin:0 0 var(--space-3);flex-wrap:wrap;padding:0;list-style:none;display:flex}.sr-chip{align-items:center;gap:var(--space-2);min-height:var(--touch-target,44px);padding:0 var(--space-3);border:1px solid var(--border-card);border-left:3px solid var(--color-qa);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);font:inherit;cursor:pointer;display:inline-flex}.sr-chip[data-hovered]{border-color:var(--color-qa)}.sr-chip[data-focus-visible]{box-shadow:var(--focus-ring);outline:none}.sr-chip.is-on{border-color:var(--color-qa);background:color-mix(in srgb, var(--color-qa) 14%, var(--bg-card))}.sr-chip-name{font-weight:600}.sr-chip .num{color:var(--text-secondary)}.sr-chip-value{font-weight:600}.sr-table td{vertical-align:top}.sr-table th,.sr-table td.row-actions{white-space:normal}.sr-table .sr-actions{align-items:flex-start;gap:var(--space-1);flex-direction:column;display:flex}.sr-table .sr-actions .btn{max-width:140px;height:auto;min-height:var(--touch-target,44px);white-space:normal;text-align:left}.sr-when{min-width:72px;display:block}.sr-table tr.is-reversed td{color:var(--text-secondary)}.sr-open{text-align:left;font-weight:600}.sr-reversed{margin-left:var(--space-3)}.sr-fields{gap:var(--space-2);margin:0 0 var(--space-4);display:grid}.sr-fields>div{gap:var(--space-3);grid-template-columns:minmax(110px,35%) 1fr;display:grid}.sr-fields dt{color:var(--text-secondary)}.sr-fields dd{overflow-wrap:anywhere;margin:0}.sr-panel-title{margin:var(--space-4) 0 var(--space-2);font-size:1rem}.sr-photos,.sr-timeline{gap:var(--space-1);padding-left:var(--space-4);margin:0;display:grid}@media (width<=599px){.sr-reversed{margin:var(--space-1) 0 0;display:block}}.sr-table .sr-actions .link-button{align-items:center;gap:4px;display:inline-flex}.import-steps{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.import-step.is-focused{outline:2px solid var(--color-info)}.import-step-head{gap:var(--space-3) var(--space-4);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.import-step-number{background:var(--bg-info);width:32px;height:32px;color:var(--color-info);border-radius:999px;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.import-step-title{font-size:var(--font-size-lg);margin:0}.import-step-body{margin:var(--space-1) 0 0;color:var(--text-secondary)}.import-step-actions{gap:var(--space-2);flex-wrap:wrap;grid-column:2;display:flex}.import-result{gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-card);display:grid}.import-result-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.import-result-title{font-size:var(--font-size-md);margin:0}.import-counts{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.count{padding:var(--space-1) var(--space-3);background:var(--bg-row-hover);border-radius:999px;align-items:center;gap:6px;display:inline-flex}.count svg{width:16px;height:16px}.count-create{background:var(--bg-success);color:var(--color-success)}.count-update{background:var(--bg-info);color:var(--color-info)}.count-rejected{background:var(--bg-danger);color:var(--color-danger)}.count-warning{background:var(--bg-warning);color:var(--color-warning)}.import-notes{gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md);background:var(--bg-warning);display:grid}.import-notes p{gap:var(--space-2);margin:0;display:flex}.note-icon{width:16px;height:16px;color:var(--color-warning);flex-shrink:0;margin-top:2px}.result-badge{font-size:var(--font-size-sm);white-space:nowrap;border-radius:999px;padding:2px 10px;font-weight:600;display:inline-block}.result-create{background:var(--bg-success);color:var(--color-success)}.result-update{background:var(--bg-info);color:var(--color-info)}.result-unchanged{background:var(--bg-row-hover);color:var(--text-secondary)}.result-rejected{background:var(--bg-danger);color:var(--color-danger)}.issue-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.issue-list li{align-items:flex-start;gap:6px;display:flex}.issue-list svg{flex-shrink:0;width:15px;height:15px;margin-top:2px}.issue-error svg{color:var(--color-danger)}.issue-warning svg{color:var(--color-warning)}.import-result-actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}@media (width<=599px){.import-step-actions{grid-column:1/-1}}.expiry-badge{margin-left:var(--space-2);font-size:var(--font-size-sm);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:1px 8px;font-weight:500;display:inline-flex}.expiry-badge svg{width:14px;height:14px}.expiry-soon{background:color-mix(in srgb, var(--color-warning,#b45309) 16%, transparent);color:var(--color-warning,#b45309)}.expiry-expired{background:color-mix(in srgb, var(--color-danger,#b42318) 16%, transparent);color:var(--color-danger,#b42318)}.expiry-ok{background:var(--bg-row-hover);color:var(--text-secondary)}.bins-filter{min-width:170px}.bins-code{color:var(--text-secondary);font-variant-numeric:tabular-nums;margin-right:6px;font-size:.85em}.bins-low{color:var(--color-warning);font-weight:700}.bins-form{gap:var(--space-3);display:grid}.bins-fixed{gap:2px;margin:0;display:grid}.bins-qty{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.bins-combo{display:flex;position:relative}.bins-combo .form-input{width:100%;padding-right:40px}.bins-combo-button{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.bins-combo-button svg{width:16px;height:16px}.bins-combo-button[data-hovered]{background:var(--bg-row-hover);color:var(--text-primary)}.bins-combo-button[data-focus-visible]{box-shadow:var(--focus-ring);outline:none}.rw-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));display:grid}.rw-card-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.rw-card-head h2{font-size:var(--font-size-lg);margin:0}.rw-card-note,.rw-empty{margin:var(--space-1) 0 0;color:var(--text-secondary);font-size:var(--font-size-md)}.rw-list{margin:0;padding:0;list-style:none}.rw-list li{align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) 0;border-top:1px solid var(--border-card);flex-wrap:wrap;display:flex}.rw-name{flex:auto}.rw-list li.is-inactive .rw-name{color:var(--text-secondary)}.rw-actions{gap:var(--space-2);display:flex}.et-list{gap:var(--space-4);margin-top:var(--space-4);display:grid}.et-card{gap:var(--space-4);display:grid}.et-card-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.et-card-head h2{font-size:var(--font-size-lg);margin:0}.et-note{margin:var(--space-1) 0 0;color:var(--text-secondary);font-size:var(--font-size-md)}.et-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.et-unsaved{color:var(--color-warning);margin-right:auto;font-weight:600}@media (width<=599px){.et-actions .btn{flex:auto}.et-unsaved{flex-basis:100%}}.settings-chips{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.settings-chip{align-items:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-3);border:1px solid var(--border-card);background:var(--bg-card);color:var(--text-primary);font-size:var(--font-size-sm);border-radius:999px;font-weight:600;text-decoration:none;display:inline-flex}.settings-chip:hover{border-color:var(--group-accent);background:color-mix(in srgb, var(--group-accent) 12%, var(--bg-card))}.settings-chip-icon,.settings-group-icon{width:18px;height:18px;color:var(--group-accent);flex:none}.settings-groups{gap:var(--space-4);display:grid}.settings-group{border-left:4px solid var(--group-accent);scroll-margin-top:var(--space-4)}.settings-group-title{align-items:center;gap:var(--space-2);margin:0 0 var(--space-4);font-size:var(--font-size-md);letter-spacing:.04em;text-transform:uppercase;scroll-margin-top:var(--space-5);outline:none;display:flex}.settings-links{gap:var(--space-4) var(--space-5);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:0;padding:0;list-style:none;display:grid}.settings-link{align-items:center;gap:var(--space-2);color:var(--color-link);font-weight:600;text-decoration:none;display:inline-flex}a.settings-link:hover{text-decoration:underline}.is-upcoming .settings-link{color:var(--text-secondary)}.settings-desc{color:var(--text-secondary);font-size:var(--font-size-sm);margin:2px 0 0;line-height:1.4}@media (width<=599px){.settings-links{grid-template-columns:1fr}}.dims{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.side-card{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-card);border-radius:var(--radius-md);align-content:start;display:grid}.product-photo{width:160px;height:160px}.product-photo img{object-fit:contain;width:100%;height:100%}.children-field{gap:var(--space-2);display:grid}.children-field .tag-list{margin:0;padding:0;list-style:none}.child-tag{align-items:center;gap:4px;display:inline-flex}.tag-remove{width:22px;height:22px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.tag-remove[data-hovered]{background:var(--bg-row-hover);color:var(--text-primary)}.menu-empty{padding:var(--space-2) var(--space-3);color:var(--text-secondary);margin:0}@media (pointer:coarse){.tag-remove{width:var(--touch-target);height:var(--touch-target);margin:-10px -10px -10px 0}}@media (width<=599px){.dims{grid-template-columns:minmax(0,1fr)}}.dims-4{grid-template-columns:repeat(4,minmax(0,1fr))}.section-note{margin:0 0 var(--space-3)}.tag-list-ordered{gap:var(--space-2);flex-wrap:wrap;display:flex}.tag-order{color:var(--text-secondary)}.nip-table-wrap{overflow-x:auto}.nip-table{border-collapse:collapse;width:100%;max-width:560px}.nip-table th,.nip-table td{padding:var(--space-2);border-bottom:1px solid var(--border-card);text-align:left}.nip-table thead th{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600}.nip-table tbody th{font-weight:500}.nip-table .form-input{width:100%;min-width:90px}@media (width<=899px){.dims-4{grid-template-columns:repeat(2,minmax(0,1fr))}}.tenant-picker{align-items:center;gap:var(--space-2);min-height:var(--touch-target);max-width:min(320px,45vw);padding:0 var(--space-3);border:1px dashed var(--border-input);border-radius:var(--radius-md);color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;display:inline-flex}.tenant-picker.chosen{border-style:solid;border-color:var(--color-admin);background:var(--bg-row-hover)}.tenant-picker[data-hovered]{background:var(--bg-row-hover)}.tenant-picker-label{min-width:0;line-height:1.2;display:grid}.tenant-picker-caption{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem}.tenant-picker-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.tenant-picker-chevron{width:16px;height:16px;color:var(--text-secondary);flex:none}.tenant-popover{width:min(340px, calc(100vw - 2 * var(--space-3)))}.tenant-dialog{outline:none}.tenant-search{padding:var(--space-2);border-bottom:1px solid var(--border-card)}.tenant-search .input{min-height:var(--control-height)}.tenant-menu{max-height:min(360px,60vh);overflow-y:auto}.tenant-option{gap:var(--space-2)}.tenant-option-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tenant-option-note{color:var(--color-warning);font-size:var(--font-size-sm)}.tenant-empty{padding:var(--space-3);color:var(--text-secondary);margin:0}@media (width<=599px){.app-header:has(.tenant-picker) .app-title{display:none}.tenant-picker{flex:0 auto;min-width:0;max-width:none}.tenant-picker-caption{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.tenant-create{gap:var(--space-2);color:var(--color-link);font-weight:600}.help-panel{background:var(--bg-card);border-left:1px solid var(--border-header);flex-direction:column;grid-area:help;height:calc(100dvh - 56px);display:flex;position:sticky;top:56px;overflow:hidden}.help-overlay{z-index:50;background:#00000073;position:fixed;inset:0}.help-sheet{background:var(--bg-modal);width:min(420px,100vw);position:fixed;inset:0 0 0 auto;box-shadow:-2px 0 16px #0003}.help-dialog{outline:none;flex-direction:column;height:100%;display:flex}.help-head{align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-3) var(--space-3) var(--space-5);border-bottom:1px solid var(--border-header);display:flex}.help-head-icon{width:22px;height:22px;color:var(--color-primary);flex:none;margin-top:18px}.help-head-text{flex:1;min-width:0}.help-kicker{font-size:var(--font-size-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);font-weight:600;display:block}.help-head h2{overflow-wrap:anywhere;margin:2px 0 0;font-size:1.25rem;line-height:1.3}.help-head h2:focus{outline:none}.help-head h2:focus-visible{text-decoration:underline;-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary);text-underline-offset:4px;outline:none}.help-close{flex:none}.help-body{padding:var(--space-4) var(--space-5) var(--space-5);flex:1;line-height:1.55;overflow-y:auto}.help-body>p:first-child{color:var(--text-primary);margin-top:0;font-size:1.0625rem}.help-body h3{margin:var(--space-5) 0 var(--space-2);font-size:var(--font-size-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);font-weight:600}.help-body ul{padding-left:var(--space-5);margin:0}.help-body li+li{margin-top:var(--space-2)}.help-body li::marker{color:var(--text-secondary)}.help-body a{color:var(--color-link);text-decoration:underline}.help-status{color:var(--text-secondary)}.help-tip{padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-header);font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.help-tip kbd{border:1px solid var(--border-input);border-radius:var(--radius-sm);background:var(--bg-input);min-width:1.6em;color:var(--text-primary);font-family:var(--mono-font);text-align:center;border-bottom-width:2px;padding:0 5px;font-size:.8125rem;display:inline-block}@media (prefers-reduced-motion:no-preference){.help-panel{animation:.2s ease-out help-dock-in}.help-sheet[data-entering]{animation:.22s cubic-bezier(.2,.8,.2,1) help-slide-in}.help-sheet[data-exiting]{animation:.16s ease-in reverse help-slide-in}.help-overlay[data-entering]{animation:.2s ease-out help-fade-in}.help-overlay[data-exiting]{animation:.16s ease-in reverse help-fade-in}}@keyframes help-dock-in{0%{opacity:0;transform:translate(16px)}}@keyframes help-slide-in{0%{transform:translate(100%)}}@keyframes help-fade-in{0%{opacity:0}}@media (pointer:coarse){.help-tip{display:none}}.app-frame{grid-template:"header""banner""content"1fr/minmax(0,1fr);min-height:100dvh;display:grid}.skip-link{left:var(--space-2);z-index:100;padding:var(--space-2) var(--space-3);background:var(--bg-card);color:var(--color-link);border-radius:var(--radius-sm);position:absolute;top:-100px}.skip-link:focus{top:var(--space-2)}.app-header{z-index:10;align-items:center;gap:var(--space-2);min-height:56px;padding:0 var(--space-3);background:var(--bg-header);border-bottom:1px solid var(--border-header);grid-area:header;display:flex;position:sticky;top:0}.app-title{font-weight:600;font-size:var(--font-size-lg);white-space:nowrap}.header-actions{align-items:center;gap:var(--space-1);margin-left:auto;display:flex}.icon-btn,.user-btn{justify-content:center;align-items:center;gap:var(--space-2);min-width:var(--touch-target);min-height:var(--touch-target);padding:0 var(--space-2);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;background:0 0;border:0;display:inline-flex}.icon-btn[data-hovered],.user-btn[data-hovered]{background:var(--bg-row-hover)}.hamburger,.hamburger:before,.hamburger:after{content:"";background:currentColor;border-radius:1px;width:18px;height:2px;display:block;position:relative}.hamburger:before{position:absolute;top:-6px}.hamburger:after{position:absolute;top:6px}.avatar{background:var(--color-primary);width:32px;height:32px;color:var(--text-on-accent);border-radius:50%;place-items:center;font-weight:600;display:inline-grid}.user-name,.app-sidebar{display:none}.app-content{min-width:0;padding:var(--space-4) var(--space-3);grid-area:content}.app-content:focus{outline:none}.sidebar-nav ul{padding:var(--space-2);margin:0;list-style:none}.sidebar-nav{scrollbar-width:thin;scrollbar-color:transparent transparent}.sidebar-nav:hover,.sidebar-nav:focus-within{scrollbar-color:var(--border-input) transparent}.nav-module{--accent-text:color-mix(in srgb, var(--accent) var(--nav-tint), var(--text-primary))}.nav-module+.nav-module,.sidebar-nav li+.nav-module{margin-top:2px}.nav-link{align-items:center;gap:var(--space-3);min-height:var(--touch-target);padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--text-primary);text-decoration:none;transition:background-color .12s,color .12s;display:flex;position:relative}.nav-link:hover{background:var(--bg-row-hover);color:var(--text-primary)}.nav-link:focus-visible{box-shadow:var(--focus-ring);outline:none}.nav-link.active,.nav-section.active{background:var(--bg-info);color:var(--color-info);font-weight:600}.nav-icon{flex:none;width:20px;height:20px}.nav-icon-tile{border-radius:var(--radius-md);background:color-mix(in srgb, var(--accent) 14%, transparent);width:30px;height:30px;color:var(--accent);flex:none;place-items:center;margin-left:-5px;transition:background-color .12s,transform .12s;display:inline-grid}.nav-icon-tile .nav-icon{width:18px;height:18px}.nav-module>.nav-link,.nav-module>.nav-section{color:var(--accent-text);font-weight:600}.nav-module>.nav-link:hover,.nav-module>.nav-section:hover{background:color-mix(in srgb, var(--accent) 9%, transparent);color:var(--accent-text)}.nav-module>.nav-link:hover .nav-icon-tile,.nav-module>.nav-section:hover .nav-icon-tile{background:color-mix(in srgb, var(--accent) 22%, transparent)}.nav-module>.nav-link.active,.nav-module.is-current>.nav-section,.nav-module>.nav-section.active{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent-text)}.nav-module>.nav-link.active .nav-icon-tile,.nav-module.is-current .nav-icon-tile,.nav-module>.nav-section.active .nav-icon-tile{background:var(--accent);color:var(--bg-sidebar)}.nav-group-title{padding:var(--space-3) var(--space-3) var(--space-1);color:var(--text-secondary);letter-spacing:.05em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.6875rem;font-weight:600;overflow:hidden}.nav-divider{height:1px;margin:var(--space-2) var(--space-2);background:var(--border-header)}.nav-section{width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0}.nav-section .nav-label{flex:1;min-width:0}.nav-chevron{width:16px;height:16px;color:var(--text-secondary);flex:none;transition:transform .2s}.nav-chevron.open{transform:rotate(180deg)}.nav-sub-wrap{visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .2s,margin .2s,visibility 0s linear .2s;display:grid}.nav-sub-wrap.open{margin:2px 0 var(--space-2);visibility:visible;grid-template-rows:1fr;transition:grid-template-rows .2s,margin .2s,visibility}.nav-sub-wrap>.nav-sub{min-height:0;overflow:hidden}.sidebar-nav .nav-sub{margin:0 0 0 calc(var(--space-3) + 6px);padding:0 0 0 var(--space-2);border-left:2px solid color-mix(in srgb, var(--accent) 35%, transparent);opacity:0;transition:opacity .18s,transform .18s;position:relative;transform:translateY(-4px)}.nav-sub-wrap.open>.nav-sub{opacity:1;transform:none}.nav-sublink{gap:var(--space-2);min-height:38px;font-size:var(--font-size-md);padding:0 6px 0 10px}.nav-sublink .nav-label{white-space:nowrap}.nav-sub .nav-sublink.active{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--text-primary);font-weight:600}.nav-sub .nav-sublink.active:before{top:8px;bottom:8px;left:calc(-1 * var(--space-2) - 2px);background:var(--accent);content:"";border-radius:2px;width:2px;position:absolute}.sidebar-nav.collapsed .nav-link{width:var(--touch-target);justify-content:center;margin-inline:auto;padding:0}.sidebar-nav.collapsed .nav-icon-tile{margin-left:0}.sidebar-nav.collapsed .nav-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sidebar-nav.collapsed li+li{margin-top:2px}.sidebar-nav.collapsed .nav-module>.nav-section[aria-expanded=true]{background:color-mix(in srgb, var(--accent) 12%, transparent)}.rail-tooltip{border-radius:var(--radius-sm);background:var(--text-primary);color:var(--bg-card);font-size:var(--font-size-sm);pointer-events:none;padding:6px 10px;font-weight:500;box-shadow:0 4px 12px #0003}.menu-popover.rail-flyout{--accent-text:color-mix(in srgb, var(--accent) var(--nav-tint-raised), var(--text-primary));border-left:3px solid var(--accent);min-width:240px;overflow:hidden}.rail-flyout-title{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-2);border-bottom:1px solid var(--border-card);color:var(--accent-text);font-size:var(--font-size-sm);letter-spacing:.04em;text-transform:uppercase;font-weight:700;display:flex}.rail-flyout-title .nav-icon-tile{width:26px;height:26px;margin-left:0}.rail-flyout .menu-item{gap:var(--space-3);min-height:38px}.rail-flyout .menu-item .nav-label{flex:1;min-width:0}.rail-flyout .menu-item[data-focused]:not([data-disabled]){background:color-mix(in srgb, var(--accent) 10%, transparent)}.menu-item.current{background:color-mix(in srgb, var(--accent,var(--color-info)) 12%, transparent);color:var(--text-primary);font-weight:600}.nav-tag{border:1px solid var(--border-card);background:var(--bg-row-hover);color:var(--text-secondary);letter-spacing:.02em;white-space:nowrap;border-radius:999px;flex:none;margin-left:auto;padding:0 6px;font-size:.625rem;font-weight:600;line-height:1.6}.nav-tag.in-progress{border-color:color-mix(in srgb, var(--color-info) 30%, transparent);background:var(--bg-info);color:var(--color-info)}.nav-upcoming,.nav-upcoming:hover{color:var(--text-secondary);cursor:default;background:0 0;font-weight:400}.nav-upcoming .nav-label{opacity:.85}@media (pointer:coarse){.nav-sublink{min-height:var(--touch-target)}}@media (prefers-reduced-motion:no-preference){.menu-popover[data-entering]{animation:.14s ease-out menu-pop-in}.menu-popover[data-exiting]{animation:.1s ease-in reverse menu-pop-in}.rail-flyout[data-entering]{animation:.16s ease-out rail-flyout-in}.rail-flyout[data-exiting]{animation:.1s ease-in reverse rail-flyout-in}.drawer[data-entering]{animation:.2s ease-out drawer-in}.drawer[data-exiting]{animation:.16s ease-in reverse drawer-in}.drawer-overlay[data-entering]{animation:.2s ease-out overlay-in}.drawer-overlay[data-exiting]{animation:.16s ease-in reverse overlay-in}}@media (prefers-reduced-motion:reduce){.nav-sub-wrap,.nav-sub-wrap.open,.sidebar-nav .nav-sub,.nav-chevron,.nav-link,.nav-icon-tile{transition:none}}@keyframes menu-pop-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}}@keyframes rail-flyout-in{0%{opacity:0;transform:translate(-6px)}}@keyframes drawer-in{0%{transform:translate(-100%)}}@keyframes overlay-in{0%{opacity:0}}.drawer-overlay{z-index:50;background:#00000073;position:fixed;inset:0}.drawer{background:var(--bg-sidebar);width:min(300px,85vw);position:fixed;inset:0 auto 0 0;overflow-y:auto;box-shadow:2px 0 12px #0003}.drawer-dialog{outline:none}.drawer-head{min-height:56px;padding:0 var(--space-3);border-bottom:1px solid var(--border-header);justify-content:space-between;align-items:center;display:flex}.menu-popover{background:var(--bg-modal);border:1px solid var(--border-card);border-radius:var(--radius-md);min-width:180px;box-shadow:0 6px 20px #00000026}.menu{padding:var(--space-1);outline:none}.menu-item{min-height:var(--touch-target);padding:0 var(--space-3);border-radius:var(--radius-sm);cursor:pointer;outline:none;align-items:center;display:flex}a.menu-item{color:var(--text-primary);text-decoration:none}.menu-item[data-focused]{background:var(--bg-row-hover)}.page-status{padding:var(--space-6) var(--space-4);text-align:center;color:var(--text-secondary)}.btn{min-height:var(--control-height);padding:0 var(--space-4);border:1px solid var(--border-input);border-radius:var(--radius-md);background:var(--bg-card);cursor:pointer;justify-content:center;align-items:center;gap:6px;text-decoration:none;display:inline-flex}@media (width>=600px){.user-name{display:inline}.app-content{padding:var(--space-5)}}@media (width>=900px){.app-frame{grid-template-columns:264px minmax(0,1fr);grid-template-areas:"header header""banner banner""sidebar content"}.app-frame.sidebar-collapsed{grid-template-columns:68px minmax(0,1fr)}.menu-btn{display:none}.app-sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-header);grid-area:sidebar;display:block}.app-sidebar>.sidebar-nav{max-height:calc(100dvh - 56px);position:sticky;top:56px;overflow:hidden auto}}@media (width>=1280px){.app-frame:has(>.help-panel){grid-template-columns:264px minmax(0,1fr) 360px;grid-template-areas:"header header header""banner banner banner""sidebar content help";overflow-x:clip}.app-frame.sidebar-collapsed:has(>.help-panel){grid-template-columns:68px minmax(0,1fr) 360px}}@media (width<=899.98px){.collapse-btn{display:none}}@media (width>=900px) and (prefers-reduced-motion:no-preference){.app-frame{transition:grid-template-columns .2s}}.read-only-banner{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-warning);background:var(--bg-warning);color:var(--color-warning);grid-area:banner;margin:0;font-weight:500;display:flex}.menu-icon{width:18px;height:18px;margin-right:var(--space-3);color:var(--text-secondary);flex:none}.user-menu{min-width:220px}.menu-separator{height:1px;margin:var(--space-1) 0;background:var(--border-card);border:0}.theme-item-label{flex:1}.menu-item.theme-item[data-selected]{color:var(--text-primary);font-weight:400}.mini-switch{width:34px;height:20px;margin-left:var(--space-3);background:var(--border-input);border-radius:999px;flex:none;transition:background .2s;position:relative}.mini-switch>span{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000004d}.mini-switch.on{background:var(--color-primary)}.mini-switch.on>span{transform:translate(14px)}.quick-create-btn{background:var(--color-primary);width:36px;height:36px;color:var(--text-on-brand);cursor:pointer;border:0;border-radius:50%;place-items:center;transition:transform .15s,background .15s;display:inline-grid}.quick-create-btn svg{width:20px;height:20px}.quick-create-btn[data-hovered]{background:var(--color-primary-hover);transform:scale(1.06)}.quick-create-btn[data-pressed]{transform:scale(.96)}.quick-create-btn[data-focus-visible]{box-shadow:var(--focus-ring);outline:none}.quick-create-popover{min-width:300px}.quick-create-head{padding:var(--space-2) var(--space-3) var(--space-1);color:var(--text-secondary);font-size:var(--font-size-sm);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.menu-item.quick-create-item{gap:var(--space-3);min-height:56px;padding:var(--space-2) var(--space-3);color:var(--text-primary)}.quick-create-item[data-disabled]{cursor:default;opacity:.6}.quick-create-icon{border-radius:var(--radius-md);flex:none;place-items:center;width:36px;height:36px;display:inline-grid}.quick-create-icon svg{width:20px;height:20px}.quick-create-text{gap:2px;min-width:0;display:grid}.quick-create-name{align-items:center;gap:var(--space-2);font-weight:600;display:inline-flex}.quick-create-hint{color:var(--text-secondary);font-size:var(--font-size-sm)}@media (prefers-reduced-motion:reduce){.quick-create-btn,.mini-switch,.mini-switch>span{transition:none}}.cert-expiry-card{gap:var(--space-3);border-left:4px solid var(--color-warning,#b45309);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.cert-expiry-icon{width:28px;height:28px;color:var(--color-warning,#b45309)}.cert-expiry-text p{margin:var(--space-1) 0 0}.cert-expiry-list{gap:var(--space-2);margin:var(--space-3) 0 0;padding:0;list-style:none;display:grid}.cert-expiry-list li{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.cert-expiry-link{grid-column:1/-1;justify-self:start}@media (width>=720px){.cert-expiry-card{grid-template-columns:auto minmax(0,1fr) auto}.cert-expiry-link{grid-column:auto;align-self:center}}.today-card .card-title{align-items:baseline;gap:var(--space-2);display:flex}.today-day{color:var(--text-secondary);font-size:.9rem;font-weight:500}.today-list{gap:var(--space-2);margin:var(--space-3) 0 0;padding:0;list-style:none;display:grid}.today-item{align-items:center;gap:var(--space-3);min-height:var(--touch-target);padding:var(--space-2) var(--space-3);border:1px solid var(--border-card);border-left:4px solid var(--text-secondary);border-radius:var(--radius-md);color:var(--text-primary);text-decoration:none;display:flex}.today-item:hover{background:var(--bg-row-hover);text-decoration:none}.today-item:focus-visible{box-shadow:var(--focus-ring);outline:none}.today-icon{width:18px;height:18px;color:var(--text-secondary);flex:none}.today-text{flex:1;font-weight:600}.today-go{width:16px;height:16px;color:var(--text-secondary);flex:none}.today-item.is-attention{border-left-color:var(--color-warning)}.today-item.is-attention .today-icon{color:var(--color-warning)}.today-item.is-overdue{border-left-color:var(--color-danger);background:var(--bg-danger)}.today-item.is-overdue .today-icon{color:var(--color-danger)}.today-clear{align-items:center;gap:var(--space-2);margin:var(--space-3) 0 0;color:var(--color-success);font-weight:600;display:flex}.today-clear svg{width:18px;height:18px}.login-page{background:var(--bg-card);grid-template-columns:minmax(0,1fr);min-height:100dvh;display:grid}.login-brand{display:none}.login-main{padding:var(--space-5) var(--space-4) var(--space-3);grid-template-rows:1fr auto;place-items:center;display:grid}.login-card{width:100%;max-width:400px}.login-logo{margin-bottom:var(--space-6)}.login-logo img{width:auto;height:56px}.logo-on-dark,[data-theme=dark] .logo-on-light{display:none}[data-theme=dark] .logo-on-dark{display:block}.login-title{margin:0 0 var(--space-1);letter-spacing:-.01em;font-size:2rem;font-weight:700}.login-subtitle{margin:0 0 var(--space-5);color:var(--text-secondary)}.login-footer{margin-top:var(--space-5);color:var(--text-secondary);font-size:var(--font-size-sm)}.login-error,.login-notice{gap:var(--space-2);margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);display:flex}.login-error{background:var(--bg-danger);color:var(--color-danger);border:1px solid var(--color-danger)}.login-notice{background:var(--bg-info);color:var(--color-info);border:1px solid var(--color-info)}.login-form{gap:var(--space-4);display:grid}.field{gap:var(--space-2);display:grid}.field-label{font-weight:500}.field-label.is-required:after{content:"*";color:var(--color-danger);margin-left:2px}.label-row{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.link-button{color:var(--color-link);cursor:pointer;background:0 0;border:0;padding:0;font-weight:500}.link-button[data-hovered]{text-decoration:underline}.input{width:100%;min-height:48px;padding:0 var(--space-3);border:1px solid var(--border-input);border-radius:var(--radius-md);background:var(--bg-input);transition:border-color .15s,box-shadow .15s}.input[data-focused]{border-color:var(--text-primary);box-shadow:0 0 0 3px var(--brand-glow);outline:none}.input[data-invalid]{border-color:var(--color-danger)}.input-icon-wrap{position:relative}.input-icon{top:50%;left:var(--space-3);width:18px;height:18px;color:var(--text-secondary);pointer-events:none;position:absolute;transform:translateY(-50%)}.input-with-icon{padding-left:calc(var(--space-3) + 18px + var(--space-2))}.input-with-action{padding-right:52px}.input-action{width:48px;height:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:0;right:0}.input-code{font-family:var(--mono-font);font-size:var(--font-size-xl);letter-spacing:.3em}.field-help{color:var(--text-secondary);font-size:var(--font-size-sm)}.field-error{color:var(--color-danger);font-size:var(--font-size-sm)}.btn-brand{justify-content:center;align-items:center;gap:var(--space-2);width:100%;min-height:52px;margin-top:var(--space-2);border-radius:var(--radius-md);background:var(--color-brand);color:var(--text-on-brand);font-size:var(--font-size-lg);box-shadow:0 8px 24px var(--brand-glow);cursor:pointer;border:0;font-weight:600;transition:background-color .15s,transform .15s;display:inline-flex}.btn-brand[data-hovered]{background:var(--color-brand-hover)}.btn-brand[data-pressed]{transform:translateY(1px)}.btn-brand[data-disabled]{opacity:.6;cursor:not-allowed;box-shadow:none}.btn-link{min-height:var(--touch-target);color:var(--color-link);cursor:pointer;background:0 0;border:0;justify-self:center}.login-hint{padding:var(--space-3);border-radius:var(--radius-md);background:var(--bg-info);color:var(--color-info);font-size:var(--font-size-sm);margin:0}.enrol{gap:var(--space-3);text-align:center;justify-items:center;display:grid}.enrol p{margin:0}.qr-frame{padding:var(--space-2);border-radius:var(--radius-sm);background:#fff}.qr-placeholder{width:192px;height:192px}.manual-key code{margin-top:var(--space-1);font-family:var(--mono-font);word-break:break-all;display:inline-block}.checkbox{align-items:center;gap:var(--space-3);min-height:var(--touch-target);cursor:pointer;display:flex;position:relative}.checkbox-box{border:2px solid var(--border-input);border-radius:var(--radius-sm);background:var(--bg-input);flex:none;width:20px;height:20px}.checkbox[data-selected] .checkbox-box{border-color:var(--color-brand);background:var(--color-brand);box-shadow:inset 0 0 0 3px var(--bg-input)}.checkbox[data-focus-visible] .checkbox-box{box-shadow:var(--focus-ring)}@media (width>=900px){.login-page{grid-template-columns:minmax(400px,1.05fr) minmax(0,1fr)}.login-brand{isolation:isolate;padding:var(--space-6);background:radial-gradient(55% 45% at 50% 40%,#ffffff17,#0000 70%),linear-gradient(165deg,#1f2329 0%,#15181c 55%,#0e1013 100%);place-items:center;display:grid;position:relative;overflow:hidden}.login-brand:before{content:"";z-index:-1;background-image:radial-gradient(#ffffff14 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(65% 55% at 50% 45%,#000 25%,#0000 85%);mask-image:radial-gradient(65% 55% at 50% 45%,#000 25%,#0000 85%)}.login-brand-hero{justify-items:center;gap:var(--space-5);width:min(100%,420px);display:grid}.login-stairs{width:min(80%,320px);max-height:44vh;overflow:visible}.login-brand-logo{opacity:0;width:min(90%,340px);height:auto;animation:.8s ease-out 1.1s forwards logo-in}.login-main{padding-left:clamp(var(--space-6), 7vw, 112px);padding-right:var(--space-6);justify-items:start}.login-logo{display:none}}.login-stair{opacity:0;transform-box:fill-box;transform-origin:50%;animation:stair-in .55s cubic-bezier(.2, .8, .2, 1) calc(var(--i) * 90ms) forwards, stair-climb 4.8s ease-in-out calc(1.4s + var(--i) * .16s) infinite}.login-stair-edge{fill:#00000073}.login-beacon{opacity:0;transform-box:fill-box;transform-origin:50%;animation:.8s ease-out 1.1s forwards beacon-in,4.8s ease-in-out 3.3s infinite beacon-pulse}@keyframes stair-in{0%{opacity:0;transform:translateY(14px)scaleX(.85)}to{opacity:.6;transform:none}}@keyframes stair-climb{0%,30%,to{opacity:.6;filter:none}12%{opacity:1;filter:drop-shadow(0 0 8px #ffffffb3)}}@keyframes beacon-in{to{opacity:.6}}@keyframes beacon-pulse{0%,to{opacity:.6;transform:scale(1)}45%{opacity:1;transform:scale(1.15)}}@keyframes logo-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.login-stair,.login-beacon,.login-brand-logo{opacity:.85;animation:none}.login-brand-logo{opacity:1}}a.btn-brand{text-decoration:none}.lost-phone{text-align:center}.contact-section{padding-top:clamp(32px,6vw,72px)}.contact-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:clamp(24px,4vw,56px);display:grid}.contact-intro h1{margin:0 0 var(--space-3);font-size:clamp(1.9rem,4vw,2.6rem);line-height:1.15}.contact-steps{gap:var(--space-3);margin:var(--space-5,24px) 0 0;padding:0;list-style:none;display:grid}.contact-steps li{align-items:flex-start;gap:var(--space-3);color:var(--text-secondary);display:flex}.contact-steps svg{width:22px;height:22px;color:var(--text-primary);flex:none;margin-top:1px}.contact-card{border:1px solid var(--border-card);border-radius:var(--radius-lg,14px);background:var(--bg-card);padding:clamp(20px,3vw,32px);box-shadow:0 12px 40px #00000014}.contact-fieldset{margin:0 0 var(--space-5,24px);border:0;padding:0}.contact-fieldset legend{margin-bottom:var(--space-3);padding:0;font-size:1.05rem;font-weight:650}.contact-row{align-items:start;gap:var(--space-3) var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}.contact-question{margin:0 0 var(--space-2);font-weight:500}.contact-interests{gap:var(--space-2) var(--space-4);margin-bottom:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}.contact-demo{gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3);border:1px solid var(--border-card);border-radius:var(--radius-md);display:grid}.contact-consent{margin-bottom:var(--space-4)}.contact-error{margin:0 0 var(--space-3);color:var(--color-danger,#c0392b);font-weight:500}.contact-submit{justify-content:center;width:100%}.contact-trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.contact-done{justify-items:start;gap:var(--space-3);display:grid}.contact-done h2{margin:0}.contact-done p{color:var(--text-secondary);margin:0}.contact-done-icon{width:40px;height:40px;color:var(--color-success,#2e7d32)}@media (width>=600px){.contact-row,.contact-interests{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-submit{width:auto}}@media (width>=1000px){.contact-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.contact-intro{position:sticky;top:96px}}.contact-wide{grid-column:1/-1}.enquiry-toolbar{margin-top:var(--space-4);gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}.enquiry-count{padding:var(--space-3) var(--space-4) 0;color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.enquiry-new td:first-child{box-shadow:inset 3px 0 0 var(--color-info,#2563eb)}.enquiry-demo,.enquiry-demo-note{align-items:center;gap:var(--space-1);font-weight:500;display:inline-flex}.enquiry-demo svg,.enquiry-demo-note svg{width:16px;height:16px}.enquiry-status.enquiry-new{background:color-mix(in srgb, var(--color-info,#2563eb) 15%, transparent)}.enquiry-status.enquiry-contacted{background:color-mix(in srgb, var(--color-warning,#b45309) 15%, transparent)}.enquiry-status.enquiry-demo_booked{background:color-mix(in srgb, var(--color-info,#2563eb) 25%, transparent)}.enquiry-status.enquiry-won{background:color-mix(in srgb, var(--color-success,#1e7b3a) 18%, transparent)}.enquiry-status.enquiry-closed{background:var(--bg-row-hover)}.enquiry-detail{gap:var(--space-3);display:grid}.enquiry-detail>p{margin:0}.enquiry-fields{gap:var(--space-2) var(--space-4);grid-template-columns:minmax(0,1fr);margin:0;display:grid}.enquiry-field dt{color:var(--text-secondary);font-size:var(--font-size-sm)}.enquiry-field dd{overflow-wrap:anywhere;margin:0}.enquiry-message-title{margin:var(--space-2) 0 0;font-size:1rem}.enquiry-message{padding:var(--space-3);border-radius:var(--radius-md);background:var(--bg-row-hover);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.enquiry-reply{justify-self:start}.enquiry-track{gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-card);display:grid}@media (width>=600px){.enquiry-toolbar{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.enquiry-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}