:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--accent:#aa3bff;--error:#c0293d;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:18px/145% var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--accent:#c084fc;--error:#f87171}}body{margin:0}#root{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:24px;display:flex}h1{color:var(--text-h);margin:0 0 24px;font-size:32px}.placeholder-page{text-align:center;flex-direction:column;align-items:stretch;gap:16px;width:100%;max-width:360px;display:flex}.placeholder-page button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:12px}#root:has(.mgmt){min-height:100vh;padding:0;display:block}.mgmt{--bg:#1a2332;--sidebar-bg:#161f2e;--surface:#243447;--surface-elevated:#2d3f56;--kanban-bg:#1e2b3d;--accent:#0ea5e9;--accent-hover:#38bdf8;--text:#fff;--text-secondary:#94a3b8;--green:#22c55e;--yellow:#eab308;--orange:#f97316;--red:#ef4444;--dark-red:#991b1b;--grey:#647488;--border:#2d3f56;--radius-card:12px;--radius-card-sm:10px;--radius-btn:10px;--radius-chip:6px;--tap-target:44px;--font-title:"Barlow", sans-serif;--font-body:"Barlow", sans-serif;--font-mono:"IBM Plex Mono", monospace;background:var(--bg);color:var(--text);min-height:100vh;font-family:var(--font-body);box-sizing:border-box;font-size:14px;font-weight:500}.mgmt *,.mgmt :before,.mgmt :after{box-sizing:border-box}.mgmt ::-webkit-scrollbar{width:8px;height:8px}.mgmt ::-webkit-scrollbar-thumb{background:var(--surface-elevated);border-radius:8px}.mgmt ::-webkit-scrollbar-track{background:0 0}.mgmt h1,.mgmt h2,.mgmt h3,.mgmt h4{font-family:var(--font-title);color:var(--text);margin:0;font-weight:800}.mgmt .mono{font-family:var(--font-mono);font-weight:400}.mgmt a{color:var(--accent);text-decoration:none}.mgmt a:hover{color:var(--accent-hover)}.mgmt-auth-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.mgmt-auth-card{background:var(--surface);border-radius:var(--radius-card);text-align:center;width:100%;max-width:380px;padding:32px}.mgmt-auth-card .sidebar-logo{border-bottom:none;justify-content:center;padding:0 0 28px}.mgmt-auth-card h1{margin-bottom:20px;font-size:20px}.mgmt-auth-card p{color:var(--text-secondary);font-size:14px;line-height:1.5}.mgmt-auth-form{text-align:left}.mgmt-auth-links{color:var(--text-secondary);margin-top:20px;font-size:13px}.mgmt-shell{width:100%;height:100vh;display:flex;overflow:hidden}.mgmt-main{flex-direction:column;flex:1;min-width:0;height:100%;display:flex;overflow-y:auto}.mgmt-content{width:100%;max-width:1400px;margin:0 auto;padding:24px 28px 48px}@media (width<=899px){.mgmt-content{padding:16px 16px 96px}}.sidebar{display:none}@media (width>=900px){.sidebar{background:var(--sidebar-bg);flex-direction:column;flex:0 0 240px;width:240px;height:100%;display:flex}}.sidebar-logo{border-bottom:1px solid var(--surface);align-items:center;gap:12px;padding:24px;display:flex}.logo-hex{background:var(--accent);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.logo-hex span{font-family:var(--font-title);color:var(--sidebar-bg);font-size:18px;font-weight:800}.logo-wordmark{flex-direction:column;gap:1px;display:flex}.logo-wordmark .word{font-family:var(--font-title);letter-spacing:.5px;color:var(--text);font-size:20px;font-weight:800;line-height:1}.logo-wordmark .tagline{letter-spacing:2px;color:var(--text-secondary);font-size:10px;font-weight:500}.sidebar-nav{flex:1;padding-top:4px;overflow-y:auto}.nav-section-label{letter-spacing:1.5px;color:var(--text-secondary);text-transform:uppercase;padding:16px 20px 8px;font-size:10px;font-weight:600}.nav-item{cursor:pointer;width:100%;height:44px;font-family:var(--font-body);text-align:left;color:var(--text);background:0 0;border:none;align-items:center;gap:14px;padding:0 20px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .12s,color .12s;display:flex;position:relative}.nav-item:hover{background:var(--surface-elevated)}.nav-item.active{background:var(--surface);color:var(--accent)}.nav-item .nav-strip{background:var(--accent);opacity:0;width:3px;position:absolute;top:0;bottom:0;left:0}.nav-item.active .nav-strip{opacity:1}.nav-item .nav-icon{width:20px;height:20px;color:var(--text-secondary);flex-shrink:0}.nav-item.active .nav-icon,.nav-item:hover .nav-icon{color:currentColor}.sidebar-footer{border-top:1px solid var(--surface);flex-direction:column;gap:6px;padding:16px 20px;display:flex}.sidebar-footer .business-name{color:var(--text-secondary);font-size:12px}.sidebar-footer .footer-row{justify-content:space-between;align-items:center;display:flex}.sidebar-footer .user-name{font-family:var(--font-body);color:var(--text);font-size:13px;font-weight:500}.logout-btn{color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);background:0 0;border:none;align-items:center;gap:5px;padding:0;font-size:12px;display:flex}.logout-btn:hover{color:var(--text)}.logout-btn svg{width:15px;height:15px}.bottom-tabs{background:var(--sidebar-bg);border-top:1px solid var(--surface);z-index:40;padding-bottom:env(safe-area-inset-bottom,0);display:flex;position:fixed;bottom:0;left:0;right:0}@media (width>=900px){.bottom-tabs{display:none}}.bottom-tab{min-height:56px;color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:11px;text-decoration:none;display:flex}.bottom-tab.active{color:var(--accent)}.bottom-tab .nav-icon{width:20px;height:20px}.drawer-backdrop{z-index:50;background:#0b122099;position:fixed;inset:0}.drawer{background:var(--sidebar-bg);border-top:1px solid var(--surface);border-radius:var(--radius-card) var(--radius-card) 0 0;z-index:51;flex-direction:column;gap:4px;padding:16px;display:flex;position:fixed;bottom:0;left:0;right:0}.drawer .nav-item{font-size:16px}.topbar{border-bottom:1px solid var(--surface);background:var(--sidebar-bg);z-index:20;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}@media (width>=900px){.topbar{display:none}}.topbar .sidebar-logo{border:none;padding:0}.page-header{justify-content:space-between;align-items:baseline;margin-bottom:20px;display:flex}.page-header h1{font-size:28px;line-height:1}.page-date{font-family:var(--font-mono);color:var(--text-secondary);font-size:13px}.section-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.section-header h2{font-size:18px}.section-count{background:var(--red);color:#fff;font-family:var(--font-mono);border-radius:20px;padding:2px 8px;font-size:12px;font-weight:600}.micro-label{font-family:var(--font-title);letter-spacing:1px;color:var(--text-secondary);text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:800}.card{background:var(--surface);border-radius:var(--radius-card);padding:16px}.card-grid{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=640px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1080px){.card-grid{grid-template-columns:repeat(3,1fr)}}.card-grid-4{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}@media (width>=720px){.card-grid-4{grid-template-columns:repeat(4,1fr)}}.stat-card{background:var(--surface);border-radius:var(--radius-card);flex-direction:column;justify-content:space-between;min-height:120px;padding:16px 18px;display:flex;position:relative}.stat-card .stat-icon{width:22px;height:22px;position:absolute;top:16px;right:16px}.stat-card .stat-value{font-family:var(--font-mono);font-size:36px;font-weight:600;line-height:1}.stat-card .stat-label{letter-spacing:.5px;color:var(--text-secondary);font-size:12px;font-weight:500}.pill{font-family:var(--font-title);letter-spacing:.5px;white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-flex}.pill-green{color:var(--green);background:color-mix(in srgb, var(--green) 13%, transparent)}.pill-yellow{color:var(--yellow);background:color-mix(in srgb, var(--yellow) 13%, transparent)}.pill-orange{color:var(--orange);background:color-mix(in srgb, var(--orange) 13%, transparent)}.pill-red{color:var(--red);background:color-mix(in srgb, var(--red) 13%, transparent)}.pill-darkred{color:#fca5a5;background:color-mix(in srgb, var(--dark-red) 30%, transparent)}.pill-grey{color:var(--text-secondary);background:color-mix(in srgb, var(--grey) 13%, transparent)}.pill-accent{color:var(--accent);background:color-mix(in srgb, var(--accent) 13%, transparent)}.chip{font-family:var(--font-title);letter-spacing:.5px;text-transform:uppercase;border-radius:var(--radius-chip);white-space:nowrap;align-items:center;padding:2px 8px;font-size:10px;font-weight:800;display:inline-flex}.chip-green{color:var(--green);background:color-mix(in srgb, var(--green) 13%, transparent)}.chip-yellow{color:var(--yellow);background:color-mix(in srgb, var(--yellow) 13%, transparent)}.chip-orange{color:var(--orange);background:color-mix(in srgb, var(--orange) 13%, transparent)}.chip-red{color:var(--red);background:color-mix(in srgb, var(--red) 13%, transparent)}.chip-grey{color:var(--text-secondary);background:color-mix(in srgb, var(--grey) 13%, transparent)}.badge-count{background:var(--red);color:#fff;min-width:20px;height:20px;font-size:10px;font-family:var(--font-mono);border-radius:999px;justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.count-chip{background:var(--surface-elevated);color:var(--text-secondary);font-family:var(--font-mono);border-radius:20px;padding:1px 7px;font-size:11px}.btn{font-family:var(--font-title);border-radius:var(--radius-btn);cursor:pointer;border:none;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:0 18px;font-size:14px;font-weight:800;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{border-radius:8px;min-height:32px;padding:5px 12px;font-size:12px;font-weight:600}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-success{background:var(--green);color:#08130b}.btn-danger{background:var(--red);color:#fff}.btn-secondary{color:var(--text-secondary);border:1px solid var(--surface-elevated);background:0 0}.btn-secondary:hover:not(:disabled){border-color:var(--text-secondary);color:var(--text)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text)}.btn-block{width:100%}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field label{color:var(--text-secondary);font-size:12px;font-weight:500}.field input,.field select,.field textarea{font-family:var(--font-body);border-radius:var(--radius-btn);background:var(--surface-elevated);height:48px;color:var(--text);border:1px solid #0000;padding:0 14px;font-size:14px}.field textarea{resize:vertical;height:auto;min-height:88px;padding:12px 14px}.field input.mono{font-family:var(--font-mono);font-size:18px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);outline:none}.field-error{color:var(--red);margin:-8px 0 12px;font-size:13px}.form-error-banner{background:color-mix(in srgb, var(--red) 13%, transparent);border:1px solid var(--red);color:#fca5a5;border-radius:var(--radius-btn);margin-bottom:16px;padding:10px 14px;font-size:13px}.form-success-banner{background:color-mix(in srgb, var(--green) 13%, transparent);border:1px solid var(--green);color:var(--green);border-radius:var(--radius-btn);margin-bottom:16px;padding:10px 14px;font-size:13px}.toggle-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.toggle-row-label{color:var(--text);font-size:14px}.toggle-row-hint{color:var(--text-secondary);margin-top:2px;font-size:12px}.toggle{background:var(--grey);cursor:pointer;border:none;border-radius:20px;flex:0 0 44px;width:44px;height:26px;transition:background-color .15s;position:relative}.toggle.on{background:var(--accent)}.toggle .knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:left .15s;position:absolute;top:3px;left:3px}.toggle.on .knob{left:21px}.filter-bar{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.filter-chip{background:var(--surface);border-radius:var(--radius-btn);height:40px;color:var(--text-secondary);font-size:13px;font-family:var(--font-body);cursor:pointer;border:1px solid #0000;align-items:center;gap:8px;padding:0 14px;display:flex}.filter-chip select{color:inherit;font:inherit;background:0 0;border:none;outline:none}.filter-chip.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 13%, transparent);color:var(--accent)}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:20px;display:flex}.tab{color:var(--text-secondary);font-family:var(--font-title);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 16px;font-size:14px;font-weight:800}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.empty-state{background:var(--surface);border-radius:var(--radius-card);text-align:center;color:var(--text-secondary);padding:40px 24px}.empty-state h3{color:var(--text);margin-bottom:6px;font-size:16px}.empty-state p{margin:0 0 16px;font-size:14px}.all-clear-card{background:color-mix(in srgb, var(--green) 10%, transparent);border:1px solid var(--green);border-radius:var(--radius-card);color:var(--green);font-family:var(--font-title);align-items:center;gap:12px;padding:16px;font-size:14px;font-weight:800;display:flex}.dashboard-row2{grid-template-columns:minmax(0,1fr);gap:18px;display:grid}@media (width>=1080px){.dashboard-row2{grid-template-columns:6fr 4fr;align-items:start}}.machine-row{background:var(--surface);border-radius:var(--radius-card-sm);padding:11px 16px 11px 20px;position:relative;overflow:hidden}.strip{width:4px;position:absolute;top:0;bottom:0;left:0}.machine-row-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.machine-row-title{align-items:center;gap:8px;display:flex}.machine-row-title .name{font-family:var(--font-title);color:var(--text);font-size:16px;font-weight:800}.machine-row-type{color:var(--text-secondary);margin-top:1px;font-size:13px}.machine-row-footer{justify-content:space-between;align-items:center;margin-top:7px;display:flex}.machine-row-footer .last{color:var(--text-secondary);font-size:12px}.machine-row-footer .hours{font-family:var(--font-mono);color:var(--accent);font-size:13px}.alert-group{flex-direction:column;display:flex}.alert-group-header{background:var(--kanban-bg);border:1px solid var(--surface);border-radius:var(--radius-card-sm);cursor:pointer;text-align:left;align-items:center;gap:10px;width:100%;min-height:40px;padding:9px 14px;display:flex}.alert-group-header .machine-name{font-family:var(--font-title);color:var(--text);white-space:nowrap;font-size:14px;font-weight:800}.alert-group-header .sev-dot{border-radius:50%;width:8px;height:8px}.alert-group-header .count-chip{margin-left:auto}.chevron{color:var(--text-secondary);flex-shrink:0;transition:transform .15s}.chevron.open{transform:rotate(90deg)}.alert-group-body{flex-direction:column;gap:8px;padding-top:8px;padding-left:6px;display:flex}.alert-card{background:var(--surface);border-radius:var(--radius-card-sm);padding:12px 16px 12px 20px;position:relative;overflow:hidden}.alert-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.alert-card-machine{font-family:var(--font-title);color:var(--text);font-size:15px;font-weight:800}.alert-card-sev{font-family:var(--font-title);white-space:nowrap;font-size:12px;font-weight:800}.alert-card-desc{color:var(--text-secondary);margin:5px 0 8px;font-size:13px;line-height:1.35}.alert-card-bottom{justify-content:space-between;align-items:center;gap:10px;display:flex}.alert-card-time{font-family:var(--font-mono);color:var(--grey);font-size:11px}.alert-card-actions{gap:8px;display:flex}.slideover-backdrop{z-index:60;background:#0b122099;position:fixed;inset:0}.slideover{background:var(--surface);z-index:61;flex-direction:column;width:100%;max-width:420px;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-20px 0 40px #0006}.slideover-wide{max-width:640px}.wizard-progress{padding:0 20px 16px}.wizard-progress-label{color:var(--text-secondary);margin-bottom:8px;font-size:12px}.wizard-progress-track{background:var(--surface-elevated);border-radius:2px;height:4px;overflow:hidden}.wizard-progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .2s}.slideover-header{border-bottom:1px solid var(--surface-elevated);justify-content:space-between;align-items:center;padding:20px;display:flex}.slideover-header h2{font-size:18px}.slideover-close{background:var(--surface-elevated);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.slideover-close:hover{color:var(--text)}.slideover-body{flex:1;padding:20px;overflow-y:auto}.slideover-footer{border-top:1px solid var(--surface-elevated);justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}.list{flex-direction:column;gap:10px;display:flex}.row-card{background:var(--surface);border-radius:var(--radius-card);padding:14px 18px}.grade-dots{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.grade-dot{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:inline-flex}.grade-dot:before{content:"";background:var(--dot-color,var(--grey));border-radius:50%;width:9px;height:9px}.fleet-row{background:var(--surface);border-radius:var(--radius-card);overflow:hidden}.fleet-row-header{cursor:pointer;text-align:left;width:100%;color:inherit;font:inherit;background:0 0;border:none;align-items:center;gap:16px;padding:16px 18px;display:flex}.status-dot{border-radius:50%;flex:0 0 16px;width:16px;height:16px}.fleet-row-title{flex:1;min-width:0}.fleet-row-title .name{font-family:var(--font-title);color:var(--text);font-size:18px;font-weight:800}.fleet-row-title .type{color:var(--text-secondary);font-size:14px}.fleet-row-stats{align-items:center;gap:28px;display:flex}.fleet-stat{text-align:right}.fleet-stat .stat-label-micro{color:var(--grey);font-size:11px}.fleet-stat .stat-value-mono{font-family:var(--font-mono);color:var(--text);font-size:15px}@media (width<=639px){.fleet-row-header{flex-wrap:wrap}.fleet-row-stats{flex:100%;justify-content:space-between;gap:12px}}.fleet-row-detail{border-top:1px solid var(--surface-elevated);grid-template-columns:1fr;gap:20px;padding:16px 18px 18px;display:grid}@media (width>=640px){.fleet-row-detail{grid-template-columns:1fr 1fr}}.detail-line{justify-content:space-between;padding:4px 0;font-size:13px;display:flex}.inspection-row{background:var(--surface-elevated);cursor:pointer;width:100%;color:inherit;font:inherit;text-align:left;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.inspection-row:hover{background:color-mix(in srgb, var(--surface-elevated) 80%, transparent)}.kanban-board{grid-template-columns:1fr;align-items:start;gap:14px;display:grid}@media (width>=900px){.kanban-board{grid-template-columns:repeat(4,1fr)}}.kanban-column{background:var(--kanban-bg);border-radius:var(--radius-card);outline-offset:-2px;outline:2px solid #0000;flex-direction:column;gap:10px;min-height:120px;padding:12px;transition:outline-color .1s;display:flex}.kanban-column.drop-target{outline-color:var(--accent)}.kanban-column-header{align-items:center;gap:8px;display:flex}.kanban-column-header .col-name{font-family:var(--font-title);letter-spacing:.5px;text-transform:uppercase;font-size:14px;font-weight:800}.kanban-card{background:var(--surface);border-radius:var(--radius-card-sm);cursor:grab;flex-direction:column;gap:8px;padding:12px;display:flex}.kanban-card:active{cursor:grabbing}.kanban-card.dragging{opacity:.4}.kanban-card-top{justify-content:space-between;align-items:center;display:flex}.kanban-card-title{font-family:var(--font-title);font-size:14px;font-weight:800}.kanban-card-source{letter-spacing:.5px;text-transform:uppercase;color:var(--grey);font-size:10px}.kanban-card-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.kanban-card-bottom{justify-content:space-between;align-items:center;display:flex}.kanban-card-bottom .assignee{color:var(--text-secondary);font-size:12px}.avatar{background:var(--accent);color:#fff;width:40px;height:40px;font-family:var(--font-title);border-radius:50%;flex:0 0 40px;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.operator-row{background:var(--surface);border-radius:var(--radius-card);flex-wrap:wrap;align-items:center;gap:14px;min-height:64px;padding:10px 16px;display:flex}.operator-row-name{flex:1;min-width:0}.operator-row-name .name{font-family:var(--font-body);color:var(--text);font-size:14px;font-weight:500}.operator-row-name .email{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.operator-row-meta{text-align:right;margin-right:6px}.operator-row-meta .last{color:var(--text-secondary);font-size:12px}.operator-row-meta .count{font-family:var(--font-mono);color:var(--grey);font-size:12px}.operators-grid{grid-template-columns:1fr;align-items:start;gap:18px;display:grid}@media (width>=900px){.operators-grid{grid-template-columns:1fr 1fr}}.loading-block{color:var(--text-secondary);text-align:center;padding:24px;font-size:14px}.hr{border:none;border-top:1px solid var(--surface-elevated);margin:16px 0}.stack{flex-direction:column;gap:12px;display:flex}.inline{align-items:center;gap:8px;display:flex}.spread{justify-content:space-between;align-items:center;gap:8px;display:flex}.text-secondary{color:var(--text-secondary)}.text-sm{font-size:13px}.feature-gate{position:relative}.feature-gate-content{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.feature-gate-overlay{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;inset:0}.feature-gate-lock{background:var(--surface-elevated);width:40px;height:40px;color:var(--text);border-radius:999px;justify-content:center;align-items:center;transition:background-color .12s,color .12s;display:flex}.feature-gate-overlay:hover .feature-gate-lock{background:var(--accent);color:#fff}.modal-backdrop{z-index:60;background:#0a0f1899;position:fixed;inset:0}.modal{z-index:61;background:var(--surface);border-radius:var(--radius-card);width:min(420px,100vw - 32px);max-height:calc(100vh - 48px);padding:24px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.upgrade-modal h2{margin-bottom:4px;font-size:20px}.upgrade-modal-plan{background:var(--surface-elevated);border-radius:var(--radius-card-sm);justify-content:space-between;align-items:baseline;margin:16px 0;padding:14px 16px;display:flex}.upgrade-modal-plan-name{font-family:var(--font-title);font-size:15px;font-weight:800}.upgrade-modal-plan-price{font-family:var(--font-mono);color:var(--accent);font-weight:600}.billing-toggle{background:var(--surface-elevated);border-radius:var(--radius-btn);margin-bottom:18px;padding:4px;display:flex}.billing-toggle button{color:var(--text-secondary);font-family:var(--font-title);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:13px;font-weight:700;display:flex}.billing-toggle button.active{background:var(--accent);color:#fff}.billing-toggle-save{color:var(--green);background:color-mix(in srgb, var(--green) 18%, transparent);border-radius:20px;padding:1px 6px;font-size:10px;font-weight:800}.billing-toggle button.active .billing-toggle-save{color:#fff;background:#fff3}.upgrade-modal-fineprint{color:var(--text-secondary);text-align:center;margin:10px 0 0;font-size:11px}.subscription-banner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;font-size:13px;font-weight:500;display:flex}.subscription-banner-past-due{background:color-mix(in srgb, var(--yellow) 16%, var(--bg));color:#fde68a;border-bottom:1px solid var(--yellow)}.subscription-banner-inactive{background:color-mix(in srgb, var(--red) 16%, var(--bg));color:#fecaca;border-bottom:1px solid var(--red)}.subscription-banner .btn{flex-shrink:0;min-height:34px;padding:0 14px;font-size:12px}.pricing-page{max-width:1100px;margin:0 auto;padding:32px 24px 64px}.pricing-page-header{text-align:center;margin-bottom:28px}.pricing-page-header h1{margin-bottom:6px;font-size:28px}.pricing-page-header p{color:var(--text-secondary)}.pricing-page .billing-toggle{max-width:280px;margin:20px auto 0}.pricing-page-grid{grid-template-columns:1fr;gap:16px;margin-top:28px;display:grid}@media (width>=900px){.pricing-page-grid{grid-template-columns:repeat(3,1fr)}}.pricing-card{background:var(--surface);border-radius:var(--radius-card);border:2px solid #0000;flex-direction:column;padding:22px;display:flex;position:relative}.pricing-card.current{border-color:var(--green)}.pricing-card-badge{background:var(--green);color:#08130b;font-family:var(--font-title);letter-spacing:.5px;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:800;position:absolute;top:-12px;left:22px}.pricing-card h3{font-size:18px}.pricing-card-price{font-family:var(--font-mono);margin:10px 0 4px;font-size:30px;font-weight:600}.pricing-card-price span{color:var(--text-secondary);font-size:13px;font-weight:400}.pricing-card-features{color:var(--text-secondary);flex-direction:column;flex:1;gap:8px;margin:16px 0 20px;padding:0;font-size:13px;list-style:none;display:flex}.pricing-card-features li:before{content:"✓ ";color:var(--accent)}.pricing-section-label{font-family:var(--font-title);letter-spacing:.5px;text-transform:uppercase;color:var(--text-secondary);margin:40px 0 4px;font-size:12px;font-weight:800}@media print{.sidebar,.bottom-tabs,.topbar,.slideover-header,.slideover-footer,.no-print{display:none!important}.slideover-backdrop{background:0 0;position:static}.slideover{max-width:none;box-shadow:none;color:#000;background:#fff;position:static}.mgmt{color:#000;background:#fff}}