.auth-page{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6) var(--space-5)}.auth-gradient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 0% 0%,var(--color-accent-subtle),transparent 60%),radial-gradient(ellipse 80% 60% at 100% 0%,var(--color-accent-subtle),transparent 60%),radial-gradient(ellipse 80% 60% at 0% 100%,var(--surface-sunken),transparent 60%),radial-gradient(ellipse 80% 60% at 100% 100%,var(--surface-sunken),transparent 60%),linear-gradient(180deg,var(--surface-base),var(--surface-sunken))}.auth-page>*:not(.auth-gradient){position:relative;z-index:1}.auth-lang{display:inline-flex;gap:2px;padding:3px;margin-bottom:var(--space-5);background:var(--surface-sunken);border-radius:var(--radius-full)}.auth-lang button{padding:3px 9px;min-height:26px;border:none;border-radius:var(--radius-full);background:transparent;color:var(--ink-muted);font-size:var(--text-2xs-size);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer;transition:var(--transition-colors)}.auth-lang button[aria-pressed=true]{background:var(--surface-raised);color:var(--color-accent-text);box-shadow:var(--shadow-xs)}@media (hover: hover) and (pointer: fine){.auth-lang button:not([aria-pressed=true]):hover{color:var(--ink-secondary)}}.auth-lang button:focus-visible{box-shadow:var(--focus-ring);outline:none}.auth-logo{margin-bottom:var(--space-6)}.auth-logo img{height:32px;width:auto;display:block}.auth-card{width:100%;max-width:400px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-6) var(--space-7);overflow:hidden}.auth-card h1{font-size:var(--text-2xl-size);line-height:var(--text-2xl-leading);font-weight:var(--font-weight-semibold);letter-spacing:var(--text-2xl-tracking);margin:0 0 var(--space-5);text-align:left}.auth-error{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);border-radius:var(--radius-lg);background:var(--danger-bg);color:var(--danger-fg);border:1px solid var(--danger-border);font-size:var(--text-sm-size);line-height:var(--text-sm-leading)}.auth-error svg{flex:none;margin-top:2px}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm-size);font-weight:var(--font-weight-medium);color:var(--ink-secondary)}.label-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.forgot-link{font-size:var(--text-sm-size);color:var(--color-accent-text);padding:0 var(--space-1)}.forgot-link:hover{text-decoration:underline;text-underline-offset:3px}.form-input{width:100%;height:var(--control-height-md);padding:0 var(--control-padding-x);background:var(--surface-raised);color:var(--ink);border:1px solid var(--border-strong);border-radius:var(--radius-lg);font-size:var(--text-base-size);transition:var(--transition-colors),var(--transition-shadow)}.form-input::placeholder{color:var(--ink-muted)}.form-input:focus-visible{border-color:var(--color-accent);box-shadow:var(--focus-ring);outline:none}.form-input[aria-invalid=true]{border-color:var(--danger-fg)}.form-checkbox{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);font-size:var(--text-sm-size);color:var(--ink-secondary);cursor:pointer;min-height:var(--control-height-md)}.form-checkbox input{position:absolute;width:1px;height:1px;opacity:0}.checkbox-custom{flex:none;display:inline-grid;place-items:center;width:18px;height:18px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-raised);transition:var(--transition-colors)}.form-checkbox input:checked+.checkbox-custom{background:var(--color-accent);border-color:var(--color-accent)}.form-checkbox input:checked+.checkbox-custom:after{content:"";width:10px;height:6px;border-left:2px solid var(--color-on-accent);border-bottom:2px solid var(--color-on-accent);transform:translateY(-1px) rotate(-45deg)}.form-checkbox input:focus-visible+.checkbox-custom{box-shadow:var(--focus-ring)}.btn-auth-primary{position:relative;width:100%;height:var(--control-height-lg);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-lg);background:var(--color-accent);color:var(--color-on-accent);font-size:var(--text-base-size);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-colors),var(--transition-shadow),transform var(--duration-fast) var(--ease-standard)}.btn-auth-primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn-auth-primary:active:not(:disabled){transform:translateY(.5px)}.btn-auth-primary:focus-visible{box-shadow:var(--focus-ring);outline:none}.btn-auth-primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.btn-auth-primary[data-loading=true]{color:transparent;pointer-events:none}.btn-auth-primary[data-loading=true]:after{content:"";position:absolute;width:16px;height:16px;border:2px solid var(--color-on-accent);border-top-color:transparent;border-radius:var(--radius-full);opacity:.9;animation:bb-spin .7s linear infinite}@media (prefers-reduced-motion: reduce){.btn-auth-primary:active:not(:disabled){transform:none}.btn-auth-primary[data-loading=true]:after{animation-duration:2s}}.auth-divider{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-4) 0;color:var(--ink-muted);font-size:var(--text-2xs-size);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wider)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.rider-switch-link{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;min-height:var(--control-height-md);border:1px solid transparent;border-radius:var(--radius-lg);background:transparent;color:var(--ink-secondary);font-size:var(--text-sm-size);font-weight:var(--font-weight-medium);transition:var(--transition-colors),transform var(--duration-fast) var(--ease-standard)}.rider-switch-link:active{transform:translateY(.5px)}.rider-switch-link:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (hover: hover) and (pointer: fine){.rider-switch-link:hover{background:var(--surface-hover);color:var(--ink);text-decoration:none}}@media (prefers-reduced-motion: reduce){.rider-switch-link:active{transform:none}}.auth-footer{margin:var(--space-6) calc(var(--space-7) * -1) calc(var(--space-6) * -1);padding:var(--space-4) var(--space-7);background:var(--surface-sunken);border-top:1px solid var(--border);font-size:var(--text-sm-size);color:var(--ink-muted);text-align:center}.auth-footer a{color:var(--color-accent-text);font-weight:var(--font-weight-medium)}.auth-footer a:hover{text-decoration:underline;text-underline-offset:3px}.auth-page-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-6);font-size:var(--text-sm-size);color:var(--ink-muted)}.auth-page-footer a{color:var(--ink-muted)}.auth-page-footer a:hover{color:var(--ink-secondary);text-decoration:underline;text-underline-offset:3px}.mfa-card{text-align:center;position:relative}.mfa-card h1{text-align:center;margin:0 0 var(--space-2);font-size:var(--text-xl-size)}.mfa-sub{color:var(--ink-muted);font-size:var(--text-sm-size);line-height:var(--text-sm-leading);margin-bottom:var(--space-5)}.back-button{position:absolute;top:var(--space-4);left:var(--space-4);display:inline-grid;place-items:center;width:32px;height:32px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--ink-muted);cursor:pointer;transition:var(--transition-colors)}.back-button:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (hover: hover) and (pointer: fine){.back-button:hover{background:var(--surface-hover);color:var(--ink)}}.mfa-icon{display:inline-grid;place-items:center;width:56px;height:56px;margin:var(--space-3) auto var(--space-4);border-radius:var(--radius-lg);background:var(--color-accent);color:var(--color-on-accent)}.mfa-input-container{display:flex;justify-content:center;margin-bottom:var(--space-4)}.mfa-input{width:180px;height:56px;text-align:center;font-family:var(--font-mono);font-size:var(--text-2xl-size);letter-spacing:8px;text-indent:8px;color:var(--ink);background:var(--surface-raised);border:2px solid var(--border-strong);border-radius:var(--radius-lg);transition:var(--transition-colors),var(--transition-shadow)}.mfa-input:focus-visible{border-color:var(--color-accent);box-shadow:var(--focus-ring);outline:none}.mfa-help{margin-top:var(--space-5);font-size:var(--text-sm-size);color:var(--ink-muted)}.mfa-help a{color:var(--color-accent-text)}.mfa-help a:hover{text-decoration:underline;text-underline-offset:3px}.auth-blocked-card{text-align:center}.auth-blocked-card h1{text-align:center;font-size:var(--text-xl-size);margin-bottom:var(--space-3)}.auth-blocked-card p{color:var(--ink-secondary);font-size:var(--text-base-size);line-height:var(--text-base-leading);margin-bottom:var(--space-6)}.auth-blocked-icon{display:inline-grid;place-items:center;width:64px;height:64px;margin:0 auto var(--space-4);border-radius:var(--radius-xl);background:var(--warning-bg);color:var(--warning-fg);border:1px solid var(--warning-border)}.auth-blocked-actions{display:grid;gap:var(--space-3)}.auth-blocked-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-height-lg);padding:0 var(--space-4);border-radius:var(--radius-lg);border:1px solid transparent;font-size:var(--text-sm-size);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-colors),transform var(--duration-fast) var(--ease-standard)}.auth-blocked-btn:active{transform:translateY(.5px)}.auth-blocked-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.auth-blocked-btn.primary{background:var(--color-accent);color:var(--color-on-accent)}.auth-blocked-btn.primary:hover{background:var(--color-accent-hover);text-decoration:none}.auth-blocked-btn.secondary{background:var(--surface-raised);color:var(--ink);border-color:var(--border-strong)}@media (hover: hover) and (pointer: fine){.auth-blocked-btn.secondary:hover{background:var(--surface-hover)}}@media (prefers-reduced-motion: reduce){.auth-blocked-btn:active{transform:none}}@media (max-width: 480px){.auth-card{padding:var(--space-5)}.auth-footer{margin-inline:calc(var(--space-5) * -1);padding-inline:var(--space-5)}}.dashboard-wrapper{min-height:100vh;display:flex;flex-direction:column;background:var(--surface-base)}.dashboard{flex:1;display:grid;grid-template-columns:var(--shell-sidebar-width) minmax(0,1fr);min-height:0}.sidebar{display:flex;flex-direction:column;min-height:0;overflow-y:auto;background:var(--surface-raised);border-right:1px solid var(--border)}.sidebar__brand{display:flex;align-items:center;padding:var(--space-4) var(--space-4) var(--space-3)}.sidebar__brand img{height:22px;width:auto;display:block}.sidebar__header{position:relative;padding:0 var(--space-3) var(--space-3)}.sidebar__company-btn{display:flex;align-items:center;gap:var(--space-2);width:100%;min-height:var(--control-height-md);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-base);color:var(--ink);cursor:pointer;text-align:left;transition:var(--transition-colors)}.sidebar__company-btn.active{border-color:var(--border-strong);background:var(--surface-hover)}.sidebar__company-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (hover: hover) and (pointer: fine){.sidebar__company-btn:hover{background:var(--surface-hover)}}.sidebar__company-icon{display:inline-grid;place-items:center;color:var(--color-accent-text);flex:none}.sidebar__company-name{flex:1;min-width:0;font-size:var(--text-sm-size);font-weight:var(--font-weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__company-chevron{color:var(--ink-muted);flex:none;display:inline-grid;place-items:center}.company-dropdown{position:absolute;left:var(--space-3);right:var(--space-3);top:calc(100% - var(--space-2));z-index:var(--z-dropdown);padding:var(--space-1);background:var(--surface-overlay);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.company-dropdown__item{display:block;width:100%;padding:var(--space-2) var(--space-3);min-height:var(--control-height-md);border:none;background:none;border-radius:var(--radius-md);color:var(--ink-secondary);font-size:var(--text-sm-size);text-align:left;cursor:pointer;transition:var(--transition-colors)}.company-dropdown__item:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (hover: hover) and (pointer: fine){.company-dropdown__item:hover{background:var(--surface-hover);color:var(--ink);text-decoration:none}}.company-dropdown__item--logout{color:var(--danger-fg)}.company-dropdown__sep{height:1px;background:var(--border-muted);margin:var(--space-1) 0}.sidebar__nav{padding:0 var(--space-2) var(--space-5);display:flex;flex-direction:column;gap:2px}.sidebar__section{margin-top:var(--space-4)}.sidebar__section-title{padding:0 var(--space-3) var(--space-2);font-size:var(--text-2xs-size);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--ink-muted);transition:var(--transition-colors)}.sidebar__section.has-active .sidebar__section-title{color:var(--ink-secondary)}.sidebar__link{display:flex;align-items:center;gap:var(--space-3);min-height:var(--control-height-md);padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--ink-secondary);font-size:var(--text-sm-size);font-weight:var(--font-weight-medium);transition:var(--transition-colors)}.sidebar__link svg{flex:none;color:var(--ink-muted);transition:var(--transition-colors)}.sidebar__link:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (hover: hover) and (pointer: fine){.sidebar__link:hover{background:var(--surface-hover);color:var(--ink);text-decoration:none}.sidebar__link:hover svg{color:var(--ink-secondary)}}.sidebar__link.active{background:var(--color-accent-muted);color:var(--color-accent-text);font-weight:var(--font-weight-semibold)}.sidebar__link.active svg{color:var(--color-accent-text)}.main{display:flex;flex-direction:column;min-width:0;min-height:0}.topbar{display:flex;align-items:center;gap:var(--space-3);height:var(--shell-header-height);padding:0 var(--space-5);background:var(--surface-base);border-bottom:1px solid var(--border);transition:box-shadow var(--duration-fast) var(--ease-standard)}.topbar.scrolled{box-shadow:var(--shadow-sm)}.topbar__search{position:relative;display:flex;align-items:center;width:min(320px,40vw)}.topbar__search-icon{position:absolute;left:var(--space-3);display:inline-grid;place-items:center;color:var(--ink-muted);pointer-events:none}.topbar__search-input{width:100%;height:var(--control-height-md);padding:0 var(--space-3) 0 calc(var(--space-3) * 2 + 18px);background:var(--surface-sunken);color:var(--ink);border:1px solid transparent;border-radius:var(--radius-lg);font-size:var(--text-sm-size);transition:var(--transition-colors),var(--transition-shadow)}.topbar__search-input::placeholder{color:var(--ink-muted)}.topbar__search-input:focus-visible{background:var(--surface-raised);border-color:var(--color-accent);box-shadow:var(--focus-ring);outline:none}.topbar__spacer{flex:1}.topbar__actions{display:flex;align-items:center;gap:var(--space-2)}.lang-chips{display:inline-flex;gap:2px;padding:3px;background:var(--surface-sunken);border-radius:var(--radius-full)}.lang-chips button{padding:3px 9px;min-height:26px;border:none;border-radius:var(--radius-full);background:transparent;color:var(--ink-muted);font-size:var(--text-2xs-size);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer;transition:var(--transition-colors)}.lang-chips button[aria-pressed=true]{background:var(--surface-raised);color:var(--color-accent-text);box-shadow:var(--shadow-xs)}.lang-chips button:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (hover: hover) and (pointer: fine){.lang-chips button:not([aria-pressed=true]):hover{color:var(--ink-secondary)}}.iconbtn{display:inline-grid;place-items:center;width:32px;height:32px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--ink-muted);cursor:pointer;transition:var(--transition-colors)}.iconbtn:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (hover: hover) and (pointer: fine){.iconbtn:hover{background:var(--surface-hover);color:var(--ink)}}@media (pointer: coarse){.iconbtn{width:40px;height:40px}}.content{flex:1;min-height:0;overflow-y:auto;padding:var(--space-6)}.content>*{max-width:var(--container-content)}.footer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-6);padding:var(--space-3) var(--space-5);background:var(--surface-raised);border-top:1px solid var(--border)}.footer__stat{display:flex;align-items:baseline;gap:var(--space-2)}.footer__stat-label{font-size:var(--text-2xs-size);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--ink-muted)}.footer__stat-value{font-family:var(--font-mono);font-size:var(--text-sm-size);font-weight:var(--font-weight-semibold);color:var(--ink)}.footer__skeleton{display:inline-block;width:34px;height:.75rem;border-radius:var(--radius-sm);background:var(--surface-sunken)}@media (max-width: 1024px){.dashboard{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;gap:var(--space-2);overflow-x:auto;overflow-y:visible;border-right:none;border-bottom:1px solid var(--border)}.sidebar__brand{padding:var(--space-3) var(--space-4)}.sidebar__header{padding:0;min-width:200px}.sidebar__nav{flex-direction:row;padding:var(--space-2);gap:var(--space-1)}.sidebar__section{display:flex;margin-top:0;gap:var(--space-1)}.sidebar__section-title{display:none}.sidebar__link span{white-space:nowrap}}@media (max-width: 560px){.topbar{padding:0 var(--space-4);gap:var(--space-2)}.lang-chips{display:none}.content{padding:var(--space-4)}.footer{gap:var(--space-4)}}.page-title{font-size:var(--text-2xl-size);line-height:var(--text-2xl-leading);letter-spacing:var(--text-2xl-tracking);font-weight:var(--font-weight-semibold)}.page-sub{margin-top:var(--space-2);color:var(--ink-muted);font-size:var(--text-sm-size)}.ov-columns{display:grid;gap:var(--space-4);grid-template-columns:1.4fr 1fr;margin-bottom:var(--space-4)}@media (max-width: 900px){.ov-columns{grid-template-columns:1fr}}.ov-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--space-5);margin-bottom:var(--space-4)}.ov-columns .ov-card{margin-bottom:0}.chart-bars{display:flex;align-items:flex-end;gap:var(--space-2);height:132px;margin-bottom:var(--space-4)}.chart-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);height:100%;min-width:0}.chart-bar{width:100%;max-width:40px;margin-top:auto;background:var(--color-accent);border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:height var(--duration-slow) var(--ease-standard)}.ov-summary{display:grid;gap:var(--space-2);border-top:1px solid var(--border-muted);padding-top:var(--space-4)}.ov-summary-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.ov-summary-row dt{font-size:var(--text-sm-size);color:var(--ink-secondary)}.ov-summary-row dd{font-size:var(--text-sm-size);font-weight:var(--font-weight-semibold);color:var(--ink)}.ov-list{list-style:none;display:grid;gap:var(--space-1)}.ov-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;min-height:40px}.ov-row+.ov-row{border-top:1px solid var(--border-muted)}.ov-avatar{display:inline-grid;place-items:center;flex:none;width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-accent-muted);color:var(--color-accent-text);font-size:var(--text-2xs-size);font-weight:var(--font-weight-semibold)}.ov-row-main{flex:1;min-width:0;display:grid}.ov-row-title{font-size:var(--text-sm-size);font-weight:var(--font-weight-medium);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ov-row-sub{font-size:var(--text-xs-size);color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ov-row-value{font-size:var(--text-sm-size);font-weight:var(--font-weight-semibold);color:var(--ink)}.ov-empty{padding:var(--space-5) 0;text-align:center}.quick-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.qa-btn{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--control-height-md);padding:0 var(--space-4);background:var(--surface-raised);color:var(--ink);border:1px solid var(--border-strong);border-radius:var(--radius-lg);font-size:var(--text-sm-size);font-weight:var(--font-weight-medium);transition:var(--transition-colors),transform var(--duration-fast) var(--ease-standard)}.qa-btn:active{transform:translateY(.5px)}.qa-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (hover: hover) and (pointer: fine){.qa-btn:hover{background:var(--surface-hover);text-decoration:none}}@media (prefers-reduced-motion: reduce){.qa-btn:active{transform:none}}.pool-overview{display:grid;gap:var(--space-5);grid-template-columns:1fr 1.2fr;align-items:center;padding:var(--space-5);margin-bottom:var(--space-6);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-card)}@media (max-width: 900px){.pool-overview{grid-template-columns:1fr}}.pool-visual{display:grid;gap:var(--space-3)}.pool-bar{display:flex;overflow:hidden;height:12px;border-radius:var(--radius-full);background:var(--surface-sunken)}.pool-fill{display:block;height:100%;transition:width var(--duration-slow) var(--ease-standard)}.pool-fill.active{background:var(--color-accent)}.pool-fill.available{background:var(--color-accent-border)}@media (prefers-reduced-motion: reduce){.pool-fill{transition:none}}.pool-legend{display:flex;flex-wrap:wrap;gap:var(--space-4)}.legend-item{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm-size);color:var(--ink-secondary)}.legend-item .dot{width:8px;height:8px;border-radius:var(--radius-full);flex:none}.legend-item.active .dot{background:var(--color-accent)}.legend-item.available .dot{background:var(--color-accent-border)}.pool-stats{display:grid;gap:var(--space-3);grid-template-columns:repeat(3,1fr)}@media (max-width: 560px){.pool-stats{grid-template-columns:1fr}}.stat-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface-base);border:1px solid var(--border);border-radius:var(--radius-lg)}.stat-card.active{border-color:var(--color-accent-border)}.stat-icon{display:inline-grid;place-items:center;flex:none;width:36px;height:36px;border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--ink-muted)}.stat-card.active .stat-icon,.stat-card.available .stat-icon{background:var(--color-accent-subtle);color:var(--color-accent-text)}.stat-content{display:grid;min-width:0}.stat-value{font-family:var(--font-mono);font-size:var(--text-xl-size);font-weight:var(--font-weight-semibold);color:var(--ink);line-height:1.2}.stat-label{font-size:var(--text-2xs-size);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--ink-muted)}.lic-key{display:inline-grid;place-items:center;flex:none;width:28px;height:28px;border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--ink-muted)}.info-card{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);margin-bottom:var(--space-5);background:var(--color-accent-subtle);border:1px solid var(--color-accent-border);border-radius:var(--radius-card)}.info-icon{display:inline-grid;place-items:center;flex:none;color:var(--color-accent-text)}.info-title{font-size:var(--text-base-size);font-weight:var(--font-weight-semibold);color:var(--ink)}.info-body{margin-top:var(--space-1);font-size:var(--text-sm-size);color:var(--ink-secondary);max-width:72ch}.tariffs-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.tariff-card{display:grid;gap:var(--space-4);padding:var(--space-5);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-card);transition:var(--transition-colors),opacity var(--duration-base) var(--ease-standard)}.tariff-card.inactive{background:var(--surface-base);opacity:.72}.tariff-card.inactive:focus-within{opacity:1}.tariff-card.is-loading{min-height:168px;align-content:center}@media (prefers-reduced-motion: reduce){.tariff-card{transition:none}}.tariff-head{display:flex;align-items:center;gap:var(--space-3)}.tariff-letter{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;border-radius:var(--radius-lg);background:var(--color-accent);color:var(--color-on-accent);font-family:var(--font-mono);font-size:var(--text-lg-size);font-weight:var(--font-weight-bold)}.tariff-card.inactive .tariff-letter{background:var(--surface-sunken);color:var(--ink-muted)}.tariff-ident{flex:1;min-width:0}.tariff-desc-input{width:100%;min-height:32px;padding:var(--space-1) var(--space-2);background:transparent;color:var(--ink);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--text-sm-size);font-family:inherit;transition:var(--transition-colors),var(--transition-shadow)}.tariff-desc-input::placeholder{color:var(--ink-muted)}.tariff-desc-input:focus-visible{background:var(--surface-base);border-color:var(--color-accent);box-shadow:var(--focus-ring);outline:none}@media (hover: hover) and (pointer: fine){.tariff-desc-input:hover{border-color:var(--border)}}.switch{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;flex:none;min-height:40px}.switch input{position:absolute;opacity:0;width:0;height:0}.switch-track{position:relative;display:inline-block;flex:none;width:38px;height:22px;border-radius:var(--radius-full);background:var(--surface-sunken);border:1px solid var(--border-strong);transition:var(--transition-colors)}.switch-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:var(--radius-full);background:var(--surface-raised);box-shadow:var(--shadow-xs);transition:transform var(--duration-fast) var(--ease-standard)}.switch input:checked+.switch-track{background:var(--color-accent);border-color:var(--color-accent)}.switch input:checked+.switch-track .switch-thumb{transform:translate(16px)}.switch input:focus-visible+.switch-track{box-shadow:var(--focus-ring);outline:none}.switch-label{font-size:var(--text-sm-size);color:var(--ink-secondary)}.switch input:checked~.switch-label{color:var(--ink);font-weight:var(--font-weight-medium)}@media (prefers-reduced-motion: reduce){.switch-thumb{transition:none}}.tariff-fields{display:grid;gap:var(--space-3);grid-template-columns:repeat(3,1fr)}@media (max-width: 520px){.tariff-fields{grid-template-columns:1fr}}.money-input{position:relative;display:block}.money-affix{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--ink-muted);font-size:var(--text-sm-size);pointer-events:none}.money-input .input{padding-left:calc(var(--space-3) * 2 + 8px)}.tariff-calc{display:grid;grid-template-columns:auto auto;gap:var(--space-1) var(--space-3);align-items:baseline;padding-top:var(--space-3);border-top:1px solid var(--border-muted)}.calc-label{font-size:var(--text-sm-size);color:var(--ink-secondary)}.calc-value{font-size:var(--text-base-size);font-weight:var(--font-weight-semibold);color:var(--ink);justify-self:end}.calc-hint{grid-column:1 / -1;font-size:var(--text-xs-size);color:var(--ink-muted)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.free-list{list-style:none;display:grid;gap:var(--space-2);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border-muted)}.free-list li{display:flex;align-items:center;gap:var(--space-3);min-height:40px;font-size:var(--text-sm-size)}.free-list li .pill{margin-left:auto}.seg-btn{display:inline-flex;align-items:center;gap:var(--space-2);min-height:34px;padding:0 var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;color:var(--ink-secondary);font-size:var(--text-sm-size);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;transition:var(--transition-colors)}.seg-btn.active{background:var(--surface-raised);color:var(--color-accent-text);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-xs)}.seg-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (hover: hover) and (pointer: fine){.seg-btn:not(.active):hover{color:var(--ink)}}.rt-list{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden}.rt-head,.rt-row{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr .8fr;gap:var(--space-4);align-items:center;padding:var(--space-3) var(--space-4);text-align:left}.rt-head{background:var(--surface-sunken);border-bottom:1px solid var(--border);font-size:var(--text-2xs-size);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--ink-muted)}.rt-row{width:100%;min-height:56px;border:none;border-bottom:1px solid var(--border-muted);background:transparent;color:var(--ink-secondary);font-size:var(--text-sm-size);font-family:inherit;cursor:pointer;transition:var(--transition-colors)}.rt-row:last-child{border-bottom:none}.rt-row:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (hover: hover) and (pointer: fine){.rt-row:hover{background:var(--surface-hover)}}.rt-cell{display:grid;gap:2px;min-width:0;justify-items:start}.rt-cell.id-cell{display:flex;align-items:center;gap:var(--space-3)}@media (max-width: 900px){.rt-head{display:none}.rt-row{grid-template-columns:1fr 1fr;gap:var(--space-3)}}.rt-note{margin-top:var(--space-3);font-size:var(--text-xs-size);color:var(--ink-muted)}.fleet-map{position:relative;height:clamp(320px,52vh,560px);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden}.fleet-map__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,var(--border-muted) 1px,transparent 1px),linear-gradient(to bottom,var(--border-muted) 1px,transparent 1px);background-size:48px 48px;opacity:.6}.map-pin{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-1);background:var(--surface-overlay);color:var(--ink);border:1px solid var(--border-strong);border-radius:var(--radius-full);box-shadow:var(--shadow-md);font-size:var(--text-xs-size);font-weight:var(--font-weight-medium);font-family:inherit;cursor:pointer;white-space:nowrap;transition:var(--transition-colors),var(--transition-shadow)}.map-pin:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (hover: hover) and (pointer: fine){.map-pin:hover{border-color:var(--color-accent);box-shadow:var(--shadow-lg)}}.pin-dot{width:10px;height:10px;border-radius:var(--radius-full);flex:none}.map-pin.on-trip .pin-dot{background:var(--color-accent)}.map-pin.free .pin-dot{background:var(--success-fg)}.map-pin.offline .pin-dot{background:var(--ink-muted)}.map-pin.offline{opacity:.7}.rt-profile{display:flex;align-items:center;gap:var(--space-4)}.avatar.lg{width:48px;height:48px;font-size:var(--text-base-size)}.chart-bars{display:flex;align-items:flex-end;gap:var(--space-2);height:200px}.chart-bar-container{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.chart-figure{font-size:var(--text-2xs-size);color:var(--ink-muted);white-space:nowrap;margin-top:auto}.chart-bar{width:100%;max-width:44px;background:var(--color-accent);border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:height var(--duration-slow) var(--ease-standard)}.chart-label{font-size:var(--text-2xs-size);color:var(--ink-muted);white-space:nowrap}@media (prefers-reduced-motion: reduce){.chart-bar{transition:none}}@media (max-width: 640px){.chart-figure{display:none}}.share-cell{display:flex;align-items:center;gap:var(--space-3);min-width:140px}.share-track{flex:1;height:6px;border-radius:var(--radius-full);background:var(--surface-sunken);overflow:hidden}.share-fill{display:block;height:100%;background:var(--color-accent);border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-standard)}@media (prefers-reduced-motion: reduce){.share-fill{transition:none}}.purchase-toggle{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--space-6)}.toggle-card{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-card);text-align:left;cursor:pointer;font-family:inherit;transition:var(--transition-colors),transform var(--duration-fast) var(--ease-standard)}.toggle-card.active{border-color:var(--color-accent);background:var(--color-accent-subtle)}.toggle-card:focus-visible{box-shadow:var(--focus-ring);outline:none}.toggle-card:active{transform:translateY(.5px)}@media (hover: hover) and (pointer: fine){.toggle-card:not(.active):hover{border-color:var(--border-strong)}}@media (prefers-reduced-motion: reduce){.toggle-card:active{transform:none}}.toggle-mark{display:inline-grid;place-items:center;flex:none;width:20px;height:20px;margin-top:2px;border:1.5px solid var(--border-strong);border-radius:var(--radius-full);color:var(--color-on-accent)}.toggle-card.active .toggle-mark{background:var(--color-accent);border-color:var(--color-accent)}.toggle-content{display:grid;gap:var(--space-1);min-width:0}.toggle-title{font-size:var(--text-base-size);font-weight:var(--font-weight-semibold);color:var(--ink)}.toggle-desc{font-size:var(--text-sm-size);color:var(--ink-secondary)}.products-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:var(--space-6)}.product-card{display:grid;gap:var(--space-4);align-content:start;padding:var(--space-5);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-card);transition:var(--transition-colors)}.product-card.selected{border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.product-card.blocked{background:var(--surface-base)}.product-header{display:flex;align-items:flex-start;gap:var(--space-3)}.product-icon{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;border-radius:var(--radius-lg);background:var(--color-accent-subtle);color:var(--color-accent-text)}.product-name{font-size:var(--text-base-size);font-weight:var(--font-weight-semibold);color:var(--ink)}.product-desc{margin-top:var(--space-1);font-size:var(--text-sm-size);color:var(--ink-secondary)}.product-features{list-style:none;display:grid;gap:var(--space-2)}.product-features li{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm-size);color:var(--ink-secondary)}.product-features svg{flex:none;color:var(--success-fg);margin-top:2px}.product-price{display:grid;gap:var(--space-1);padding-top:var(--space-4);border-top:1px solid var(--border-muted)}.price-amount{font-size:var(--text-2xl-size);font-weight:var(--font-weight-semibold);color:var(--ink);line-height:1.1}.price-free{font-size:var(--text-2xl-size);font-weight:var(--font-weight-semibold);color:var(--success-fg);line-height:1.1}.price-period{font-size:var(--text-sm-size);color:var(--ink-secondary)}.price-note{font-size:var(--text-xs-size);color:var(--ink-muted)}.product-foot{margin-top:auto}.disabled-note{font-size:var(--text-xs-size);color:var(--ink-muted);min-height:40px;display:flex;align-items:center}.order-summary{padding:var(--space-5);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-card)}.summary-items{list-style:none;display:grid;gap:var(--space-2)}.summary-item{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);font-size:var(--text-sm-size);color:var(--ink-secondary)}.summary-total{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border);font-size:var(--text-base-size);font-weight:var(--font-weight-semibold);color:var(--ink)}.total-amount{font-size:var(--text-xl-size)}.order-note{margin:var(--space-4) 0;font-size:var(--text-sm-size);color:var(--ink-muted);max-width:70ch}.cards-list{display:grid;gap:var(--space-3)}.card-row{display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-card)}@media (max-width: 640px){.card-row{grid-template-columns:auto 1fr auto;row-gap:var(--space-2)}.card-expiry{grid-column:2 / -1}}.card-icon{display:inline-grid;place-items:center;flex:none;width:40px;height:28px;border-radius:var(--radius-sm);background:var(--surface-sunken);color:var(--ink-secondary)}.card-details{display:grid;gap:2px;min-width:0}.card-type{font-size:var(--text-sm-size);font-weight:var(--font-weight-semibold);color:var(--ink);text-transform:capitalize}.card-meta{font-size:var(--text-sm-size);color:var(--ink-secondary);letter-spacing:var(--tracking-wide)}.card-expiry{font-size:var(--text-xs-size)}.security-note{display:flex;align-items:flex-start;gap:var(--space-2);margin-top:var(--space-5);font-size:var(--text-sm-size);color:var(--ink-muted);max-width:78ch}.security-note svg{flex:none;margin-top:3px;color:var(--success-fg)}.sig-block{margin-top:var(--space-5)}.sig-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.sig-canvas{display:block;width:100%;height:180px;background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-lg);color:var(--ink);cursor:crosshair;touch-action:none}.sig-canvas:focus-visible{box-shadow:var(--focus-ring);outline:none}.sig-line{height:1px;margin:var(--space-2) var(--space-5) 0;background:var(--border)}.plan-tier{font-size:var(--text-xl-size);font-weight:var(--font-weight-semibold);color:var(--ink);text-transform:capitalize}.stack{display:grid;gap:var(--space-4)}.faq-list{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden;margin-bottom:var(--space-6)}.faq-item+.faq-item{border-top:1px solid var(--border-muted)}.faq-q{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%;min-height:56px;padding:var(--space-4) var(--space-5);border:none;background:transparent;color:var(--ink);font-family:inherit;font-size:var(--text-base-size);font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;transition:var(--transition-colors)}.faq-q:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (hover: hover) and (pointer: fine){.faq-q:hover{background:var(--surface-hover)}}.faq-chevron{display:inline-grid;place-items:center;flex:none;color:var(--ink-muted);transition:transform var(--duration-fast) var(--ease-standard)}.faq-item.open .faq-chevron{transform:rotate(180deg)}.faq-item.open .faq-q{color:var(--color-accent-text)}@media (prefers-reduced-motion: reduce){.faq-chevron{transition:none}}.faq-a{display:grid;gap:var(--space-3);justify-items:start;padding:0 var(--space-5) var(--space-5)}.faq-a p{font-size:var(--text-sm-size);color:var(--ink-secondary);max-width:74ch}.contact-card{display:grid;gap:var(--space-4);justify-items:start}.contact-btn{text-decoration:none}:root{color-scheme:light;--surface-base: #F7F5F0;--surface-raised: #FFFDFA;--surface-overlay: #FFFFFF;--surface-sunken: #EFEDE6;--surface-hover: #F1EFE8;--surface-active: #E9E6DD;--surface-inverse: #1C1B18;--scrim: rgba(28, 27, 24, .44);--ink: #1C1B18;--ink-secondary: #57534E;--ink-muted: #766F6A;--ink-subtle: #A8A29B;--ink-on-accent: #FFFFFF;--ink-inverse: #F7F5F0;--border: #E7E4DD;--border-muted: #F0EEE8;--border-strong: #D6D2C9;--accent-50: #F2F3FB;--accent-100: #E4E7F6;--accent-200: #C9CDED;--accent-300: #A3AADD;--accent-400: #757DC4;--accent-500: #5860AC;--accent-600: #454FA0;--accent-700: #3A4187;--accent-800: #313870;--accent-900: #2B3059;--accent-950: #1B1E3A;--color-accent: var(--accent-600);--color-accent-hover: var(--accent-700);--color-accent-active: var(--accent-800);--color-accent-text: var(--accent-700);--color-accent-border: var(--accent-200);--color-accent-muted: var(--accent-100);--color-accent-subtle: var(--accent-50);--color-on-accent: var(--ink-on-accent);--success: #0F7A46;--success-fg: #0B5C37;--success-bg: #EDF6F0;--success-border: #C9E5D4;--warning: #B7791F;--warning-fg: #7C4A12;--warning-bg: #FDF5E6;--warning-border: #F2DDB0;--danger: #C23934;--danger-fg: #8F2C22;--danger-bg: #FBEEEC;--danger-border: #F2D0CB;--info: #2C6CB0;--info-fg: #1F4E80;--info-bg: #EEF4FB;--info-border: #CADCEF;--color-success: var(--success);--color-warning: var(--warning);--color-error: var(--danger);--color-danger: var(--danger);--color-info: var(--info);--legal-yellow: #F5C542;--legal-yellow-edge: #FFD24A;--legal-yellow-ink: #1A1A1A;--legal-yellow-line: #8F7000;--legal-yellow-rgb: 245, 197, 66;--focus-ring-color: rgba(69, 79, 160, .45);--focus-ring-width: 3px;--focus-ring: 0 0 0 var(--focus-ring-width) var(--focus-ring-color);--focus-ring-danger: 0 0 0 var(--focus-ring-width) rgba(194, 57, 52, .4);--selection-bg: var(--accent-100);--selection-fg: var(--accent-900);--font-serif: "Source Serif 4", "Newsreader", Georgia, "Times New Roman", serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "Cascadia Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-body: var(--font-sans);--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--leading-none: 1;--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.6;--leading-loose: 1.75;--tracking-tighter: -.02em;--tracking-tight: -.015em;--tracking-snug: -.008em;--tracking-normal: 0;--tracking-wide: .02em;--tracking-wider: .06em;--text-display-size: 4.5rem;--text-display-leading: 1.05;--text-display-weight: var(--font-weight-regular);--text-display-tracking: var(--tracking-tighter);--text-display-family: var(--font-serif);--text-4xl-size: 3rem;--text-4xl-leading: 1.1;--text-4xl-weight: var(--font-weight-semibold);--text-4xl-tracking: var(--tracking-tight);--text-3xl-size: 2.25rem;--text-3xl-leading: 1.15;--text-3xl-weight: var(--font-weight-semibold);--text-3xl-tracking: var(--tracking-tight);--text-2xl-size: 1.75rem;--text-2xl-leading: 1.2;--text-2xl-weight: var(--font-weight-semibold);--text-2xl-tracking: var(--tracking-snug);--text-xl-size: 1.375rem;--text-xl-leading: 1.3;--text-xl-weight: var(--font-weight-semibold);--text-xl-tracking: var(--tracking-snug);--text-lg-size: 1.125rem;--text-lg-leading: var(--leading-relaxed);--text-lg-weight: var(--font-weight-regular);--text-lg-tracking: var(--tracking-normal);--text-base-size: 1rem;--text-base-leading: var(--leading-relaxed);--text-base-weight: var(--font-weight-regular);--text-base-tracking: var(--tracking-normal);--text-sm-size: .875rem;--text-sm-leading: var(--leading-normal);--text-sm-weight: var(--font-weight-regular);--text-sm-tracking: var(--tracking-normal);--text-xs-size: .8125rem;--text-xs-leading: 1.5;--text-xs-weight: var(--font-weight-regular);--text-xs-tracking: var(--tracking-wide);--text-2xs-size: .6875rem;--text-2xs-leading: 1.4;--text-2xs-weight: var(--font-weight-semibold);--text-2xs-tracking: var(--tracking-wider);--space-px: 1px;--space-0-5: .125rem;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.5rem;--space-8: 3rem;--space-9: 4rem;--space-10: 5rem;--space-11: 6rem;--space-12: 8rem;--radius-none: 0;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-3xl: 24px;--radius-full: 9999px;--radius-card: 12px;--shadow-xs: 0 1px 2px rgba(28, 27, 24, .04);--shadow-sm: 0 1px 3px rgba(28, 27, 24, .06), 0 1px 2px rgba(28, 27, 24, .04);--shadow-md: 0 4px 12px rgba(28, 27, 24, .08);--shadow-lg: 0 8px 28px rgba(28, 27, 24, .1);--shadow-xl: 0 20px 48px rgba(28, 27, 24, .14);--shadow-card: 0 0 0 1px var(--border), 0 1px 2px rgba(28, 27, 24, .04);--shadow-focus: var(--focus-ring);--shadow-inner: inset 0 1px 2px rgba(28, 27, 24, .06);--duration-instant: 60ms;--duration-fast: .12s;--duration-base: .18s;--duration-slow: .26s;--duration-slower: .4s;--duration-deliberate: .8s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-entrance: cubic-bezier(.16, 1, .3, 1);--ease-exit: cubic-bezier(.4, 0, 1, 1);--ease-heavy: cubic-bezier(.4, 0, .2, 1);--ease-settle: cubic-bezier(.2, .9, .2, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--press-offset: .5px;--duration-press: var(--duration-fast);--transition-press: transform var(--duration-press) var(--ease-standard);--transition-colors: color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);--transition-transform: transform var(--duration-base) var(--ease-standard);--transition-shadow: box-shadow var(--duration-base) var(--ease-standard);--z-base: 0;--z-raised: 10;--z-sticky: 100;--z-header: 200;--z-drawer: 300;--z-dropdown: 400;--z-overlay: 500;--z-modal: 600;--z-command: 650;--z-popover: 700;--z-toast: 800;--z-tooltip: 900;--z-max: 9999;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1200px;--container-2xl: 1440px;--container-content: 1120px;--container-prose: 68ch;--grid-columns: 12;--grid-gutter: var(--space-5);--grid-margin: var(--space-6);--shell-sidebar-width: 264px;--shell-sidebar-width-collapsed: 72px;--shell-header-height: 64px;--shell-footer-height: 40px;--control-height-sm: 32px;--control-height-md: 40px;--control-height-lg: 48px;--control-padding-x: var(--space-4);--table-row-height: 56px;--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--bp-2xl: 1536px;--bridge-card-bg-1: #0F0F1A;--bridge-card-bg-2: #17182E;--bridge-card-bg-3: #21254A;--bridge-card-ink: #F4F4F8;--bridge-card-edge: var(--accent-500);--bridge-card-qr-frame: #FFFFFF}[data-theme=dark]{color-scheme:dark;--surface-base: #131315;--surface-raised: #1A1A1D;--surface-overlay: #202023;--surface-sunken: #0F0F11;--surface-hover: #232327;--surface-active: #2A2A2E;--surface-inverse: #F7F5F0;--scrim: rgba(8, 8, 10, .62);--ink: #F5F4F1;--ink-secondary: #B4AFA7;--ink-muted: #8A857D;--ink-subtle: #605C55;--ink-on-accent: #14152B;--ink-inverse: #1C1B18;--border: #2C2C2F;--border-muted: #202023;--border-strong: #3A3A3F;--color-accent: #8890DC;--color-accent-hover: #9AA1E6;--color-accent-active: #AEB4ED;--color-accent-text: #A6ACE9;--color-accent-border: rgba(136, 144, 220, .3);--color-accent-muted: rgba(136, 144, 220, .16);--color-accent-subtle: rgba(136, 144, 220, .1);--color-on-accent: var(--ink-on-accent);--success: #34C77B;--success-fg: #7FE0AC;--success-bg: rgba(52, 199, 123, .12);--success-border: rgba(52, 199, 123, .3);--warning: #E0A94E;--warning-fg: #F0C77E;--warning-bg: rgba(224, 169, 78, .12);--warning-border: rgba(224, 169, 78, .3);--danger: #F26D6D;--danger-fg: #F79A9A;--danger-bg: rgba(242, 109, 109, .12);--danger-border: rgba(242, 109, 109, .32);--info: #5AA9FF;--info-fg: #93C6FF;--info-bg: rgba(90, 169, 255, .12);--info-border: rgba(90, 169, 255, .3);--color-success: var(--success);--color-warning: var(--warning);--color-error: var(--danger);--color-danger: var(--danger);--color-info: var(--info);--legal-yellow: #F5C542;--legal-yellow-edge: #FFD24A;--legal-yellow-ink: #1A1A1A;--legal-yellow-line: #FFD24A;--legal-yellow-rgb: 245, 197, 66;--focus-ring-color: rgba(136, 144, 220, .55);--focus-ring: 0 0 0 var(--focus-ring-width) var(--focus-ring-color);--focus-ring-danger: 0 0 0 var(--focus-ring-width) rgba(242, 109, 109, .45);--selection-bg: rgba(136, 144, 220, .28);--selection-fg: var(--ink);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 14px rgba(0, 0, 0, .55);--shadow-lg: 0 10px 32px rgba(0, 0, 0, .6);--shadow-xl: 0 24px 56px rgba(0, 0, 0, .7);--shadow-card: 0 0 0 1px var(--border), 0 1px 3px rgba(0, 0, 0, .45);--shadow-focus: var(--focus-ring);--shadow-inner: inset 0 1px 2px rgba(0, 0, 0, .45);--bridge-card-bg-1: #0F0F1A;--bridge-card-bg-2: #17182E;--bridge-card-bg-3: #21254A;--bridge-card-ink: #F4F4F8;--bridge-card-edge: var(--color-accent);--bridge-card-qr-frame: #FFFFFF}::selection{background:var(--selection-bg);color:var(--selection-fg)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}body{background:var(--surface-base);color:var(--ink);font-family:var(--font-body);font-size:var(--text-base-size);line-height:var(--text-base-leading);letter-spacing:var(--text-base-tracking);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:var(--ink);font-weight:var(--font-weight-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}p{line-height:var(--text-base-leading)}a{color:var(--color-accent-text);text-decoration:none;transition:var(--transition-colors)}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}img,svg,video,canvas{display:block;max-width:100%}:focus{outline:none}:focus-visible{outline:none;box-shadow:var(--focus-ring)}button:not(:disabled),[role=button]:not([aria-disabled=true]),summary,label[for]{touch-action:manipulation}button:not(:disabled):active,[role=button]:not([aria-disabled=true]):active{transform:translateY(.5px)}button{transition:var(--transition-press),var(--transition-colors)}@media (pointer: coarse){:root{--control-height-sm: 40px;--control-height-md: 44px;--control-height-lg: 52px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-property:opacity,color,background-color,border-color,box-shadow,fill,stroke!important;transition-duration:var(--duration-fast)!important;scroll-behavior:auto!important}button:not(:disabled):active,[role=button]:active{transform:none}}@media (prefers-reduced-transparency: reduce){*{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}@media (prefers-contrast: more){:focus-visible{outline:2px solid currentColor;outline-offset:2px}}.page-header{margin-bottom:var(--space-5)}.page-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}@media (max-width: 640px){.page-header-row{flex-direction:column;align-items:stretch}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-height-md);padding:0 var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm-size);font-weight:var(--font-weight-semibold);white-space:nowrap;cursor:pointer;border:1px solid transparent;transition:var(--transition-colors),transform var(--duration-fast) var(--ease-standard)}.btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.btn:active:not(:disabled){transform:translateY(.5px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:var(--color-on-accent)}.btn-secondary{background:var(--surface-raised);color:var(--ink);border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--ink-secondary);border-color:transparent}.btn-danger{background:var(--danger-bg);color:var(--danger-fg);border-color:var(--danger-border)}.btn-sm{min-height:var(--control-height-sm);padding:0 var(--space-3);font-size:var(--text-xs-size)}@media (hover: hover) and (pointer: fine){.btn-primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover)}.btn-ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--ink)}.btn-danger:hover:not(:disabled){border-color:var(--danger-fg)}.btn:hover{text-decoration:none}}@media (prefers-reduced-motion: reduce){.btn:active:not(:disabled){transform:none}}.btn[data-loading=true]{position:relative;color:transparent;pointer-events:none}.btn[data-loading=true]:after{content:"";position:absolute;width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:var(--radius-full);animation:bb-spin .7s linear infinite;color:var(--color-on-accent)}.btn-secondary[data-loading=true]:after,.btn-ghost[data-loading=true]:after{color:var(--ink)}@keyframes bb-spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:var(--radius-full);animation:bb-spin .7s linear infinite}@media (prefers-reduced-motion: reduce){.btn[data-loading=true]:after,.spinner{animation-duration:1.6s}}.metrics-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:var(--space-5)}.metric-card{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-card);text-align:left}.metric-card.is-filter{cursor:pointer;transition:var(--transition-colors),transform var(--duration-fast) var(--ease-standard)}.metric-card.is-filter:focus-visible{box-shadow:var(--focus-ring);outline:none}.metric-card.is-filter:active{transform:translateY(.5px)}.metric-card.is-filter.active{border-color:var(--color-accent);background:var(--color-accent-subtle)}@media (hover: hover) and (pointer: fine){.metric-card.is-filter:hover{border-color:var(--border-strong)}}@media (prefers-reduced-motion: reduce){.metric-card.is-filter:active{transform:none}}.metric-icon{display:inline-grid;place-items:center;flex:none;width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-accent-subtle);color:var(--color-accent-text)}.metric-content{flex:1;min-width:0;display:block}.metric-title{display:block;font-size:var(--text-2xs-size);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--ink-muted)}.metric-value{display:block;margin-top:var(--space-1);font-family:var(--font-mono);font-size:var(--text-xl-size);font-weight:var(--font-weight-semibold);color:var(--ink)}.metric-skeleton,.row-skeleton,.chart-skeleton{display:inline-block;border-radius:var(--radius-sm);background:var(--surface-sunken)}.metric-skeleton{width:72px;height:1.25rem}.row-skeleton{width:100%;height:1rem}.row-skeleton.short{width:64px}.chart-skeleton{width:100%;height:40%;align-self:flex-end}.pill{display:inline-flex;align-items:center;gap:var(--space-1);flex:none;height:22px;padding:0 var(--space-2);border-radius:var(--radius-full);font-size:var(--text-2xs-size);font-weight:var(--font-weight-semibold);white-space:nowrap;border:1px solid}.pill .dot{width:6px;height:6px;border-radius:var(--radius-full);background:currentColor;flex:none}.pill.success{color:var(--success-fg);background:var(--success-bg);border-color:var(--success-border)}.pill.warning{color:var(--warning-fg);background:var(--warning-bg);border-color:var(--warning-border)}.pill.danger{color:var(--danger-fg);background:var(--danger-bg);border-color:var(--danger-border)}.pill.neutral{color:var(--ink-secondary);background:var(--surface-sunken);border-color:var(--border)}.filters-bar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.search-box{position:relative;display:flex;align-items:center;flex:1;min-width:200px}.search-icon{position:absolute;left:var(--space-3);display:inline-grid;place-items:center;color:var(--ink-muted);pointer-events:none}.search-input{width:100%;height:var(--control-height-md);padding:0 var(--space-3) 0 calc(var(--space-3) * 2 + 16px);background:var(--surface-raised);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:var(--text-sm-size);transition:var(--transition-colors),var(--transition-shadow)}.search-input::placeholder{color:var(--ink-muted)}.search-input:focus-visible{border-color:var(--color-accent);box-shadow:var(--focus-ring);outline:none}.filters-right{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.view-toggle{display:inline-flex;gap:2px;padding:3px;background:var(--surface-sunken);border-radius:var(--radius-lg)}.view-btn{display:inline-grid;place-items:center;width:34px;height:34px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--ink-muted);cursor:pointer;transition:var(--transition-colors)}.view-btn.active{background:var(--surface-raised);color:var(--color-accent-text);box-shadow:var(--shadow-xs)}.view-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (hover: hover) and (pointer: fine){.view-btn:not(.active):hover{color:var(--ink-secondary)}}.filter-tabs{display:inline-flex;gap:2px;padding:3px;background:var(--surface-sunken);border-radius:var(--radius-lg);flex-wrap:wrap}.filter-tab{min-height:34px;padding:0 var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;color:var(--ink-secondary);font-size:var(--text-sm-size);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;transition:var(--transition-colors)}.filter-tab.active{background:var(--surface-raised);color:var(--color-accent-text);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-xs)}.filter-tab:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (hover: hover) and (pointer: fine){.filter-tab:not(.active):hover{color:var(--ink)}}.table-container{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-card);overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm-size)}.data-table th{position:sticky;top:0;z-index:var(--z-raised);padding:var(--space-3) var(--space-4);background:var(--surface-sunken);border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;font-size:var(--text-2xs-size);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--ink-muted)}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-muted);color:var(--ink-secondary);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{transition:var(--transition-colors)}@media (hover: hover) and (pointer: fine){.data-table tbody tr:hover{background:var(--surface-hover)}}.data-table .col-actions{text-align:right;white-space:nowrap}.cell-strong{color:var(--ink);font-weight:var(--font-weight-medium)}.cell-sub{display:block;font-size:var(--text-xs-size);color:var(--ink-muted)}.mono{font-family:var(--font-mono)}.id-cell{display:flex;align-items:center;gap:var(--space-3)}.avatar{display:inline-grid;place-items:center;flex:none;width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-accent-muted);color:var(--color-accent-text);font-size:var(--text-2xs-size);font-weight:var(--font-weight-semibold)}.plate{display:inline-flex;align-items:center;height:22px;padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--legal-yellow);color:var(--legal-yellow-ink);border:1px solid var(--legal-yellow-line);font-family:var(--font-mono);font-size:var(--text-2xs-size);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-wide)}.cards-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.entity-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-card)}.entity-card__head{display:flex;align-items:flex-start;gap:var(--space-3)}.entity-card__title{font-size:var(--text-base-size);font-weight:var(--font-weight-semibold);color:var(--ink)}.entity-card__sub{font-size:var(--text-xs-size);color:var(--ink-muted)}.entity-card__rows{display:grid;gap:var(--space-2);border-top:1px solid var(--border-muted);padding-top:var(--space-3)}.entity-card__row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);font-size:var(--text-sm-size)}.entity-card__row dt{color:var(--ink-muted)}.entity-card__row dd{color:var(--ink);font-weight:var(--font-weight-medium)}.entity-card__foot{display:flex;gap:var(--space-2);margin-top:auto}.card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--space-5);margin-bottom:var(--space-4)}.card-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.card-header h3{font-size:var(--text-base-size);font-weight:var(--font-weight-semibold)}.card-link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm-size);color:var(--color-accent-text);padding:0 var(--space-1)}.card-link svg{transform:rotate(-90deg)}.card-link:hover{text-decoration:underline;text-underline-offset:3px}.empty-state{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-9) var(--space-5);text-align:center}.empty-mark{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:var(--radius-full);background:var(--surface-sunken);color:var(--ink-muted)}.empty-title{font-size:var(--text-base-size);font-weight:var(--font-weight-semibold);color:var(--ink)}.empty-hint{font-size:var(--text-sm-size);color:var(--ink-muted);max-width:44ch}.empty-state .empty-title+.empty-hint{margin-top:calc(var(--space-2) * -1)}.empty-line{font-size:var(--text-sm-size);color:var(--ink-muted);padding:var(--space-5) 0;text-align:center}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid;border-radius:var(--radius-lg);font-size:var(--text-sm-size);margin-bottom:var(--space-4)}.alert-mark{display:inline-grid;place-items:center;flex:none;width:18px;height:18px}.alert-mark svg{width:18px;height:18px}.alert-danger{color:var(--danger-fg);background:var(--danger-bg);border-color:var(--danger-border)}.alert-success{color:var(--success-fg);background:var(--success-bg);border-color:var(--success-border)}.alert-warning{color:var(--warning-fg);background:var(--warning-bg);border-color:var(--warning-border)}.alert-info{color:var(--ink-secondary);background:var(--surface-sunken);border-color:var(--border)}.alert>span:last-child{padding-top:1px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:var(--scrim);animation:bb-fade var(--duration-fast) var(--ease-standard)}.slide-panel{position:fixed;top:0;right:0;bottom:0;z-index:calc(var(--z-modal) + 1);width:min(560px,100vw);display:flex;flex-direction:column;background:var(--surface-base);border-left:1px solid var(--border);box-shadow:var(--shadow-xl);animation:bb-slide-in var(--duration-base) var(--ease-entrance)}@keyframes bb-fade{0%{opacity:0}}@keyframes bb-slide-in{0%{transform:translate(16px);opacity:0}}@media (prefers-reduced-motion: reduce){.scrim,.slide-panel{animation:none}}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border);flex:none}.panel-head h2{font-size:var(--text-lg-size);font-weight:var(--font-weight-semibold)}.panel-body{flex:1;min-height:0;overflow-y:auto;padding:var(--space-6)}.panel-foot{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);background:var(--surface-raised);flex:none}.form-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-grid .span-2{grid-column:1 / -1}.field{display:grid;gap:var(--space-2);align-content:start}.form-label{font-size:var(--text-sm-size);font-weight:var(--font-weight-medium);color:var(--ink)}.field-hint{font-size:var(--text-xs-size);color:var(--ink-muted);margin-top:calc(var(--space-1) * -1)}.field-error{font-size:var(--text-xs-size);color:var(--danger-fg)}.form-section-title{grid-column:1 / -1;font-size:var(--text-2xs-size);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--ink-muted);padding-top:var(--space-3);border-top:1px solid var(--border-muted)}.form-grid>.form-section-title:first-child{padding-top:0;border-top:none}.input,.select,.textarea{width:100%;min-height:var(--control-height-md);padding:var(--space-2) var(--space-3);background:var(--surface-raised);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:var(--text-sm-size);font-family:inherit;transition:var(--transition-colors),var(--transition-shadow)}.textarea{min-height:88px;resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--ink-muted)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{border-color:var(--color-accent);box-shadow:var(--focus-ring);outline:none}.input[aria-invalid=true],.select[aria-invalid=true]{border-color:var(--danger-fg)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--surface-sunken);color:var(--ink-muted);cursor:not-allowed}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--space-8);cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 18px) 52%,calc(100% - 13px) 52%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.checkbox-row{display:flex;align-items:center;gap:var(--space-3);min-height:40px}.checkbox-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer;flex:none}.checkbox-row label{font-size:var(--text-sm-size);color:var(--ink);cursor:pointer}.row-actions{display:inline-flex;gap:var(--space-1);justify-content:flex-end}.iconbtn.danger{color:var(--danger-fg)}@media (hover: hover) and (pointer: fine){.iconbtn.danger:hover{background:var(--danger-bg);color:var(--danger-fg)}}.section-title{font-size:var(--text-lg-size);font-weight:var(--font-weight-semibold);color:var(--ink);margin-bottom:var(--space-4)}.list-count{font-size:var(--text-sm-size);color:var(--ink-muted)}.stack,.equipment-list{display:grid;gap:var(--space-4)}.equipment-card{display:grid;gap:var(--space-4);padding:var(--space-5);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-card)}.equipment-header{display:flex;align-items:center;gap:var(--space-3)}.equipment-icon{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;border-radius:var(--radius-lg);background:var(--color-accent-subtle);color:var(--color-accent-text)}.equipment-info{flex:1;min-width:0}.equipment-name{font-size:var(--text-base-size);font-weight:var(--font-weight-semibold);color:var(--ink)}.serial{display:block;font-size:var(--text-xs-size);color:var(--ink-muted)}.detail-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding-top:var(--space-4);border-top:1px solid var(--border-muted)}.detail-item{display:grid;gap:var(--space-1);min-width:0}.detail-label{font-size:var(--text-2xs-size);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--ink-muted)}.detail-value{font-size:var(--text-sm-size);color:var(--ink)}.ownership-progress{display:grid;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border-muted)}.progress-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.progress-label{font-size:var(--text-sm-size);color:var(--ink-secondary)}.progress-value{font-size:var(--text-sm-size);font-weight:var(--font-weight-semibold);color:var(--ink)}.progress-bar{height:8px;border-radius:var(--radius-full);background:var(--surface-sunken);overflow:hidden}.progress-fill{display:block;height:100%;background:var(--color-accent);border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-standard)}@media (prefers-reduced-motion: reduce){.progress-fill{transition:none}}.onb-progress{display:grid;gap:var(--space-2);padding:var(--space-5);margin-bottom:var(--space-5);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-card)}.onb-list{list-style:none;display:grid;gap:var(--space-3);counter-reset:step}.onb-step{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-card);transition:var(--transition-colors)}.onb-step.done{background:var(--surface-base);border-color:var(--border-muted)}.onb-mark{display:inline-grid;place-items:center;flex:none;width:32px;height:32px;border-radius:var(--radius-full);background:var(--surface-sunken);color:var(--ink-muted);font-size:var(--text-sm-size);font-weight:var(--font-weight-semibold);font-family:var(--font-mono)}.onb-step.done .onb-mark{background:var(--success-bg);color:var(--success-fg)}.onb-body{flex:1;min-width:0;display:grid;gap:2px}.onb-title{font-size:var(--text-sm-size);font-weight:var(--font-weight-semibold);color:var(--ink)}.onb-step.done .onb-title{color:var(--ink-secondary)}.onb-hint{font-size:var(--text-xs-size);color:var(--ink-muted)}.onb-side{flex:none}.onb-side .btn{text-decoration:none}@media (max-width: 560px){.onb-step{flex-wrap:wrap}.onb-side{width:100%}}