:root{--deep-forest:#0b1f16;--forest-night:#122e20;--canopy:#0a4d2e;--fern:#2d9e6b;--mint:#52d9a0;--frost:#ecfdf5;--amber:#f59e0b;--sky:#0ea5e9;--alert:#ef4444;--slate:#64748b;--surface-line:#1a4a30;--mint-soft:#89ecc4;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-pill:20px;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--bg:#0b1f16;--surface:#122e20;--surface-2:#0b1f16;--border:#1a4a30;--text:#ecfdf5;--text-muted:#6a9a82;--text-accent:#52d9a0;--grid-line:#52d9a00d}[data-theme=light]{--bg:#f4faf6;--surface:#fff;--surface-2:#eef6f0;--border:#d3e6db;--text:#0b1f16;--text-muted:#5a7568;--text-accent:#0a4d2e;--grid-line:#0a4d2e0d}.btn{font-family:var(--font-body);border-radius:var(--r-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1.1rem;font-size:.85rem;font-weight:500;transition:filter .15s;display:inline-flex}.btn:disabled{opacity:.55;cursor:default}.btn:not(:disabled):hover{filter:brightness(1.08)}.btn-primary{background:var(--mint);color:var(--deep-forest)}.btn-secondary{color:var(--text-accent);border:1.5px solid var(--fern);background:0 0}.btn-cta{background:var(--amber);color:var(--deep-forest)}.btn-ghost{background:var(--surface-2);color:var(--text-accent);border:1px solid var(--border)}.btn-sm{padding:.4rem .7rem;font-size:.78rem}.badge{border-radius:var(--r-pill);white-space:nowrap;padding:.2rem .65rem;font-size:.7rem;font-weight:500;display:inline-block}.badge-won{background:var(--canopy);color:var(--mint)}.badge-progress{color:var(--sky);background:#1a3a4a}.badge-followup{color:var(--amber);background:#4a2e0a}.badge-overdue{color:var(--alert);background:#4a0a0a}.badge-visited{background:var(--surface-line);color:var(--mint-soft)}.badge-neutral{background:var(--surface-2);color:var(--fern);border:1px solid var(--border)}.card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--r-md);padding:.9rem 1rem}.card-divider{border-top:.5px solid var(--border);margin:.75rem 0}.avatar{background:var(--canopy);width:40px;height:40px;color:var(--mint);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:500;display:flex}.field{color:var(--text-muted);flex-direction:column;gap:.3rem;font-size:.8rem;display:flex}.input,.select,.textarea{font-family:var(--font-body);border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:.55rem .7rem;font-size:.9rem}.input:focus,.select:focus,.textarea:focus{border-color:var(--fern);outline:none}.textarea{resize:vertical;min-height:70px}.section-label{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.65rem;font-weight:600;display:flex}.section-label:after{content:"";background:var(--border);flex:1;height:.5px}body{font-family:var(--font-body);background:var(--bg);color:var(--text);margin:0}.login-page{background:var(--deep-forest);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-form{background:var(--forest-night);border-radius:var(--r-lg);border:.5px solid var(--surface-line);color:var(--frost);flex-direction:column;gap:.75rem;width:320px;padding:2.5rem;display:flex}.login-logo-mark{align-self:center;width:84px;height:84px}.login-wordmark{font-family:var(--font-display);letter-spacing:-.05em;text-align:center;margin:0;font-size:2.75rem;font-weight:500;line-height:1}.login-wordmark-i{color:var(--mint)}.login-wordmark-dash{color:var(--surface-line)}.login-wordmark-cons{color:var(--frost)}.login-tagline{text-align:center;text-transform:uppercase;letter-spacing:.18em;color:var(--fern);margin:.75rem 0 0;font-size:.7rem}.login-tagline-divider{background:var(--mint);border-radius:1px;width:36px;height:2px;margin:.875rem auto .75rem}.login-form label{color:var(--fern);flex-direction:column;gap:.25rem;font-size:.9rem;display:flex}.login-form input{border-radius:var(--r-sm);border:1px solid var(--surface-line);background:var(--deep-forest);color:var(--frost);padding:.55rem .7rem}.login-form input:focus{border-color:var(--fern);outline:none}.login-form button{border-radius:var(--r-sm);background:var(--mint);color:var(--deep-forest);cursor:pointer;border:none;margin-top:.5rem;padding:.7rem;font-weight:600}.login-form .error{color:var(--alert);font-size:.85rem}.app-shell{min-height:100vh;display:flex}.role-nav{background:var(--deep-forest);border-right:.5px solid var(--surface-line);width:244px;color:var(--frost);flex-direction:column;flex-shrink:0;align-self:flex-start;height:100vh;padding:1.4rem .9rem;display:flex;position:sticky;top:0;overflow-y:auto}.role-nav-brand{border-bottom:.5px solid var(--surface-line);align-items:center;gap:.6rem;margin-bottom:1rem;padding:0 .4rem 1.25rem;display:flex}.role-nav-logo{width:30px;height:30px}.role-nav-wordmark{font-family:var(--font-display);letter-spacing:-.03em;font-size:1.35rem;font-weight:500}.wm-i{color:var(--mint)}.wm-dash{color:var(--surface-line)}.wm-cons{color:var(--frost)}.role-nav-sections{flex-direction:column;flex:1;gap:1.25rem;display:flex}.role-nav-section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--fern);margin-bottom:.45rem;padding:0 .6rem;font-size:.7rem;font-weight:600}.role-nav-section ul{flex-direction:column;gap:.15rem;margin:0;padding:0;list-style:none;display:flex}.role-nav a{color:#b8d4c6;border-radius:var(--r-sm);border-left:3px solid #0000;padding:.55rem .6rem;font-size:1rem;text-decoration:none;display:block}.role-nav a:hover{background:var(--forest-night);color:var(--mint)}.role-nav a.nav-link-active{background:var(--forest-night);border-left-color:var(--mint);color:var(--mint);font-weight:600}.role-nav-footer{border-top:.5px solid var(--surface-line);flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:1rem;display:flex}.theme-toggle{background:var(--forest-night);border:.5px solid var(--surface-line);color:var(--mint);border-radius:var(--r-sm);cursor:pointer;font-size:.78rem;font-family:var(--font-body);padding:.45rem}.theme-toggle:hover{filter:brightness(1.15)}.role-nav-user{align-items:center;gap:.6rem;display:flex}.role-nav-user-info{flex:1;min-width:0}.role-nav-user strong{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;display:block;overflow:hidden}.role-nav-user span{color:var(--mint);font-size:.72rem}.signout-btn{border:.5px solid var(--surface-line);color:#b8d4c6;border-radius:var(--r-sm);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.95rem;display:flex}.signout-btn:hover{color:var(--alert);border-color:var(--alert)}.avatar-sm{width:32px;height:32px;font-size:.72rem}main{background-color:var(--bg);background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:44px 44px;flex:1;padding:2.25rem 2.5rem}.page-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);margin:0 0 .55rem;padding-bottom:.55rem;font-size:1.95rem;font-weight:700;position:relative}.page-title:after{content:"";background:var(--mint);border-radius:2px;width:44px;height:3px;position:absolute;bottom:0;left:0}.page-lead{color:var(--text-muted);margin:0 0 1.75rem;font-size:.9rem}.page-subtitle{font-family:var(--font-display);color:var(--text);margin:1.75rem 0 .75rem;font-size:1.05rem;font-weight:500}.page-grid{grid-template-columns:340px 1fr;align-items:start;gap:1.75rem;display:grid}@media (width<=900px){.page-grid{grid-template-columns:1fr}}.form-card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--r-md);flex-direction:column;gap:.85rem;padding:1.25rem;display:flex}.form-card .error{color:var(--alert);margin:0;font-size:.85rem}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.kpi-tile{background:var(--surface);border:.5px solid var(--border);border-radius:var(--r-md);padding:1.1rem 1.25rem}.kpi-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.5rem;font-size:.7rem}.kpi-value{font-family:var(--font-display);color:var(--text);font-size:1.75rem;font-weight:500;line-height:1}.kpi-value.accent{color:var(--mint)}.kpi-sub{color:var(--text-muted);margin-top:.4rem;font-size:.72rem}.card-list{flex-direction:column;gap:.75rem;display:flex}.contact-card-head{align-items:center;gap:.75rem;display:flex}.contact-card-name{color:var(--text);font-size:.95rem;font-weight:500}.contact-card-company{color:var(--text-muted);font-size:.8rem}.contact-card-foot{color:var(--text-muted);justify-content:space-between;font-size:.8rem;display:flex}.empty-state{color:var(--text-muted);padding:1rem 0;font-size:.9rem}.warranty-covered{color:var(--text-muted);margin-top:.6rem;font-size:.85rem}.kanban-board{gap:.85rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.kanban-column{background:var(--surface);border:.5px solid var(--border);border-radius:var(--r-md);flex-shrink:0;min-width:210px;padding:.75rem}.kanban-column h3{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 .6rem;font-size:.68rem}.kanban-card{background:var(--surface-2);border:.5px solid var(--border);border-radius:var(--r-sm);flex-direction:column;gap:.2rem;margin-top:.5rem;padding:.65rem;display:flex}.kanban-card strong{color:var(--text);font-size:.85rem}.kanban-card span{color:var(--text-accent);font-size:.8rem;font-weight:600}.activity-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.activity-list li{background:var(--surface);border:.5px solid var(--border);border-radius:var(--r-md);padding:.9rem 1rem}.activity-meta{color:var(--text-muted);margin-top:.15rem;font-size:.75rem;display:block}.activity-list li p{color:var(--text);margin:.5rem 0 0;font-size:.9rem}.gps-tag{color:var(--text-accent);font-size:.78rem}.gps-row{color:var(--text-accent);align-items:center;gap:.6rem;font-size:.85rem;display:flex}.file-upload{border:1px dashed var(--fern);border-radius:var(--r-sm);color:var(--text-accent);background:var(--surface-2);cursor:pointer;align-items:center;gap:.4rem;width:fit-content;padding:.55rem .9rem;font-size:.85rem;font-weight:500;display:inline-flex}.file-upload:hover{border-color:var(--mint);filter:brightness(1.03)}.photo-row{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.photo-thumb{object-fit:cover;border-radius:var(--r-sm);background:var(--border);width:64px;height:64px}.quote-line-row{align-items:center;gap:.5rem;display:flex}.quote-line-row .select{flex:1;min-width:0}.quote-line-row .input{flex-shrink:0;width:74px}.quote-preview{color:var(--text-accent);font-size:.9rem;font-weight:500}.quote-actions{gap:.5rem;margin-top:.6rem;display:flex}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:.5px solid var(--border);padding:.5rem .75rem;font-size:.68rem}.data-table td{border-bottom:.5px solid var(--border);color:var(--text);padding:.7rem .75rem;font-size:.9rem}.email-usage-inline{border-radius:var(--r-pill);margin-top:.5rem;padding:.35rem .6rem;font-size:.72rem;display:inline-block}.email-usage-ok{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.email-usage-warning{color:var(--amber);background:#f59e0b26}.email-usage-critical{color:var(--alert);background:#ef444426}.mobile-topbar,.nav-backdrop{display:none}@media (width<=768px){.mobile-topbar{background:var(--deep-forest);border-bottom:.5px solid var(--surface-line);z-index:30;align-items:center;gap:.6rem;height:52px;padding:0 .9rem;display:flex;position:fixed;top:0;left:0;right:0}.hamburger{color:var(--frost);cursor:pointer;background:0 0;border:none;padding:.2rem .4rem;font-size:1.4rem;line-height:1}.mobile-topbar-logo{width:26px;height:26px}.mobile-topbar-wordmark{font-family:var(--font-display);letter-spacing:-.03em;font-size:1.15rem;font-weight:500}.role-nav{z-index:50;width:260px;height:100vh;transition:transform .25s;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.role-nav.open{transform:translate(0)}.nav-backdrop{z-index:40;background:#00000080;display:block;position:fixed;inset:0}main{padding:calc(52px + 1.25rem) 1.1rem 1.5rem}.page-grid{grid-template-columns:1fr;gap:1rem}.page-title{font-size:1.5rem}.kanban-board{margin:0 -1.1rem;padding:0 1.1rem .5rem}.data-table{white-space:nowrap;display:block;overflow-x:auto}}.role-nav-footer-row{align-items:center;gap:.5rem;display:flex}.role-nav-footer-row .theme-toggle{flex:1}.notif-bell{border:.5px solid var(--surface-line);border-radius:var(--r-sm);background:var(--forest-night);flex-shrink:0;justify-content:center;align-items:center;width:38px;height:34px;text-decoration:none;display:inline-flex;position:relative}.notif-bell-icon{filter:grayscale(.2);font-size:1rem}.notif-bell-badge{background:var(--alert);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.62rem;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.portal{background:var(--bg);min-height:100vh}.portal-header{background:var(--deep-forest);border-bottom:.5px solid var(--surface-line);justify-content:space-between;align-items:center;padding:.9rem 1.5rem;display:flex}.portal-brand{font-family:var(--font-display);align-items:center;gap:.6rem;font-size:1.3rem;font-weight:500;display:flex}.portal-brand img{width:30px;height:30px}.portal-header-right{color:var(--frost);align-items:center;gap:.9rem;font-size:.9rem;display:flex}.portal-main{max-width:720px;margin:0 auto;padding:2rem 1.5rem}.portal-consent{max-width:560px;margin:2rem auto}.portal-list{max-width:560px;margin-bottom:1.25rem}.password-field{display:flex;position:relative}.password-field input{flex:1;padding-right:2.4rem}.login-form .password-toggle{cursor:pointer;background:0 0;border:none;width:auto;margin:0;padding:.2rem .35rem;font-size:1.05rem;line-height:1;position:absolute;top:50%;right:.35rem;transform:translateY(-50%)}