:root{--bg:#f4f4f5;--surface:#ffffff;--border:#e4e4e7;--text:#18181b;--muted:#71717a;--primary:#2378da;--primary-dark:#1d62b3}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}main{max-width:1100px;margin:0 auto;padding:24px}h1{font-size:28px;font-weight:800;letter-spacing:-.5px;margin-bottom:4px}h2{font-size:18px;font-weight:700;margin:24px 0 12px}table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}td,th{padding:10px 12px;text-align:left;font-size:14px;border-bottom:1px solid var(--border)}th{background:var(--bg);font-weight:700;color:var(--muted);text-transform:uppercase;font-size:11px;letter-spacing:.5px;text-align:center}tr:last-child td{border-bottom:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:12px}.muted{color:var(--muted)}.btn{display:inline-block;padding:10px 16px;background:var(--primary);color:white;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.btn:hover{background:var(--primary-dark);text-decoration:none}input,select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:var(--surface)}label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px;margin-top:12px}html[data-nav-type=bottom] main{padding-bottom:calc(84px + env(safe-area-inset-bottom, 16px))}.bottom-tab-bar{position:fixed;bottom:0;left:0;right:0;height:84px;background:var(--surface);border-top:1px solid var(--border);display:flex;align-items:flex-start;padding-top:6px;padding-bottom:24px;z-index:100}@supports (padding-bottom:env(safe-area-inset-bottom)){.bottom-tab-bar{height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}}.btb-tab{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 2px;color:var(--muted);background:none;border:none;cursor:pointer;font-family:inherit}.btb-tab,.btb-tab:hover{text-decoration:none}.btb-tab-active{color:var(--primary)}.btb-tab-icon{color:currentColor}.btb-tab-label{font-size:11px;font-weight:700;letter-spacing:.2px;white-space:nowrap}.btb-fab-slot{align-items:center;padding-top:0;padding-bottom:0;margin-top:-2px}.btb-fab-pill{display:flex;align-items:center;justify-content:center;width:56px;height:40px;border-radius:20px;background:var(--primary);color:white;box-shadow:0 4px 12px rgba(35,120,218,.4)}.btb-backdrop{position:fixed;inset:0;background:rgba(24,24,27,.4);z-index:200}.btb-more-sheet{position:fixed;bottom:84px;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);border-radius:20px 20px 0 0;z-index:201;padding:16px 16px 24px;animation:btb-slide-up .2s ease;max-height:80vh;overflow-y:auto}@keyframes btb-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.btb-more-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.btb-more-title{font-size:16px;font-weight:700;color:var(--text)}.btb-more-close{padding:6px;border-radius:8px;border:none;background:var(--bg);color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:auto}.btb-more-close:hover{background:var(--border)}.btb-more-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:8px;gap:8px;margin-bottom:16px}.btb-more-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;border-radius:12px;background:var(--bg);color:var(--text);text-decoration:none;font-size:12px;font-weight:600;text-align:center;border:1px solid transparent}.btb-more-item:hover{background:color-mix(in srgb,var(--primary) 8%,var(--bg));text-decoration:none}.btb-more-item-active{background:color-mix(in srgb,var(--primary) 12%,var(--bg));color:var(--primary);border-color:color-mix(in srgb,var(--primary) 25%,transparent)}.btb-more-signout-wrap{margin-top:8px;padding-top:12px;border-top:1px solid var(--border)}.btb-more-signout{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;border:none;background:transparent;color:var(--muted);font-size:14px;font-weight:500;cursor:pointer;width:100%;text-align:left}.btb-more-signout:hover{color:#dc2626;background:#fee2e2}:root{--nav-expanded-w:240px;--nav-collapsed-w:56px}.side-nav{position:fixed;left:0;top:0;bottom:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:100;transition:width .15s ease}.side-nav-expanded{width:var(--nav-expanded-w)}.side-nav-collapsed{width:var(--nav-collapsed-w)}.side-nav-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);min-height:56px}.side-nav-collapsed .side-nav-header{padding:14px 8px;justify-content:center}.side-nav-brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:16px;color:var(--text);letter-spacing:-.3px;white-space:nowrap;overflow:hidden}.side-nav-logo{width:28px;height:28px;border-radius:6px;flex-shrink:0;display:block}.side-nav-brand-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-nav-collapsed .side-nav-logo{width:32px;height:32px}.side-nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:transparent;color:var(--muted);cursor:pointer;border-radius:6px}.side-nav-toggle:hover:not(:disabled){background:var(--bg);color:var(--text)}.side-nav-collapsed .side-nav-header .side-nav-toggle{position:absolute;right:-14px;top:14px;background:var(--surface);border:1px solid var(--border);box-shadow:0 1px 2px rgba(0,0,0,.04)}.side-nav-list{flex:1 1;display:flex;flex-direction:column;gap:2px;padding:8px;overflow-y:auto}.side-nav-link{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font-size:14px;font-weight:500;color:var(--text);text-decoration:none;border:1px solid transparent;width:100%;background:transparent;cursor:pointer;text-align:left}.side-nav-link:hover{background:var(--bg);text-decoration:none}.side-nav-link-active{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);font-weight:700}.side-nav-collapsed .side-nav-link{justify-content:center;padding:10px 8px}.side-nav-icon{flex-shrink:0;color:currentColor}.side-nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-nav-footer{padding:8px;border-top:1px solid var(--border)}.side-nav-footer form{margin:0}.side-nav-signout{color:var(--muted);border:none}.side-nav-signout:hover{color:#dc2626}.nav-hamburger{position:fixed;top:12px;left:12px;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--surface);border-radius:8px;cursor:pointer;z-index:101;padding:0}.nav-drawer-backdrop{position:fixed;inset:0;background:rgba(24,24,27,.4);z-index:200;display:flex}.side-nav-drawer{position:relative;width:var(--nav-expanded-w);max-width:80vw;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;animation:slide-in .18s ease}@keyframes slide-in{0%{transform:translateX(-100%)}to{transform:translateX(0)}}html[data-nav-state=collapsed] .nav-hamburger,html[data-nav-state=expanded] .nav-hamburger,html[data-nav-state=mobile] aside.side-nav:not(.side-nav-drawer){display:none}button{padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:14px;font-weight:600;cursor:pointer}button:hover:not(:disabled){background:var(--bg)}button:disabled{opacity:.5;cursor:not-allowed}.signout-btn{background:transparent;border:none;color:var(--muted);font-weight:500;padding:0;margin-left:16px;cursor:pointer}.signout-btn:hover:not(:disabled){color:var(--text);background:transparent;text-decoration:underline}.link-btn{background:transparent;border:none;color:var(--primary);padding:0;font-weight:500;cursor:pointer}.link-btn:hover:not(:disabled){text-decoration:underline;background:transparent}textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:var(--surface);color:var(--text)}h3{font-size:15px;font-weight:700;margin:16px 0 8px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:12px;gap:12px;margin-bottom:24px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}.kpi-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-weight:700}.kpi-value{font-size:28px;font-weight:800;margin-top:4px;color:var(--text)}.kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-bottom:24px}@media (max-width:700px){.kpi-strip{grid-template-columns:repeat(2,1fr)}}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 20px}.kpi-card-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.kpi-card-value{font-size:32px;font-weight:800;margin-top:4px;color:var(--text)}.kpi-card-value.secondary{color:#2563eb}.kpi-card-value.danger{color:#dc2626}.dashboard-columns{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;margin-bottom:24px}@media (max-width:900px){.dashboard-columns{grid-template-columns:1fr}}.dashboard-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.dashboard-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dashboard-card-title{font-size:14px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin:0}.ai-spend-value{font-size:40px;font-weight:800;color:var(--text);margin-bottom:8px}.ai-spend-trend{font-size:14px;color:var(--muted);margin-bottom:16px}.ai-spend-trend .up{color:#dc2626}.ai-spend-trend .down{color:var(--primary)}.ai-spend-meta{font-size:13px;color:var(--muted);display:flex;justify-content:space-between;align-items:center}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.badge-open{background:#fef3c7;color:#92400e}.badge-in-progress{background:#dbeafe;color:#1e40af}.badge-completed{background:#dcfce7;color:#166534}.badge-priority-a{background:#fee2e2;color:#991b1b}.badge-priority-b{background:#fef3c7;color:#92400e}.badge-priority-c{background:#e0e7ff;color:#3730a3}.badge-priority-d{background:#f3f4f6;color:#6b7280}.empty-state{padding:32px 16px;text-align:center;color:var(--muted);font-size:14px}.time-ago{color:var(--muted);font-size:13px}.pm-due-list{display:flex;flex-direction:column;gap:0}.pm-due-row{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid var(--border);gap:16px}.pm-due-row:last-child{border-bottom:none}.pm-due-asset{font-weight:600;color:var(--text);min-width:120px}.pm-due-task{flex:1 1;color:var(--text)}.pm-due-date{color:var(--muted);font-size:13px;white-space:nowrap}@media print{.no-print,nav{display:none!important}body{background:#fff}main{max-width:none;padding:0}.print-root section,table tr{page-break-inside:avoid}thead{display:table-header-group}}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.page-header h1{margin-bottom:0}.filter-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.filter-chip{padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:all .15s ease}.filter-chip:hover{background:var(--bg)}.filter-chip.active{background:var(--primary);color:white;border-color:var(--primary)}.filter-chip-count{color:var(--muted);font-size:12px;margin-left:4px}.filter-chip.active .filter-chip-count{color:rgba(255,255,255,.8)}.badge-priority{display:inline-flex;align-items:center;justify-content:center;padding:3px 9px;border-radius:5px;font-size:11px;font-weight:700;letter-spacing:.3px;white-space:nowrap;line-height:1.2}.badge-priority-l{background:#f3f4f6;color:#6b7280}.badge-priority-m{background:#e0f2fe;color:#0369a1}.badge-priority-e{background:#fef3c7;color:#92400e}.badge-priority-v{background:#fde68a;color:#78350f}.badge-priority-h{background:#fed7aa;color:#c2410c}.badge-priority-u{background:#fee2e2;color:#991b1b}.status-pill{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.status-open{background:#fef3c7;color:#92400e}.status-in_progress{background:#dbeafe;color:#1e40af}.status-on_hold{background:#f3e8ff;color:#7c3aed}.status-completed{background:#dcfce7;color:#166534}.status-cancelled{background:#f3f4f6;color:#6b7280}.avatar-circle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--primary);color:white;font-size:11px;font-weight:700;flex-shrink:0}.assigned-cell{display:flex;align-items:center;gap:8px}.clickable-row{cursor:pointer;transition:background-color .1s ease}.clickable-row:hover{background-color:var(--bg)}.wo-empty-state{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:60px 24px;text-align:center}.wo-empty-icon{width:80px;height:80px;margin:0 auto 16px;background:var(--bg);border-radius:50%;display:flex;align-items:center;justify-content:center}.wo-empty-icon:before{content:"";width:32px;height:32px;border:3px solid var(--border);border-radius:6px;position:relative}.wo-empty-icon:after{content:"";position:absolute;width:12px;height:3px;background:var(--border);border-radius:2px}.wo-empty-title{font-size:16px;font-weight:600;color:var(--text);margin-bottom:4px}.wo-empty-text{font-size:14px;color:var(--muted);margin-bottom:16px}.wo-card-list{display:none}@media (max-width:640px){.wo-table-wrap{display:none}.wo-card-list{display:flex;flex-direction:column;gap:12px}}.wo-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;cursor:pointer;transition:background-color .1s ease}.wo-card:hover{background:var(--bg)}.wo-card-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.wo-card-title{font-weight:600;color:var(--text);flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wo-card-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--muted);margin-top:8px}.wo-card-asset,.wo-title-link{color:var(--text)}.wo-title-link{font-weight:500}.wo-title-link:hover{color:var(--primary);text-decoration:underline}.wo-detail-header{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:24px}.wo-detail-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;flex-wrap:wrap}.wo-detail-title{font-size:24px;font-weight:800;color:var(--text);margin:0;flex:1 1;min-width:200px}.wo-detail-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.watch-toggle{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;transition:all .15s ease}.watch-toggle:hover{background:var(--bg)}.watch-toggle.watching{background:#dcfce7;color:#166534;border-color:#bbf7d0}.wo-description{border-left:3px solid var(--border);padding-left:16px;margin:16px 0;color:var(--text);font-size:15px;line-height:1.6}.wo-meta-line{font-size:13px;color:var(--muted)}.wo-defect-photos{margin:16px 0}.wo-defect-photos-label{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px}.wo-defect-photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:8px;gap:8px}.wo-defect-photo{display:block;position:relative;aspect-ratio:1;border:1px solid var(--border);border-radius:8px;overflow:hidden;text-decoration:none;background:var(--surface)}.wo-defect-photo img{width:100%;height:100%;object-fit:cover;display:block}.wo-defect-photo-caption{position:absolute;left:0;right:0;bottom:0;padding:4px 6px;font-size:11px;font-weight:600;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.7));text-align:left;line-height:1.2}.wo-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px}.wo-section-title{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.assignee-select{max-width:300px}.status-btn-group{display:flex;gap:8px;flex-wrap:wrap}.status-btn{padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:all .15s ease;text-transform:capitalize}.status-btn:hover{background:var(--bg)}.status-btn.active{background:var(--primary);color:white;border-color:var(--primary)}.timeline{display:flex;flex-direction:column;gap:0}.timeline-item{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid var(--border)}.timeline-item:last-child{border-bottom:none}.timeline-icon{width:32px;height:32px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.timeline-icon.progress{background:#dbeafe;color:#1e40af}.timeline-icon.work_performed{background:#dcfce7;color:#166534}.timeline-icon.purchase{background:#fef3c7;color:#92400e}.timeline-icon.status_change{background:#f3e8ff;color:#7c3aed}.timeline-icon.comment{background:#f3f4f6;color:#6b7280}.timeline-content{flex:1 1;min-width:0}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;flex-wrap:wrap;gap:4px}.timeline-type{font-weight:600;font-size:13px;color:var(--text)}.timeline-meta{font-size:12px;color:var(--muted)}.timeline-body{font-size:14px;color:var(--text);line-height:1.5}.timeline-cost{margin-top:6px;font-size:13px;color:var(--muted);font-weight:500}.composer{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.composer-type-selector{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.composer-type-btn{padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;transition:all .15s ease}.composer-type-btn:hover{background:var(--bg)}.composer-type-btn.active{background:var(--text);color:white;border-color:var(--text)}.composer-textarea{min-height:100px;resize:vertical;margin-bottom:12px}.composer-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.composer-cost-input{max-width:150px}.composer-actions{display:flex;gap:8px;margin-left:auto}.attach-btn{padding:10px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:14px;cursor:pointer}.attach-btn:hover{background:var(--bg)}.photo-thumbnails{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.photo-thumb{width:80px;aspect-ratio:1;border-radius:8px;overflow:hidden;border:1px solid var(--border);position:relative}.photo-thumb img{width:100%;height:100%;object-fit:cover}.photo-thumb-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:rgba(0,0,0,.6);color:white;border:none;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.timeline-empty{padding:32px 16px;text-align:center;color:var(--muted);font-size:14px}.page-description{color:var(--muted);font-size:14px;margin-bottom:20px}.inline-add-form{display:grid;grid-template-columns:160px 120px 1fr 1fr 80px 1fr auto;grid-gap:8px;gap:8px;align-items:end}@media (max-width:900px){.inline-add-form{grid-template-columns:1fr 1fr}.inline-add-form .btn{grid-column:1/-1}}.asset-status{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.asset-status-active{background:#dcfce7;color:#166534}.asset-status-in_maintenance{background:#fef3c7;color:#92400e}.asset-status-out_of_service{background:#fee2e2;color:#991b1b}.asset-status-retired{background:#f3f4f6;color:#6b7280}.qr-code{font-family:SF Mono,Menlo,Monaco,monospace;font-size:11px;color:var(--muted);letter-spacing:.3px}.archive-btn{background:transparent;border:none;color:#dc2626;font-size:13px;font-weight:600;cursor:pointer;padding:4px 8px}.archive-btn:hover:not(:disabled){background:transparent;text-decoration:underline}.asset-card-list{display:none}@media (max-width:640px){.asset-table-wrap{display:none}.asset-card-list{display:flex;flex-direction:column;gap:12px}}.asset-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}.asset-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.asset-card-type{font-size:12px;color:var(--muted);text-transform:capitalize}.asset-card-unit{font-size:18px;font-weight:700;color:var(--text)}.asset-card-details{font-size:14px;color:var(--text);margin-bottom:8px}.asset-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid var(--border)}.assets-empty{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:60px 24px;text-align:center}.assets-empty-icon{width:80px;height:80px;margin:0 auto 16px;background:var(--bg);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.assets-empty-icon:before{content:"";width:36px;height:24px;border:3px solid var(--border);border-radius:4px}.assets-empty-icon:after{content:"";position:absolute;width:12px;height:12px;border:3px solid var(--border);border-radius:50%;bottom:22px;left:24px}.assets-empty-title{font-size:16px;font-weight:600;color:var(--text);margin-bottom:4px}.assets-empty-text{font-size:14px;color:var(--muted)}.users-kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px 24px;display:flex;align-items:center;gap:32px;flex-wrap:wrap;margin-bottom:24px}.users-kpi-item{display:flex;flex-direction:column}.users-kpi-value{font-size:28px;font-weight:800;color:var(--text)}.users-kpi-hint,.users-kpi-label{font-size:13px;color:var(--muted)}.users-kpi-hint{margin-left:auto;font-style:italic}@media (max-width:640px){.users-kpi-card{gap:20px}.users-kpi-hint{margin-left:0;width:100%}}.role-pill{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:700;text-transform:capitalize}.role-developer{background:#dcfce7;color:#166534}.role-admin{background:#dbeafe;color:#1e40af}.role-maintenance{background:#fef3c7;color:#92400e}.role-user{background:#f3f4f6;color:#6b7280}.you-suffix{font-weight:400;font-size:11px;color:var(--muted);margin-left:4px}.sylai-toggle{padding:5px 14px;border-radius:20px;font-size:12px;font-weight:700;border:none;cursor:pointer;transition:all .15s ease;position:relative}.sylai-toggle.on{background:var(--primary);color:white}.sylai-toggle.off{background:#e4e4e7;color:#52525b}.sylai-toggle:hover:not(:disabled){opacity:.9}.sylai-static{font-size:12px;font-weight:700}.sylai-static.on{color:var(--primary)}.sylai-static.off{color:#a1a1aa}.tooltip-wrap{position:relative;display:inline-block}.tooltip-wrap .tooltip-text{visibility:hidden;opacity:0;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--text);color:white;font-size:11px;font-weight:500;padding:6px 10px;border-radius:6px;white-space:nowrap;margin-bottom:6px;transition:opacity .15s ease,visibility .15s ease;z-index:10}.tooltip-wrap .tooltip-text:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top:5px solid var(--text)}.tooltip-wrap:hover .tooltip-text{visibility:visible;opacity:1}.role-select{font-weight:700;padding:4px 8px;border-radius:12px;border:1px solid var(--border);background:var(--surface);cursor:pointer;font-size:12px;text-transform:capitalize}.role-select:disabled{cursor:wait}.role-select.developer{color:#166534;background:#dcfce7;border-color:#bbf7d0}.role-select.admin{color:#1e40af;background:#dbeafe;border-color:#bfdbfe}.role-select.maintenance{color:#92400e;background:#fef3c7;border-color:#fde68a}.role-select.user{color:#6b7280;background:#f3f4f6;border-color:#e5e7eb}.user-card-list{display:none}@media (max-width:640px){.user-table-wrap{display:none}.user-card-list{display:flex;flex-direction:column;gap:12px}}.user-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}.user-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.user-card-name{font-size:16px;font-weight:600;color:var(--text)}.user-card-email{margin-bottom:4px}.user-card-email,.user-card-phone{font-size:13px;color:var(--muted)}.user-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;margin-top:12px;border-top:1px solid var(--border);gap:12px;flex-wrap:wrap}.user-card-joined{font-size:12px;color:var(--muted)}.billing-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:20px}.billing-card-title{font-size:14px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px}.current-plan-org{font-size:13px;color:var(--muted);margin-bottom:4px}.current-plan-tier{font-size:32px;font-weight:800;color:var(--text);text-transform:capitalize;margin-bottom:8px}.current-plan-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.plan-status{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;text-transform:capitalize}.plan-status-trialing{background:#dbeafe;color:#1e40af}.plan-status-active{background:#dcfce7;color:#166534}.plan-status-past_due{background:#fee2e2;color:#991b1b}.plan-status-canceled{background:#f3f4f6;color:#6b7280}.trial-date{font-size:13px;color:var(--muted)}.comp-form{display:flex;gap:8px;margin-top:12px}.comp-input{flex:1 1;max-width:280px;font-family:SF Mono,Menlo,monospace;letter-spacing:1px}.comp-msg{margin-top:10px;font-size:13px;font-weight:500}.comp-msg.ok{color:var(--primary)}.comp-msg.err{color:#dc2626}.sylai-info{font-size:14px;color:var(--muted);line-height:1.6;margin-bottom:16px}.sylai-stats{display:flex;align-items:center;gap:32px;flex-wrap:wrap}.sylai-stat{display:flex;flex-direction:column}.sylai-stat-value{font-size:28px;font-weight:800;color:var(--text)}.sylai-stat-label{font-size:12px;color:var(--muted)}.sylai-stat-value.compd{color:var(--primary)}.sylai-actions{margin-left:auto}.interval-toggle{display:inline-flex;gap:0;background:var(--bg);border-radius:8px;padding:4px;margin-bottom:20px}.interval-btn{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;border:none;background:transparent;color:var(--muted);cursor:pointer;transition:all .15s ease}.interval-btn.active{background:var(--primary);color:white}.interval-btn .save-tag{font-size:11px;color:var(--primary);margin-left:4px}.interval-btn.active .save-tag{color:#bbf7d0}.plan-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:12px;gap:12px}@media (max-width:1100px){.plan-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.plan-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.plan-grid{grid-template-columns:1fr}}.plan-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;flex-direction:column}.plan-card.current{border-color:var(--primary);border-width:2px}.plan-card-name{font-size:16px;font-weight:700;color:var(--text);margin-bottom:4px}.plan-card-price{font-size:28px;font-weight:800;color:var(--text);margin-bottom:12px}.plan-card-price .interval{font-size:14px;font-weight:400;color:var(--muted)}.plan-card-perks{list-style:none;padding:0;margin:0 0 16px;flex:1 1}.plan-card-perks li{font-size:13px;color:var(--muted);padding:4px 0 4px 18px;position:relative}.plan-card-perks li:before{content:"✓";position:absolute;left:0;color:var(--primary);font-weight:700;font-size:12px}.plan-btn{width:100%;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:700;border:none;cursor:pointer;transition:opacity .15s ease}.plan-btn:disabled{cursor:not-allowed}.plan-btn.choose{background:var(--primary);color:white}.plan-btn.choose:hover:not(:disabled){opacity:.9}.plan-btn.current{background:#e4e4e7;color:#71717a}.plan-btn.contact{background:transparent;border:1px solid var(--border);color:var(--text)}.plan-btn.contact:hover{background:var(--bg)}.wizard-header{margin-bottom:24px}.wizard-step-label{font-size:13px;color:var(--muted);margin-bottom:4px;font-weight:500}.wizard-title{font-size:28px;font-weight:800;color:var(--text);margin:0 0 8px}.wizard-description{font-size:14px;color:var(--muted);margin:0}.wizard-progress{display:flex;gap:8px;margin-bottom:24px}.wizard-progress-step{flex:1 1;height:4px;background:var(--border);border-radius:2px;transition:background .2s ease}.wizard-progress-step.active,.wizard-progress-step.completed{background:var(--primary)}.wizard-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px}.wizard-section-title{font-size:20px;font-weight:700;color:var(--text);margin:0 0 8px}.wizard-section-description{font-size:14px;color:var(--muted);margin:0 0 20px}.template-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:24px}.template-card{text-align:left;padding:16px;border-radius:10px;border:2px solid var(--border);background:var(--surface);cursor:pointer;transition:all .15s ease}.template-card:hover{border-color:var(--muted)}.template-card.selected{border-color:var(--primary);background:#f0fdf4}.template-card-label{font-weight:700;font-size:14px;color:var(--text);margin-bottom:4px}.template-card-description{font-size:12px;color:var(--muted);line-height:1.4}.area-list-header{font-size:13px;font-weight:600;color:var(--muted);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.area-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.area-row{display:flex;gap:8px;align-items:center}.area-row input{flex:1 1}.area-row .category-input{max-width:140px}.area-row .door-label{font-size:12px;color:var(--muted);min-width:60px;text-align:right}.remove-btn{background:transparent;border:none;color:#dc2626;font-size:18px;cursor:pointer;padding:4px 8px;line-height:1}.remove-btn:hover{background:#fee2e2;border-radius:4px}.add-row-btn{background:transparent;border:1px dashed var(--border);color:var(--muted);padding:10px 16px;border-radius:8px;font-size:14px;cursor:pointer;width:100%;transition:all .15s ease}.add-row-btn:hover{border-color:var(--muted);color:var(--text)}.asset-row{display:grid;grid-template-columns:140px 1fr 1fr 1fr 40px;grid-gap:8px;gap:8px;align-items:center}@media (max-width:640px){.asset-row{grid-template-columns:1fr 1fr}.asset-row select{grid-column:1/-1}.asset-row .remove-btn{grid-column:2;justify-self:end}}.invite-form-row{display:grid;grid-template-columns:1fr 1fr 140px;grid-gap:8px;gap:8px}@media (max-width:640px){.invite-form-row{grid-template-columns:1fr}}.invite-code-box{background:#f0fdf4;padding:20px;border-radius:10px;border:1px solid #bbf7d0}.invite-code-label{font-size:14px;color:var(--text);margin-bottom:8px}.invite-code-display{font-family:SF Mono,Menlo,monospace;font-size:24px;font-weight:700;background:white;padding:12px 16px;border-radius:8px;border:1px solid var(--border);margin-bottom:16px;letter-spacing:1px}.invite-code-actions{display:flex;gap:8px;flex-wrap:wrap}.sent-invites{margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.sent-invites-header{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.sent-invite-item{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:13px;border-bottom:1px solid var(--border)}.sent-invite-item:last-child{border-bottom:none}.sent-invite-code{font-family:SF Mono,Menlo,monospace;font-size:12px;background:var(--bg);padding:2px 6px;border-radius:4px}.sent-invite-name{font-weight:500;color:var(--text)}.sent-invite-email,.sent-invite-role{color:var(--muted)}.sent-invite-role{margin-left:auto;font-size:11px;padding:2px 8px;border-radius:10px;background:var(--bg);text-transform:capitalize}.wizard-footer{display:flex;gap:8px;margin-top:24px}.wizard-footer .btn-secondary{background:var(--surface);border:1px solid var(--border);color:var(--text)}.wizard-footer .btn-skip{background:transparent;border:none;color:var(--muted);text-decoration:underline}.wizard-footer .btn-primary{flex:1 1}.wizard-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.report-date-form{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.report-date-field{display:flex;flex-direction:column;gap:4px}.report-date-label{font-size:12px;color:var(--muted);font-weight:500}.report-date-input{padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-size:14px}.report-actions{margin-left:auto;display:flex;gap:8px}.print-root{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:32px}@media print{.print-root{border:none;padding:0;border-radius:0}}.print-header{border-bottom:2px solid var(--text);padding-bottom:16px;margin-bottom:28px}.print-header-title{font-size:24px;font-weight:800;color:var(--text);margin:0}.print-header-meta{color:var(--muted);font-size:13px;margin-top:6px}.report-kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-bottom:32px}@media (max-width:700px){.report-kpi-strip{grid-template-columns:repeat(2,1fr)}}@media print{.report-kpi-strip{grid-template-columns:repeat(4,1fr)}}.report-kpi{background:var(--bg);padding:16px;border-radius:8px}@media print{.report-kpi{background:#f4f4f5}}.report-kpi-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.report-kpi-value{font-size:28px;font-weight:800;color:var(--text);margin-top:4px}.report-section{margin-bottom:36px}.report-section-title{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--text);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.report-section-empty{padding:24px;background:var(--bg);border-radius:8px;color:var(--muted);font-size:14px;text-align:center}.expense-split{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}@media (max-width:700px){.expense-split{grid-template-columns:1fr}}@media print{.expense-split{grid-template-columns:1fr 1fr}}.expense-split-title{font-size:13px;font-weight:700;color:var(--text);margin:0 0 10px}.report-table{width:100%;border-collapse:collapse;font-size:13px}.report-table th{text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--muted);padding:8px 12px;background:var(--bg)}.report-table td,.report-table th{border-bottom:1px solid var(--border)}.report-table td{padding:10px 12px;color:var(--text)}.report-table .num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.report-table .muted{color:var(--muted)}.report-table .capitalize{text-transform:capitalize}.print-footer{border-top:1px solid var(--border);padding-top:16px;margin-top:32px;font-size:11px;color:var(--muted)}.priority-text{text-transform:capitalize;font-weight:500}.priority-text.elevated,.priority-text.high{color:#dc2626}.priority-text.medium{color:#d97706}.priority-text.low,.priority-text.minor{color:#6b7280}.code-sev{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:2px 6px;border-radius:4px;background:#f4f4f5;color:#52525b;vertical-align:middle}.code-sev.sev-urgent{background:#fee2e2;color:#991b1b}.code-sev.sev-high{background:#fed7aa;color:#9a3412}.code-sev.sev-med{background:#fef3c7;color:#92400e}.landing{min-height:100vh;display:flex;flex-direction:column;background:#ffffff;color:#18181b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.55}.landing main{padding:0;max-width:none;margin:0}.landing-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #e4e4e7}.landing-brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:17px;color:#18181b;letter-spacing:-.3px}.landing-brand,.landing-brand:hover{text-decoration:none}.landing-brand-logo{width:28px;height:28px;border-radius:6px;display:block}.landing-nav{display:inline-flex;align-items:center;gap:18px}.landing-link{color:#52525b;text-decoration:none;font-size:14px;font-weight:500}.landing-link:hover{color:#18181b;text-decoration:none}.landing-cta{background:#2378da;color:white;padding:9px 18px;border-radius:8px;font-weight:700;font-size:14px;text-decoration:none}.landing-cta:hover{background:#1d62b3;text-decoration:none}@media (max-width:640px){.landing-nav .landing-link[href^="#"]{display:none}}.hero{background:radial-gradient(ellipse at 80% 0,rgba(35,120,218,.25) 0,transparent 55%),radial-gradient(ellipse at 0 100%,rgba(124,58,237,.15) 0,transparent 50%),linear-gradient(180deg,#0a0a1a,#14142b);color:#f4f4f5;padding:88px 28px 96px}.hero-inner{max-width:920px;margin:0 auto;text-align:center}.hero-eyebrow{display:inline-block;padding:5px 12px;background:rgba(35,120,218,.18);color:#93c5fd;border:1px solid rgba(35,120,218,.4);border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.hero-title{font-size:clamp(36px,6vw,56px);line-height:1.1;font-weight:800;letter-spacing:-1px;margin:18px 0}.hero-title-accent{background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subhead{font-size:clamp(15px,1.6vw,18px);line-height:1.6;color:rgba(244,244,245,.8);max-width:720px;margin:0 auto 28px}.hero-actions{display:inline-flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:18px}.btn-hero-primary{background:#2378da;color:white;padding:13px 26px;border-radius:10px;font-size:15px;font-weight:700;text-decoration:none;border:1px solid #2378da;display:inline-block}.btn-hero-primary:hover{background:#1d62b3;text-decoration:none}.btn-hero-secondary{background:transparent;color:#f4f4f5;padding:13px 26px;border-radius:10px;font-size:15px;font-weight:600;text-decoration:none;border:1px solid rgba(244,244,245,.3);display:inline-block}.btn-hero-secondary:hover{background:rgba(244,244,245,.08);text-decoration:none}.hero-trust-line{font-size:12px;color:rgba(244,244,245,.55);margin-top:8px}.two-pillar{max-width:1080px;margin:0 auto;padding:80px 28px;display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}@media (max-width:880px){.two-pillar{grid-template-columns:1fr}}.pillar{background:#ffffff;border:1px solid #e4e4e7;border-radius:14px;padding:28px;position:relative;overflow:hidden}.pillar:before{content:"";position:absolute;inset:0 0 auto 0;height:4px}.pillar-fleet:before{background:linear-gradient(90deg,#2378da,#60a5fa)}.pillar-warehouse:before{background:linear-gradient(90deg,#f59e0b,#fb923c)}.pillar-tag{display:inline-block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:#71717a;margin-bottom:6px}.pillar-title{font-size:26px;font-weight:800;letter-spacing:-.4px;margin:0 0 12px}.pillar-body{font-size:15px;color:#3f3f46;margin:0 0 14px}.pillar-body strong{color:#18181b;font-weight:700}.pillar-list{list-style:none;padding:0;margin:0;display:grid;grid-gap:6px;gap:6px}.pillar-list li{font-size:13px;color:#52525b;padding-left:18px;position:relative}.pillar-list li:before{content:"✓";position:absolute;left:0;color:#2378da;font-weight:800}.how{background:#f4f4f5;padding:80px 28px}.section-title{font-size:clamp(28px,4vw,36px);font-weight:800;letter-spacing:-.6px;text-align:center;margin:0 0 12px}.section-subtitle{font-size:15px;color:#52525b;text-align:center;max-width:640px;margin:0 auto 36px}.how-steps{max-width:1080px;margin:36px auto 0;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:24px;gap:24px}@media (max-width:880px){.how-steps{grid-template-columns:1fr}}.how-step{background:#ffffff;border:1px solid #e4e4e7;border-radius:12px;padding:24px;text-align:center}.how-step-num{width:40px;height:40px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;background:#2378da;color:white;border-radius:50%}.how-step-num,.how-step-title{font-size:18px;font-weight:800}.how-step-title{margin:0 0 8px}.how-step-body{font-size:14px;color:#52525b;margin:0}.features{max-width:1080px;margin:0 auto;padding:80px 28px}.feature-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:20px;gap:20px;margin-top:36px}@media (max-width:880px){.feature-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.feature-grid{grid-template-columns:1fr}}.feature-card{background:#ffffff;border:1px solid #e4e4e7;border-radius:12px;padding:22px;transition:border-color .15s,transform .15s}.feature-card:hover{border-color:#2378da;transform:translateY(-2px)}.feature-card-title{font-size:16px;font-weight:700;margin:0 0 8px;color:#18181b}.feature-card-body{font-size:13.5px;color:#52525b;margin:0;line-height:1.55}.pricing{background:#f4f4f5;padding:80px 28px}.price-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);grid-gap:16px;gap:16px}@media (max-width:1080px){.price-grid{grid-template-columns:1fr 1fr 1fr}}@media (max-width:720px){.price-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.price-grid{grid-template-columns:1fr}}.price-card{background:#ffffff;border:1px solid #e4e4e7;border-radius:12px;padding:22px 18px;display:flex;flex-direction:column;position:relative}.price-card-featured{border:2px solid #2378da;box-shadow:0 4px 20px rgba(35,120,218,.15)}.price-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#2378da;color:white;padding:3px 12px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.price-card-name{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#71717a;margin:0 0 4px}.price-card-price{font-size:28px;font-weight:800;letter-spacing:-.5px;color:#18181b;margin-bottom:12px}.price-card-period{font-size:13px;font-weight:500;color:#71717a}.price-card-perks{list-style:none;padding:0;margin:0 0 16px;display:grid;grid-gap:4px;gap:4px;font-size:13px;color:#52525b;flex:1 1}.price-card-perks li{padding-left:16px;position:relative}.price-card-perks li:before{content:"·";position:absolute;left:4px;color:#2378da;font-weight:800}.price-card-cta{text-align:center;padding:9px 12px;background:#f4f4f5;color:#18181b;border-radius:8px;font-size:13px;font-weight:700;text-decoration:none;border:1px solid #e4e4e7;margin-top:auto}.price-card-cta:hover{background:#e4e4e7;text-decoration:none}.price-card-featured .price-card-cta{background:#2378da;color:white;border-color:#2378da}.price-card-featured .price-card-cta:hover{background:#1d62b3}.pricing-addons{max-width:1080px;margin:24px auto 0;text-align:center;font-size:13px;color:#52525b}.trust{max-width:820px;margin:0 auto;padding:80px 28px 96px;text-align:center}.trust-body{font-size:16px;line-height:1.65;color:#3f3f46;margin:16px 0 28px}.trust-body a{color:#2378da;font-weight:600}.trust-cta-row{display:flex;flex-direction:column;align-items:center;gap:8px}.trust-fineprint{font-size:12px;color:#71717a}.landing-footer{background:#18181b;color:rgba(244,244,245,.65);padding:24px 28px;text-align:center;font-size:12px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.landing-footer a{color:rgba(244,244,245,.85);text-decoration:none}.landing-footer a:hover{color:white;text-decoration:underline}.landing-footer .dot{color:rgba(244,244,245,.3)}