:root{--background:#07101d;--panel:#0d1929;--panel-light:#122238;--border:#263b56;--text:#edf5ff;--muted:#8fa4bd;--accent:#35d6b4;--blue:#5b8fff;--critical:#ff5d68;--high:#ff9f43;--medium:#ffd166;--low:#55d187;--shadow:0 20px 55px rgba(0,0,0,.3)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at top right,#17365f 0,rgba(23,54,95,.2) 28%,transparent 50%),linear-gradient(160deg,#07101d,#050b14)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;border-right:1px solid var(--border);background:#07101df2}.brand{display:flex;align-items:center;gap:12px;margin-bottom:34px}.brand img{width:44px;height:44px}.brand h1{margin:0;font-size:18px}.brand p{margin:3px 0 0;color:var(--muted);font-size:12px}.sidebar nav{display:grid;gap:6px}.sidebar nav button{display:flex;align-items:center;gap:10px;width:100%;padding:12px 13px;border:0;border-radius:11px;color:var(--muted);background:transparent;font-weight:750;text-align:left}.sidebar nav button:hover,.sidebar nav button.active{color:var(--text);background:#13253c}.relay-status{position:absolute;right:18px;bottom:20px;left:18px;display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--panel)}.relay-status strong,.relay-status small{display:block}.relay-status small{margin-top:4px;color:var(--muted)}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--medium)}.status-dot.online{background:var(--accent);box-shadow:0 0 13px var(--accent)}.status-dot.demo{background:var(--medium)}.status-dot.offline{background:var(--critical)}.main-content{min-width:0;padding:26px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.topbar h2{margin:0;font-size:28px}.topbar p{margin:5px 0 0;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 13px;border:1px solid var(--border);border-radius:10px;font-weight:800}.button.primary{color:#041018;border-color:transparent;background:var(--accent)}.button.secondary{color:var(--text);background:#0c1828}.avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#1a3556;font-weight:850}.banner{margin-bottom:16px;padding:12px 14px;border:1px solid #5d4f22;border-radius:12px;color:#f7df91;background:#ffd16614;font-size:13px}.ai-briefing{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:20px;padding:24px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(135deg,#122238fa,#0a1829f0);box-shadow:var(--shadow)}.ai-briefing h3{max-width:850px;margin:10px 0 8px;font-size:22px;line-height:1.4}.ai-briefing p{margin:0;color:var(--muted)}.eyebrow{display:flex;align-items:center;gap:7px;color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.confidence-ring{position:relative;width:126px;height:126px;flex:0 0 126px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--accent) var(--score),rgba(255,255,255,.08) 0)}.confidence-ring:before{content:"";position:absolute;width:94px;height:94px;border-radius:50%;background:var(--panel)}.confidence-ring div{position:relative;z-index:1;text-align:center}.confidence-ring strong,.confidence-ring small{display:block}.confidence-ring strong{font-size:25px}.confidence-ring small{margin-top:3px;color:var(--muted);font-size:10px}.metrics{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:14px;margin-bottom:20px}.metric-card{padding:18px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,#122238fa,#0c1829fa);box-shadow:var(--shadow)}.metric-card span{display:block;color:var(--muted);font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.metric-card strong{display:block;margin-top:8px;font-size:30px}.metric-card.critical strong{color:var(--critical)}.metric-card.high strong{color:var(--high)}.metric-card.medium strong{color:var(--medium)}.metric-card.low strong{color:var(--low)}.workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(370px,.65fr);gap:18px}.panel{overflow:hidden;border:1px solid var(--border);border-radius:18px;background:#0d1929f5;box-shadow:var(--shadow)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px;border-bottom:1px solid var(--border)}.panel-header h3{margin:0;font-size:16px}.panel-header p{margin:4px 0 0;color:var(--muted);font-size:12px}.filters{display:flex;gap:8px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:8px;min-width:210px;padding-left:10px;border:1px solid var(--border);border-radius:10px;color:var(--muted);background:#091524}input,select,textarea{width:100%;min-height:40px;padding:9px 11px;border:1px solid var(--border);border-radius:10px;outline:none;color:var(--text);background:#091524}.search-box input{border:0;background:transparent}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px 16px;border-bottom:1px solid rgba(38,59,86,.65);text-align:left;vertical-align:top;font-size:13px}th{color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}tbody tr{cursor:pointer}tbody tr:hover,tbody tr.selected{background:#13253d}td small{display:block;margin-top:4px;color:var(--muted)}.priority{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:900}.priority.critical{color:var(--critical);background:#ff5d681a}.priority.high{color:var(--high);background:#ff9f431a}.priority.medium{color:var(--medium);background:#ffd1661a}.priority.low{color:var(--low);background:#55d1871a}.priority.unclassified{color:var(--muted);background:#8fa4bd1a}.ticket-detail-panel{min-height:650px}.ticket-detail{max-height:740px;overflow:auto;padding:18px}.ticket-detail>h3{margin:0;font-size:22px}.muted{color:var(--muted)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-card{padding:11px;border:1px solid var(--border);border-radius:12px;background:#091625}.detail-card label,.detail-section h4{display:block;margin:0 0 5px;color:var(--muted);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.detail-section{padding:14px 0;border-top:1px solid var(--border)}.detail-section p{margin:0;white-space:pre-wrap;line-height:1.55}.empty{padding:40px;color:var(--muted);text-align:center}.detail-empty{min-height:500px;display:grid;place-items:center}.dashboard-bottom{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.compact-panel{min-height:250px}.activity-list{padding:8px 18px 18px}.activity-row{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.activity-row:last-child{border-bottom:0}.activity-row strong,.activity-row small{display:block}.activity-row small{margin-top:4px;color:var(--muted)}.activity-dot{width:9px;height:9px;margin-top:5px;border-radius:50%;background:var(--muted)}.activity-dot.critical{background:var(--critical)}.activity-dot.high{background:var(--high)}.activity-dot.medium{background:var(--medium)}.activity-dot.low{background:var(--low)}.workload{display:flex;align-items:center;gap:14px;padding:20px}.technician-avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:#041018;background:linear-gradient(135deg,var(--accent),var(--blue));font-weight:900}.workload h3{margin:0}.workload p{margin:4px 0 10px;color:var(--muted)}.progress{height:8px;overflow:hidden;border-radius:999px;background:#091524}.progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--blue))}.simple-page,.settings-page{min-height:500px;padding:24px}.settings-page{display:grid;gap:18px;max-width:850px}.settings-page label{display:grid;gap:8px;color:var(--muted)}.check-row{grid-template-columns:auto 1fr;align-items:center}.check-row input{width:auto;min-height:auto}.customer-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:14px;margin-top:22px}.customer-card{padding:18px;border:1px solid var(--border);border-radius:15px;background:#091625}.customer-card svg{color:var(--accent)}.customer-card h3{margin:14px 0 4px}.customer-card p,.customer-card small{color:var(--muted)}.customer-card footer{display:flex;justify-content:space-between;margin-top:18px;padding-top:12px;border-top:1px solid var(--border);color:var(--muted);font-size:12px}.report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.report-card{padding:22px}.report-card svg{color:var(--accent)}.report-card h3{margin:16px 0 5px}.report-card strong{font-size:30px}.report-card p{color:var(--muted)}.assistant-page svg{color:var(--accent)}.assistant-prompts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:28px 0}.assistant-prompts button{padding:15px;border:1px solid var(--border);border-radius:12px;color:var(--text);background:#091625;text-align:left}.assistant-input{display:grid;grid-template-columns:1fr auto;gap:10px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#000000b8}.modal{width:min(720px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:22px;border:1px solid var(--border);border-radius:18px;background:var(--panel);box-shadow:var(--shadow)}.modal header{display:flex;align-items:flex-start;justify-content:space-between}.modal header h3{margin:0}.modal header p{margin:5px 0 0;color:var(--muted)}.icon-button{border:0;color:var(--text);background:transparent}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.form-grid label{display:grid;gap:7px;color:var(--muted)}.form-grid .wide{grid-column:1/-1}.form-message{margin-top:16px;padding:12px;border-radius:10px;color:var(--muted);background:#091625}.modal footer{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}@media(max-width:1150px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.workspace,.dashboard-bottom{grid-template-columns:1fr}.customer-grid,.report-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.main-content{padding:16px}.topbar,.panel-header,.ai-briefing{align-items:flex-start;flex-direction:column}.top-actions{flex-wrap:wrap}.metrics,.detail-grid,.form-grid,.customer-grid,.report-grid,.assistant-prompts{grid-template-columns:1fr}.filters,.filters select,.search-box{width:100%}}.last-updated{color:var(--accent)}.notification-button{position:relative;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px;color:var(--text);background:#0c1828}.notification-button span{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;display:grid;place-items:center;padding:0 5px;border-radius:999px;color:#fff;background:var(--critical);font-size:10px;font-weight:900}.avatar-button{border:0;color:var(--text)}.timeline-row{position:relative;display:grid;grid-template-columns:34px 1fr;gap:10px;padding-bottom:18px}.timeline-row:not(:last-child):after{content:"";position:absolute;left:15px;top:28px;bottom:0;width:1px;background:var(--border)}.timeline-marker{position:relative;z-index:1;width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;color:var(--accent);background:#091625}.timeline-row strong,.timeline-row small{display:block}.timeline-row p{margin:3px 0;color:var(--muted)}.timeline-row small{color:#647d99}.analytics-panel{margin-top:18px}.bar-chart{display:grid;gap:16px;padding:22px}.bar-row{display:grid;grid-template-columns:80px 1fr 35px;align-items:center;gap:12px}.bar-row>div{height:12px;overflow:hidden;border-radius:999px;background:#091524}.bar-row i{display:block;height:100%;min-width:3px;border-radius:inherit}.bar-row i.critical{background:var(--critical)}.bar-row i.high{background:var(--high)}.bar-row i.medium{background:var(--medium)}.bar-row i.low{background:var(--low)}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:radial-gradient(circle at 20% 20%,rgba(53,214,180,.15),transparent 35%),linear-gradient(150deg,#06101c,#0a1728)}.login-brand-panel{display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,8vw,120px)}.login-brand-panel>img{width:62px;height:62px;margin-bottom:28px}.login-brand-panel h1{max-width:680px;margin:18px 0;font-size:clamp(40px,6vw,78px);line-height:1.02}.login-brand-panel>p{max-width:620px;color:var(--muted);font-size:18px;line-height:1.6}.login-capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:38px}.login-capabilities>div{display:flex;gap:12px;padding:16px;border:1px solid var(--border);border-radius:14px;background:#0d1929b3}.login-capabilities svg{color:var(--accent)}.login-capabilities strong,.login-capabilities small{display:block}.login-capabilities small{margin-top:4px;color:var(--muted)}.login-card{align-self:center;width:min(460px,calc(100% - 40px));margin:auto;padding:30px;border:1px solid var(--border);border-radius:20px;background:#0d1929f7;box-shadow:var(--shadow)}.login-logo{display:flex;align-items:center;gap:13px;margin-bottom:28px}.login-logo img{width:46px}.login-logo h2{margin:0}.login-logo p{margin:4px 0 0;color:var(--muted)}.login-card label{display:grid;gap:8px;margin-top:16px;color:var(--muted)}.login-button{width:100%;margin-top:22px}.login-note{display:block;margin-top:14px;color:var(--muted);text-align:center}@media(max-width:950px){.login-shell{grid-template-columns:1fr}.login-brand-panel{padding:42px 24px}.login-brand-panel h1{font-size:42px}.login-capabilities{grid-template-columns:1fr}.login-card{margin-bottom:50px}}.projects-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(340px,.6fr);gap:18px}.calendar-panel{overflow:hidden}.calendar-header{align-items:center}.calendar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.calendar-nav{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--border);background:#091524}.calendar-weekdays span{padding:11px;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.08em;text-align:center;text-transform:uppercase}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day{min-height:122px;padding:8px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:#09152473}.calendar-day:nth-child(7n){border-right:0}.calendar-day.muted-day{opacity:.42}.calendar-day.today{box-shadow:inset 0 0 0 1px var(--accent)}.day-number{display:inline-grid;width:25px;height:25px;place-items:center;border-radius:50%;font-size:12px;font-weight:800}.today .day-number{color:#041018;background:var(--accent)}.day-projects{display:grid;gap:5px;margin-top:7px}.calendar-project{overflow:hidden;width:100%;padding:6px 7px;border:0;border-radius:7px;color:var(--text);font-size:10px;font-weight:800;text-align:left;text-overflow:ellipsis;white-space:nowrap}.calendar-project.planning,.project-status.planning{background:#5b8fff26;color:#8fb5ff}.calendar-project.awaiting,.project-status.awaiting{background:#ffd16626;color:var(--medium)}.calendar-project.tentative,.project-status.tentative{background:#ff9f4326;color:var(--high)}.calendar-project.scheduled,.project-status.scheduled{background:#35d6b426;color:var(--accent)}.calendar-project.progress,.project-status.progress{background:#5b8fff33;color:#a9c3ff}.calendar-project.complete,.project-status.complete{background:#55d18726;color:var(--low)}.calendar-project.hold,.project-status.hold{background:#ff5d6826;color:var(--critical)}.projects-sidebar{display:grid;align-content:start;gap:18px}.project-list{max-height:360px;overflow:auto}.project-list>button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:13px 16px;border:0;border-bottom:1px solid var(--border);color:var(--text);background:transparent;text-align:left}.project-list>button:hover,.project-list>button.selected{background:#13253d}.project-list strong,.project-list small{display:block}.project-list small{margin-top:4px;color:var(--muted)}.project-status{max-width:135px;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;text-align:center}.project-detail{padding:18px}.project-detail>h3{margin:0;font-size:21px}.project-address{display:flex;align-items:flex-start;gap:7px;margin:16px 0;padding:12px;border:1px solid var(--border);border-radius:10px;color:var(--muted);background:#091625}.projects-banner{margin:12px}.project-modal{width:min(820px,100%)}@media(max-width:1200px){.projects-layout{grid-template-columns:1fr}.projects-sidebar{grid-template-columns:1fr 1fr}}@media(max-width:760px){.projects-sidebar{grid-template-columns:1fr}.calendar-header{align-items:flex-start}.calendar-actions{width:100%}.calendar-grid,.calendar-weekdays{min-width:760px}.calendar-panel{overflow:auto}.calendar-day{min-height:105px}}.projects-page-stack{display:grid;gap:18px}.calendar-day{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;color:var(--text);text-align:left;cursor:pointer}.calendar-day:hover{background:#10243a}.calendar-day.selected-day{box-shadow:inset 0 0 0 2px var(--accent);background:#35d6b40f}.calendar-day-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.day-event-count{min-width:23px;height:23px;display:grid;place-items:center;padding:0 6px;border-radius:999px;color:#041018;background:var(--accent);font-size:10px;font-weight:900}.calendar-project{display:block;pointer-events:none}.day-agenda-panel{overflow:hidden}.day-agenda{display:grid}.agenda-project{display:grid;grid-template-columns:auto minmax(160px,1fr) auto;align-items:center;gap:13px;width:100%;padding:15px 18px;border:0;border-bottom:1px solid var(--border);color:var(--text);background:transparent;text-align:left}.agenda-project:last-child{border-bottom:0}.agenda-project:hover{background:#13253d}.agenda-status-dot{width:11px;height:11px;border-radius:50%;background:var(--blue)}.agenda-status-dot.planning{background:var(--blue)}.agenda-status-dot.awaiting{background:var(--medium)}.agenda-status-dot.tentative{background:var(--high)}.agenda-status-dot.scheduled{background:var(--accent)}.agenda-status-dot.progress{background:#8fb5ff}.agenda-status-dot.complete{background:var(--low)}.agenda-status-dot.hold{background:var(--critical)}.agenda-main strong,.agenda-main small{display:block}.agenda-main small{margin-top:4px;color:var(--muted)}.agenda-meta{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}.agenda-meta>span:not(.project-status){display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:12px}.day-empty{padding:28px}@media(max-width:760px){.agenda-project{grid-template-columns:auto 1fr}.agenda-meta{grid-column:2;justify-content:flex-start}}.calendar-panel{background:#eef3f8}.calendar-weekdays{background:#dfe7ef}.calendar-weekdays span{color:#42566d}.calendar-day{color:#102030;background:#fff;border-color:#cfd9e4}.calendar-day:hover{background:#f5f8fb}.calendar-day.muted-day{opacity:.55;background:#f2f5f8}.calendar-day.today{box-shadow:inset 0 0 0 2px var(--accent)}.calendar-day.selected-day{box-shadow:inset 0 0 0 3px var(--accent);background:#eefcf8}.day-number,.calendar-project{color:#102030}.calendar-project.planning,.project-status.planning{background:#dbe7ff;color:#244a8f}.calendar-project.awaiting,.project-status.awaiting{background:#fff1bf;color:#7f5d00}.calendar-project.tentative,.project-status.tentative{background:#ffe1c2;color:#8f4f00}.calendar-project.scheduled,.project-status.scheduled{background:#d7f5e7;color:#176c4b}.calendar-project.progress,.project-status.progress{background:#dbe7ff;color:#244a8f}.calendar-project.complete,.project-status.complete{background:#d9f4df;color:#246b34}.calendar-project.hold,.project-status.hold{background:#ffd8dc;color:#8b2631}.calendar-project.cancelled,.project-status.cancelled{background:#eceff3;color:#5b6570;text-decoration:line-through}.project-action-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.project-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border:1px solid transparent;border-radius:10px;font-weight:800;cursor:pointer}.schedule-action{color:#0d5a3f;background:#d7f5e7;border-color:#9ad8bd}.schedule-action:hover{background:#c5ecd9}.cancel-action{color:#7d4300;background:#ffe3bd;border-color:#efbd7d}.cancel-action:hover{background:#ffd39a}.delete-action{color:#8d1d29;background:#ffd9dd;border-color:#e7a1aa}.delete-action:hover{background:#ffc5cb}@media(max-width:760px){.project-action-row{grid-template-columns:1fr}}