@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg:#08111f;--bg-soft:#0d1728;--surface:#0d1728e0;--surface-strong:#111c31;--surface-border:#ffffff14;--text:#edf2ff;--muted:#96a3bf;--muted-strong:#cad4ea;--blue:#62a8ff;--teal:#47d4c1;--gold:#f6c56b;--rose:#ff8e9d;--danger:#ff6f7d;--success:#56d38f;--shadow:0 24px 80px #00000059;--radius-xl:28px;--radius-lg:20px;--radius-md:14px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text);background:radial-gradient(circle at top left, #62a8ff38, transparent 28%), radial-gradient(circle at top right, #47d4c126, transparent 25%), linear-gradient(180deg, #050b14 0%, var(--bg) 38%, #070c15 100%);margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}select{appearance:none;background-color:var(--surface-strong);color:var(--text)}select option{background:var(--surface-strong);color:var(--text)}img,canvas,iframe,svg{max-width:100%}.full-center{place-items:center;min-height:100vh;display:grid}.loading-card{border-radius:var(--radius-lg);border:1px solid var(--surface-border);box-shadow:var(--shadow);background:#111c31e6;padding:24px 28px}.app-shell{grid-template-columns:290px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--surface-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070c15a6;flex-direction:column;gap:28px;padding:28px;display:flex}.sidebar-backdrop,.mobile-nav-close,.mobile-nav-toggle,.mobile-bottom-nav,.mobile-logout-button{display:none}.brand,.user-card{align-items:center;gap:14px;display:flex}.brand-mark{background:linear-gradient(#0f172afa,#08111ffa),linear-gradient(135deg,#62a8ff29,#47d4c11f);border:1px solid #60a5fa52;border-radius:16px;place-items:center;width:46px;height:46px;display:grid;overflow:hidden;box-shadow:0 10px 24px #08111f47}.brand-mark.large{border-radius:20px;width:58px;height:58px}.brand-mark.brand-mark-wordmark{background:linear-gradient(#0f172afc,#08111ffa),linear-gradient(135deg,#62a8ff29,#47d4c11a);border-radius:18px;width:194px;height:68px}.brand-logo{object-fit:contain;box-sizing:border-box;width:100%;height:100%;padding:4px;display:block}.brand-mark.large .brand-logo{padding:10px}.brand-mark.brand-mark-wordmark .brand-logo{padding:2px 10px}.brand-name{letter-spacing:.2px;font-weight:700}.brand-subtitle,.muted-cell,.section-card p,.auth-copy,.auth-footnote,.hero-banner p,.hero-metric span,.row-metric span,.mini-card p,.empty-state p,.user-email{color:var(--muted)}.nav{gap:10px;display:grid}.nav-link{color:var(--muted-strong);border:1px solid #0000;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;display:flex}.nav-link.active{color:var(--text);background:#62a8ff1f;border-color:#62a8ff33}.sidebar-footer{gap:14px;margin-top:auto;display:grid}.avatar{background:linear-gradient(135deg, var(--blue), var(--teal));color:#08111f;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.user-name{font-weight:600}.sidebar-button,.primary-button,.secondary-button,.icon-button{cursor:pointer;border:0}.sidebar-button{justify-content:center}.main-area{min-width:0;padding:28px}.topbar{justify-content:space-between;align-items:start;gap:16px;margin-bottom:22px;display:flex}.topbar-actions{align-items:center;gap:12px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#7e91b6;margin:0 0 8px;font-size:11px}.page-title,.auth-panel h2,.section-card h2,.hero-banner h2,.auth-hero h1{margin:0;line-height:1.05}.page-title{font-size:clamp(28px,4vw,44px)}.topbar-chip{color:#b9f7d2;background:#56d38f24;border:1px solid #56d38f38;border-radius:999px;padding:10px 14px}.page-stack{gap:22px;display:grid}.hero-banner,.section-card,.auth-card,.stat-card,.mini-card,.hero-metric,.list-row,.hero-note{box-shadow:var(--shadow)}.hero-banner,.section-card,.auth-card{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-banner{justify-content:space-between;align-items:end;gap:20px;padding:28px;display:flex}.hero-actions,.filter-bar{flex-wrap:wrap;gap:12px;display:flex}.primary-button,.secondary-button{border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:13px 18px;transition:transform .12s,border-color .12s,background .12s;display:inline-flex}.primary-button{background:linear-gradient(135deg, var(--blue), var(--teal));color:#06111e;font-weight:700}.secondary-button{color:var(--text);border:1px solid var(--surface-border);background:#ffffff05}.primary-button:hover,.secondary-button:hover,.nav-link:hover,.icon-button:hover{transform:translateY(-1px)}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.compact-stats .stat-card{min-height:124px}.role-picker{gap:14px;display:grid}.role-picker-head h3{margin:0;font-size:16px}.role-picker-head p{color:var(--muted);margin:4px 0 0}.role-picker-grid{flex-wrap:wrap;gap:10px;display:flex}.role-chip{border:1px solid var(--surface-border);color:var(--text);cursor:pointer;background:#ffffff08;border-radius:999px;padding:10px 14px}.role-chip.active{background:#62a8ff29;border-color:#62a8ff4d}.role-pill-row{flex-wrap:wrap;gap:8px;display:flex}.stat-card{border-radius:var(--radius-lg);border:1px solid var(--surface-border);background:linear-gradient(#111c31eb,#0a121ff5);padding:20px}.stat-card p{color:var(--muted);margin:0 0 12px;font-size:14px}.stat-card h3{margin:0;font-size:34px}.stat-card span{color:var(--muted);margin-top:10px;display:inline-block}.accent-blue{border-top:3px solid var(--blue)}.accent-teal{border-top:3px solid var(--teal)}.accent-gold{border-top:3px solid var(--gold)}.accent-rose{border-top:3px solid var(--rose)}.dashboard-grid{grid-template-columns:1.45fr 1fr;gap:16px;display:grid}.sla-grid{align-items:start}.sla-list-panel{padding:0}.sla-toolbar{background:#ffffff08;border:1px solid #ffffff0d;border-radius:18px;gap:12px;padding:18px;display:grid}.sla-toolbar-head{align-items:center;gap:12px;display:flex}.sla-toolbar-head strong{margin-bottom:4px;display:block}.sla-toolbar-head p{color:var(--muted);margin:0}.export-actions{flex-wrap:wrap;gap:10px;display:flex}.trend-chart{grid-template-columns:repeat(8,minmax(0,1fr));align-items:end;gap:12px;display:grid}.trend-item{text-align:center;gap:8px;display:grid}.trend-bar{background:#ffffff08;border:1px solid #ffffff0d;border-radius:18px;justify-content:center;align-items:end;height:150px;padding:10px 12px 0;display:flex}.trend-bar-fill{background:linear-gradient(180deg, var(--blue), var(--teal));border-radius:14px 14px 6px 6px;width:100%;min-height:12px}.site-trend-chart{grid-template-columns:repeat(6,minmax(0,1fr))}.site-trend-item .trend-count{color:var(--text-secondary)}.site-trend-bar{position:relative;overflow:hidden}.site-trend-total,.site-trend-sip{border-radius:14px 14px 6px 6px;position:absolute;bottom:0;left:0}.site-trend-total{background:linear-gradient(#6b728059,#6b72801a)}.site-trend-sip{background:linear-gradient(180deg, var(--gold), var(--teal));box-shadow:0 10px 24px #0f172a2e}.sites-map-layout{grid-template-columns:minmax(0,2fr) minmax(320px,1fr);align-items:start;gap:24px;display:grid}.sites-map-page.projector-mode .sites-map-layout{grid-template-columns:1fr}.sites-map-page.projector-mode .section-card{padding:18px}.sites-map-page.projector-mode .map-canvas{height:calc(100vh - 320px);min-height:calc(100vh - 320px)}.sites-map-page.projector-mode .map-legend{justify-content:center}.map-surface{border-radius:24px;width:100%;overflow:hidden}.map-surface:fullscreen{background:#050b14;border-radius:0;width:100vw;height:100vh;overflow:hidden}.map-surface:fullscreen .map-canvas{border-radius:0;width:100vw;height:100vh;min-height:100vh}.map-surface:fullscreen::backdrop{background:#050b14}.map-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.map-shell{gap:16px;display:grid}.map-canvas{border:1px solid var(--border);background:radial-gradient(circle at top,#38bdf814,#0f172a08);border-radius:24px;width:100%;height:540px;min-height:540px;overflow:hidden}.sites-map-page.projector-mode .map-shell{gap:12px}.technician-day-layout{grid-template-columns:minmax(0,1.5fr) minmax(320px,.9fr)}.map-legend{color:var(--text-secondary);flex-wrap:wrap;gap:12px;font-size:.85rem;display:flex}.map-legend span{align-items:center;gap:8px;display:inline-flex}.legend-dot{border-radius:999px;width:10px;height:10px;display:inline-block}.map-marker-badge.route-stop{background:linear-gradient(#47d4c1,#0f766e);box-shadow:0 0 0 4px #47d4c12e,0 8px 20px #0f172a3d}.map-list{gap:10px;display:grid}.map-header-filters{margin-bottom:10px}.filter-label{gap:6px;min-width:220px;display:grid}.filter-title{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;font-size:12px;display:inline-flex}.map-list-item{text-align:left;border:1px solid var(--border);background:var(--surface);width:100%;color:inherit;cursor:pointer;border-radius:18px;justify-content:space-between;gap:12px;padding:14px 16px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.map-list-item:hover{border-color:#22c55e40;transform:translateY(-1px);box-shadow:0 14px 40px #0f172a14}.route-item{align-items:center}.route-item-dragging{opacity:.72;border-color:#47d4c180}.route-drag-handle{color:#0000;flex:none;justify-content:center;align-self:stretch;align-items:center;width:42px;min-width:42px;font-size:0;display:inline-flex;position:relative}.route-drag-handle:before{content:"⋮⋮";color:var(--text-secondary);font-size:16px;line-height:1}.route-open-button{text-align:left;color:inherit;background:0 0;border:0;flex:1;gap:4px;padding:0;display:grid}.map-list-main{gap:4px;display:grid}.map-list-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.map-marker-wrapper{background:0 0;border:none}.map-marker-badge{color:#fff;border:2px solid #ffffffe0;border-radius:999px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 8px 20px #0f172a3d}.map-marker-badge span{font-size:.75rem;font-weight:700}.map-marker-badge.status-active{background:linear-gradient(180deg, var(--teal), #0f766e)}.map-marker-badge.status-inactive{background:linear-gradient(#94a3b8,#64748b)}.map-marker-badge.status-pending{background:linear-gradient(180deg, var(--gold), #f59e0b)}.map-marker-badge.sip-enabled{box-shadow:0 0 0 4px #38bdf82e,0 8px 20px #0f172a3d}.map-marker-badge.erwat-child{background:linear-gradient(#8b5cf6,#6d28d9);box-shadow:0 0 0 4px #8b5cf62e,0 8px 20px #0f172a3d}.map-marker-badge.api-child{background:linear-gradient(#f59e0b,#d97706);box-shadow:0 0 0 4px #f59e0b2e,0 8px 20px #0f172a3d}.map-popup{color:var(--text-primary);gap:4px;display:grid}.legend-dot.erwat-child{background:linear-gradient(#8b5cf6,#6d28d9);box-shadow:0 0 0 4px #8b5cf61f}.legend-dot.api-child{background:linear-gradient(#f59e0b,#d97706);box-shadow:0 0 0 4px #f59e0b1f}.trend-count{font-weight:700}.trend-label{color:var(--muted);font-size:12px}.section-card{padding:22px}.section-head{justify-content:space-between;align-items:start;gap:12px;margin-bottom:18px;display:flex}.section-head.compact{margin-bottom:12px}.tree-summary-badges{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.section-head h2{font-size:22px}.table-wrap{-webkit-overflow-scrolling:touch;overflow:auto}table{border-collapse:collapse;width:100%;min-width:620px}thead .table-filter-row th{vertical-align:top;padding:10px 12px 16px}.table-header-filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.responsive-header-filters{justify-content:space-between;align-items:stretch;gap:12px;display:flex}.responsive-header-filters-inline{flex:1;display:flex}.responsive-header-filters-inline .table-header-filters{width:100%}.responsive-header-filters-panel{gap:12px;display:grid}.responsive-header-filters-panel .table-header-filters{flex-direction:column;align-items:stretch}.responsive-header-filters-panel .table-header-filters input,.responsive-header-filters-panel .table-header-filters select,.responsive-header-filters-panel .table-header-filters .checkbox-chip{flex:auto;width:100%}.responsive-header-filters-trigger{white-space:nowrap;align-self:flex-start;display:none}.table-header-filters input,.table-header-filters select,.table-header-filters .checkbox-chip{flex:160px;min-width:0}.table-header-filters input,.table-header-filters select{padding:11px 12px}.table-header-filters .checkbox-chip{justify-content:flex-start}@media (width<=980px){.responsive-header-filters{align-items:center}.responsive-header-filters-inline{display:none}.responsive-header-filters-trigger{align-items:center;gap:8px;display:inline-flex}}th,td{text-align:left;border-bottom:1px solid #ffffff0f;padding:14px 12px}th{color:#9eacc8;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:600}.strong-cell{font-weight:600}.status-pill{text-transform:capitalize;border-radius:999px;align-items:center;padding:7px 11px;font-size:12px;font-weight:600;display:inline-flex}.status-open,.status-active{color:#8cecb0;background:#56d38f1f}.status-in-progress,.status-pending,.status-pending-parts,.status-pending-customer{color:#f4cf8a;background:#f6c56b1f}.status-completed{color:#9ec8ff;background:#62a8ff1f}.status-cancelled,.status-inactive,.status-breached{color:#ff9aa5;background:#ff6f7d1f}.status-due-soon{color:#f4cf8a;background:#f6c56b1f}.card-list,.mini-cards{gap:12px;display:grid}.list-row,.mini-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:18px;padding:18px}.list-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.list-row h3,.mini-card h3,.empty-state h3{margin:0 0 6px}.row-metric strong{font-size:28px;display:block}.mini-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-card svg{color:var(--teal)}.empty-state{background:#ffffff08;border:1px dashed #ffffff1f;border-radius:18px;padding:20px}.auth-layout{grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.auth-hero,.auth-panel{flex-direction:column;justify-content:center;padding:40px;display:flex}.auth-hero{background:radial-gradient(circle at 20% 20%,#62a8ff2e,#0000 28%),radial-gradient(circle at 75% 35%,#47d4c124,#0000 26%),linear-gradient(#09111ed9,#060b14f2)}.auth-brand{align-items:center;gap:16px;margin-bottom:24px;display:flex}.auth-hero h1{max-width:10ch;font-size:clamp(40px,6vw,68px)}.auth-copy{max-width:46ch;font-size:18px;line-height:1.6}.hero-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:620px;margin:28px 0;display:grid}.hero-metric{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:18px;padding:18px}.hero-metric strong{margin-bottom:6px;font-size:22px;display:block}.hero-note{background:#47d4c114;border:1px solid #47d4c124;border-radius:999px;align-items:center;gap:10px;width:fit-content;padding:14px 18px;display:inline-flex}.auth-panel{background:linear-gradient(#080d16e6,#070b13fa);align-items:center}.auth-card{width:min(100%,460px);padding:30px}.auth-form{gap:16px;margin:24px 0 16px;display:grid}.auth-form label{color:#bfd0f2;gap:8px;display:grid}.auth-form input,.filter-bar input,.filter-bar select{width:100%;color:var(--text);background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;outline:none;padding:14px 15px}.password-field{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:10px;padding-right:8px;display:flex}.password-field input{background:0 0;border:0}.icon-button{width:38px;height:38px;color:var(--muted-strong);background:0 0;border-radius:12px}.form-error{color:#ffbbc2;background:#ff6f7d1f;border:1px solid #ff6f7d29;border-radius:14px;padding:14px 16px}.form-success{color:#a9f0cf;background:#38bd8a1f;border:1px solid #38bd8a29;border-radius:14px;margin-bottom:14px;padding:14px 16px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-grid label{color:var(--muted-strong);gap:8px;display:grid}.form-grid label span{color:var(--text);align-items:center;gap:8px;font-weight:700;display:inline-flex}.form-grid label input[type=checkbox]{justify-self:start;width:18px;height:18px}.form-grid textarea{resize:vertical;min-height:140px}.auth-footnote{margin-top:18px;font-size:14px;line-height:1.6}.filter-bar{margin-bottom:16px}.filter-bar input,.filter-bar select{min-width:220px}.form-panel{background:#ffffff08;border:1px solid #ffffff0f;border-radius:22px;margin:16px 0 18px;padding:18px}.sticky-site-filters{z-index:25;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:84px}.reports-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.reports-panel{gap:12px;min-width:0;display:grid}.reports-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.reports-chart-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:22px;gap:14px;min-width:0;padding:18px;display:grid}.reports-chart-card-wide{grid-column:1/-1}.chart-bars{gap:12px;display:grid}.chart-row{grid-template-columns:minmax(88px,160px) minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.chart-row-button{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:0;padding:0}.chart-row-button:hover .chart-row-label{color:#fff}.chart-row-button:hover .chart-row-track{background:#ffffff14}.chart-row-label{color:#d7e1f5;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.chart-row-track{background:#ffffff0d;border-radius:999px;height:14px;overflow:hidden}.chart-row-fill{border-radius:inherit;background:linear-gradient(90deg,#62a8ffe6,#47d4c1e6);height:100%;box-shadow:0 0 18px #62a8ff38}.chart-row-fill.tone-amber{background:linear-gradient(90deg,#f6c56bf2,#ff8f6de0);box-shadow:0 0 18px #f6c56b2e}.chart-row-fill.tone-rose{background:linear-gradient(90deg,#ff6f7df2,#ff8f6de0);box-shadow:0 0 18px #ff6f7d2e}.chart-row-fill.tone-teal{background:linear-gradient(90deg,#47d4c1f2,#62a8ffd1);box-shadow:0 0 18px #47d4c12e}.chart-row-value{text-align:right;min-width:32px;color:var(--text);font-weight:700}.chart-row-metrics{color:var(--muted);margin-top:3px;font-size:11px;font-weight:500;display:block}.trend-line-chart{gap:10px;display:grid;position:relative}.trend-line-chart-surface{position:relative}.trend-line-chart-svg{width:100%;height:auto;overflow:visible}.trend-baseline{stroke:#94a3b840;stroke-width:1.5px}.trend-line{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.trend-line.tone-teal{stroke:#47d4c1f2}.trend-line.tone-amber{stroke:#f6c56bf2}.trend-line.tone-rose{stroke:#ff6f7df2}.trend-area{fill:#62a8ff1f}.trend-area.tone-teal{fill:#47d4c11f}.trend-area.tone-amber{fill:#f6c56b1f}.trend-area.tone-rose{fill:#ff6f7d1f}.trend-point{fill:#08111ffa;stroke-width:3px}.trend-point.tone-teal{stroke:#47d4c1f2}.trend-point.tone-amber{stroke:#f6c56bf2}.trend-point.tone-rose{stroke:#ff6f7df2}.trend-hit{fill:#0000;cursor:pointer}.trend-hover-guide{stroke-width:1.5px;stroke-dasharray:5 5;opacity:.8}.trend-hover-guide.tone-teal{stroke:#47d4c18f}.trend-hover-guide.tone-amber{stroke:#f6c56b8f}.trend-hover-guide.tone-rose{stroke:#ff6f7d8f}.trend-inline-label-bg{fill:#08111ffa;stroke:#60a5fa2e;stroke-width:1px}.trend-inline-label-bg.tone-teal{stroke:#47d4c147}.trend-inline-label-bg.tone-amber{stroke:#f6c56b47}.trend-inline-label-bg.tone-rose{stroke:#ff6f7d47}.trend-inline-label-text{fill:#fff;paint-order:stroke;stroke:#08111fd9;stroke-width:2px;stroke-linejoin:round;font-size:11px;font-weight:700}.trend-tooltip{z-index:2;background:#08111ff5;border:1px solid #60a5fa38;border-radius:14px;gap:4px;min-width:96px;padding:10px 12px;display:grid;position:absolute;box-shadow:0 12px 28px #00000047}.trend-tooltip span{color:var(--muted);font-size:11px}.trend-tooltip strong{color:var(--text);font-size:15px}.trend-line-labels{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.trend-line-label{color:inherit;cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;gap:4px;padding:10px 8px;display:grid}.trend-line-label span{color:var(--muted);font-size:11px}.trend-line-label strong{font-size:14px}.clickable-row{cursor:pointer}.clickable-row:hover{background:#62a8ff0f}.filter-field{color:#bfd0f2;gap:8px;min-width:220px;display:grid}.filter-searchable{min-width:260px}@media (width<=980px){.reports-grid,.reports-chart-grid{grid-template-columns:1fr}.chart-row{grid-template-columns:1fr;gap:6px}.chart-row-value{text-align:left}.trend-line-labels{grid-template-columns:repeat(2,minmax(0,1fr))}}.form-panel-head{margin-bottom:14px}.form-panel-head h3{margin:0 0 6px}.form-panel-head p{margin:0}.inline-form{gap:12px;display:grid}.inline-form label{color:#bfd0f2;gap:8px;display:grid}.inline-form textarea,.inline-form input,.inline-form select{width:100%;color:var(--text);background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;outline:none;padding:14px 15px}.inline-form select,.filter-bar select,.page-size-picker select{background-image:linear-gradient(45deg, transparent 50%, var(--muted-strong) 50%), linear-gradient(135deg, var(--muted-strong) 50%, transparent 50%);background-position:calc(100% - 20px) calc(50% - 2px),calc(100% - 14px) calc(50% - 2px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:40px}.searchable-select{gap:8px;display:grid;position:relative}.searchable-select-label{color:#bfd0f2}.searchable-select-trigger{width:100%;color:var(--text);cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:14px 15px;display:flex}.searchable-select-trigger:disabled{opacity:.65;cursor:not-allowed}.searchable-select-placeholder{color:var(--muted)}.searchable-select-panel{z-index:120;box-shadow:var(--shadow);background:#09101cfa;border:1px solid #ffffff1a;border-radius:18px;padding:12px;position:absolute;top:calc(100% + 8px);left:0;right:0}.searchable-select-search{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;display:flex}.searchable-select-search input{width:100%;color:var(--text);background:0 0;border:0;outline:none;padding:0}.searchable-select-clear{width:28px;height:28px}.searchable-select-options{gap:6px;max-height:280px;margin-top:10px;display:grid;overflow:auto}.searchable-select-option{width:100%;color:var(--text);cursor:pointer;text-align:left;background:#ffffff05;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.searchable-select-option.active{background:#62a8ff1f;border-color:#62a8ff3d}.searchable-select-option-main{gap:3px;display:grid}.searchable-select-option-main small{color:var(--muted)}.searchable-select-empty{color:var(--muted);padding:14px}.inline-form textarea{resize:vertical;min-height:110px}.signature-pad{gap:10px;display:grid}.signature-pad-head{color:#bfd0f2;justify-content:space-between;align-items:center;gap:12px;display:flex}.signature-pad-canvas{touch-action:none;cursor:crosshair;background:linear-gradient(#08111dfa,#050a12fa);border:1px solid #ffffff1a;border-radius:16px;width:100%;min-height:180px;box-shadow:inset 0 0 0 1px #ffffff08}.signature-pad-hint,.signature-pad-legacy{color:var(--muted);font-size:.92rem}.signature-preview-shell{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;margin-top:12px;padding:14px}.signature-preview-image{object-fit:contain;background:#08111d;border-radius:12px;width:100%;max-width:420px;min-height:120px;display:block}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.actions-row{justify-content:flex-end;display:flex}.bulk-bar{color:var(--muted-strong);background:#62a8ff14;border:1px solid #62a8ff29;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin:14px 0 18px;padding:14px 16px;display:flex}.pagination{justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.pagination-meta{color:var(--muted)}.pagination-actions{gap:8px;display:flex}.page-size-picker{color:var(--muted);align-items:center;gap:8px;display:inline-flex}.page-size-picker select{min-width:84px;padding:10px 12px}.checkbox-chip{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;display:inline-flex}.checkbox-chip input{width:16px;height:16px;accent-color:var(--blue)}.text-link{color:#9ec8ff}.toast-stack{z-index:80;gap:10px;width:min(360px,100vw - 40px);display:grid;position:fixed;top:20px;right:20px}.toast{border:1px solid var(--surface-border);box-shadow:var(--shadow);background:#111c31f0;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.toast-success{border-color:#56d38f38}.toast-error{border-color:#ff6f7d40}.toast-info{border-color:#62a8ff38}.toast-close{color:var(--muted-strong);cursor:pointer;background:0 0;border:0}.drawer-backdrop{z-index:70;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#04080f8c;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{border-left:1px solid var(--surface-border);background:linear-gradient(#0b121ffa,#080d16fa);flex-direction:column;width:min(720px,100vw);height:100vh;padding:22px;display:flex}.drawer-head{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:start;gap:16px;padding-bottom:18px;display:flex}.drawer-head h2{margin:0}.drawer-body{flex:1;gap:18px;padding:18px 0;display:grid;overflow:auto}.drawer-actions{border-top:1px solid #ffffff0f;justify-content:flex-end;gap:12px;padding-top:18px;display:flex}.spin{animation:1s linear infinite spin}.inline-spinner,.section-busy{color:var(--muted-strong);align-items:center;gap:8px;display:inline-flex}.section-busy{justify-content:center;padding:18px 0}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.ghost-button{color:var(--text);cursor:pointer;background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;transition:transform .12s,background .12s,border-color .12s;display:inline-flex}.danger-button{color:#ffbbc2;cursor:pointer;background:#ff6f7d14;border:1px solid #ff6f7d33;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;transition:transform .12s,background .12s,border-color .12s;display:inline-flex}.ghost-button:hover,.danger-button:hover{transform:translateY(-1px)}.drawer-section{background:#ffffff08;border:1px solid #ffffff0d;border-radius:18px;gap:12px;padding:16px;display:grid}.device-list{gap:12px;display:grid}.device-row{background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;grid-template-columns:1.3fr .7fr 1.2fr auto;align-items:end;gap:12px;padding:14px;display:grid}.device-summary-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;padding:14px}.tree-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:22px;margin:16px 0 18px;padding:18px}.tree-root-card{gap:14px;display:grid}.tree-node{gap:10px;display:grid}.tree-node-active>.tree-node-row{border-color:#8b5cf647;box-shadow:0 12px 30px #8b5cf61f}.tree-node-row{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:18px;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex}.tree-toggle{width:34px;height:34px;color:var(--text);cursor:pointer;background:#8b5cf61f;border:1px solid #8b5cf638;border-radius:999px;flex:none;place-items:center;display:grid}.tree-toggle-empty{background:#ffffff08;border-color:#ffffff0f}.tree-node-main{flex:1;gap:4px;display:grid}.tree-node-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.tree-root-row{background:linear-gradient(135deg,#62a8ff1a,#8b5cf61a);border:1px solid #8b5cf624;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.tree-root-meta,.tree-child-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.tree-children{border-left:2px solid #8b5cf62e;gap:10px;padding-left:14px;display:grid}.device-row-actions{justify-content:flex-end;display:flex}.drawer-section h3,.drawer-section p{margin:0}.modal-backdrop{z-index:90;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04080fb8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--surface-border);width:min(960px,100%);max-height:min(92vh,980px);box-shadow:var(--shadow);background:linear-gradient(#0b121ffa,#080d16fa);border-radius:24px;flex-direction:column;padding:22px;display:flex}.modal-lg{width:min(1080px,100%)}.modal-head{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:start;gap:16px;padding-bottom:18px;display:flex}.modal-head h2{margin:0}.modal-body{flex:1;padding:18px 0;overflow:auto}.modal-actions{border-top:1px solid #ffffff0f;justify-content:flex-end;gap:12px;padding-top:18px;display:flex}.notes-list,.attachments-list{gap:10px;display:grid}.note-item,.attachment-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:14px;padding:14px}.note-meta,.attachment-meta{color:var(--muted);justify-content:space-between;gap:12px;margin-bottom:6px;font-size:13px;display:flex}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.summary-card{background:linear-gradient(#121f35f5,#0b131ff5);border:1px solid #ffffff0f;border-radius:16px;padding:16px}.summary-card.tone-danger{background:linear-gradient(#391219f5,#1a0b10f5);border-color:#ff6f7d47}.summary-card.tone-warning{background:linear-gradient(#382911f5,#1c1408f5);border-color:#f6c56b3d}.summary-card.tone-info{background:linear-gradient(#0f1e36f5,#091221f5);border-color:#62a8ff3d}.summary-card.tone-success{background:linear-gradient(#10281cf5,#08140ef5);border-color:#56d38f3d}.summary-card.tone-neutral{background:linear-gradient(#121f35f5,#0b131ff5)}.summary-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px;font-size:12px;display:block}.summary-card strong{word-break:break-word;margin-bottom:6px;font-size:18px;display:block}.summary-card p{color:var(--muted);margin:0;font-size:13px}.attachment-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.attachment-thumb-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;gap:8px;padding:10px;display:grid}.attachment-thumb-button{text-align:left;cursor:pointer;width:100%;color:inherit;transition:transform .12s,border-color .12s,background .12s}.attachment-thumb-button:hover{border-color:#62a8ff42;transform:translateY(-1px)}.attachment-thumb-image{object-fit:cover;border-radius:12px;width:100%;height:84px;display:block}.attachment-thumb-badge{height:84px;color:var(--text);background:linear-gradient(135deg,#62a8ff29,#47d4c11f);border:1px solid #ffffff14;border-radius:12px;place-items:center;font-weight:700;display:grid}.attachment-thumb-badge.thumb-pdf{background:linear-gradient(135deg,#ff8f6d29,#f6c56b1f)}.attachment-thumb-badge svg{flex:none}.attachment-thumb-label{color:var(--muted-strong);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.attachment-preview-modal{gap:16px;display:grid}.attachment-preview-modal-image{object-fit:contain;background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;width:100%;max-height:72vh}.attachment-preview-modal-frame{background:#fff;border:0;border-radius:18px;width:100%;height:74vh}.attachment-preview-modal-pdf{color:var(--text);background:linear-gradient(#0f172afa,#08111ffa);border:1px solid #60a5fa3d;border-radius:18px;gap:14px;padding:14px;display:grid}.attachment-preview-modal-pdf-icon{background:linear-gradient(135deg,#ff8f6d33,#f6c56b29);border:1px solid #ffffff14;border-radius:28px;place-items:center;width:112px;height:112px;display:grid}.attachment-preview-modal-pdf-label{color:var(--muted-strong);text-align:center;word-break:break-word;padding:0 12px 4px;font-size:14px}.attachment-preview-modal-empty{min-height:320px;color:var(--muted);text-align:center;background:#ffffff08;border:1px dashed #ffffff1a;border-radius:18px;place-items:center;display:grid}.sites-table-chip{background:#ffffff08;border:1px solid #ffffff0f;border-radius:999px;align-items:center;padding:7px 10px;font-size:12px;font-weight:600;display:inline-flex}.sites-table-chip.tone-queued{color:#d7dfeb;background:#94a3b81f}.sites-table-chip.tone-en_route{color:#cfe4ff;background:#62a8ff24}.sites-table-chip.tone-on_site{color:#cbf5dd;background:#56d38f24}.sites-table-chip.tone-waiting{color:#ffe1a1;background:#f6c56b24}.sites-table-chip.tone-completed,.sites-table-chip.tone-success{color:#cbf5dd;background:#56d38f24}.sites-table-chip.tone-info{color:#d8e8ff;background:#62a8ff24}.sites-table-chip.tone-warning{color:#ffe1a1;background:#f6c56b24}.sites-table-chip.tone-danger{color:#ffc0c7;background:#ff6f7d1f}.row-tech-badge{gap:6px;display:grid}.row-tech-badge .muted-cell{font-size:12px}.child-count-badge.count-light{color:#d8e8ff;background:#62a8ff14;border-color:#62a8ff29}.child-count-badge.count-medium{color:#ffe2a8;background:#f6c56b1f;border-color:#f6c56b38}.child-count-badge.count-heavy{color:#ffc0c7;background:#ff6f7d1f;border-color:#ff6f7d3d}.attachment-preview-shell{margin-top:10px}.attachment-preview{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;width:100%;overflow:hidden}.attachment-preview-image{object-fit:cover;max-height:280px;display:block}.attachment-preview-pdf{width:100%;height:320px;display:block}.attachment-preview-fallback{min-height:120px;color:var(--muted);text-align:center;place-items:center;padding:20px;display:grid}.detail-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:14px;padding:14px}.detail-card span{color:var(--muted);margin-bottom:6px;font-size:13px;display:block}.detail-card strong{word-break:break-word}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1180px){.app-shell,.auth-layout{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--surface-border)}.dashboard-grid,.stats-grid,.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sites-map-layout{grid-template-columns:1fr}}@media (width<=980px){.app-shell{min-height:100vh;display:block}.sidebar{z-index:120;border-bottom:0;border-right:1px solid var(--surface-border);width:min(340px,86vw);height:100vh;transition:transform .18s;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:110;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#04080f9e;border:0;display:block;position:fixed;inset:0}.mobile-nav-close,.mobile-nav-toggle,.mobile-logout-button{justify-content:center;align-items:center;display:inline-flex}.brand{align-items:flex-start}.brand>:nth-child(2){flex:1;min-width:0}.mobile-nav-close{flex:none;margin-left:auto}.topbar{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#08111ff5,#08111fd1,#08111f00);padding:14px 0 16px;position:sticky;top:0}.topbar-chip{display:none}.mobile-logout-button{white-space:nowrap}.page-title{font-size:clamp(24px,7vw,36px)}.mobile-bottom-nav{z-index:100;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--surface-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);-webkit-overflow-scrolling:touch;background:#070c15f0;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.mobile-bottom-link{min-width:76px;color:var(--muted-strong);text-align:center;border-radius:16px;flex:none;justify-items:center;gap:6px;padding:10px 12px;font-size:11px;display:grid}.mobile-bottom-link.active{color:var(--text);background:#62a8ff1f;border:1px solid #62a8ff33}.main-area{padding-bottom:96px}}@media (width<=760px){.main-area,.sidebar,.auth-hero,.auth-panel{padding:18px}.topbar,.hero-banner,.list-row,.section-head{flex-direction:column;align-items:stretch}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;width:100%}.dashboard-grid,.stats-grid,.hero-grid,.mini-cards{grid-template-columns:1fr}.grid-4,.span-2,.span-3,.span-4{grid-column:auto}.filter-bar input,.filter-bar select{min-width:100%}.drawer{width:100vw;padding:18px}.detail-grid,.summary-grid{grid-template-columns:1fr}.trend-chart{grid-template-columns:repeat(2,minmax(0,1fr))}.site-trend-chart,.map-stats-grid{grid-template-columns:1fr}.map-canvas{height:320px;min-height:320px}.export-actions{width:100%}.export-actions>*,.row-actions>*,.drawer-actions>*,.modal-actions>*{flex:auto;justify-content:center}.pagination{flex-direction:column;align-items:stretch}.pagination-actions,.page-size-picker{justify-content:space-between;width:100%}.device-row{grid-template-columns:1fr}.tree-root-row,.tree-child-row{flex-direction:column;align-items:stretch}.tree-root-meta,.tree-child-meta{justify-content:flex-start}.device-row-actions{justify-content:stretch}.device-row-actions .danger-button{justify-content:center;width:100%}.mobile-technician-page .stats-grid{grid-template-columns:1fr}.mobile-technician-page .section-card{padding:18px}.route-item{flex-wrap:wrap;align-items:flex-start}.route-drag-handle{height:42px}.route-open-button{width:calc(100% - 42px)}.row-tech-badge{min-width:100%}.modal-backdrop{padding:0}.modal,.modal-lg{border-radius:0;width:100vw;min-height:100vh;max-height:100vh;padding:18px}.attachment-preview-modal-frame{height:56vh}.signature-pad-canvas{min-height:160px}.filter-label{min-width:0}}