@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--bg-0:#fff;--bg-1:#f8f9fa;--bg-2:#f1f3f5;--bg-3:#e9ecef;--fg-1:#111113;--fg-2:#52525b;--fg-3:#71717a;--border:#e4e4e7;--border-hover:#d4d4d8;--green:#22c55e;--amber:#f59e0b;--red:#ef4444;--blue:#3b82f6;--hp-blue:#0096d6;--mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background:var(--bg-0);color:var(--fg-1);font-family:var(--sans);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100vh}button{cursor:pointer}button,input{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none}input{outline:none}input::placeholder{color:var(--fg-3)}.mono{font-family:var(--mono)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.topnav{height:44px;background:var(--bg-1);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 16px;gap:16px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.logo-chip{display:inline-flex;align-items:center;justify-content:center;width:28px;height:22px;background:var(--hp-blue);border-radius:2px;font-family:var(--mono);font-size:10px;font-weight:600;color:#fff}.nav-tabs{display:flex;gap:4px;margin-left:8px}.nav-tab{font-family:var(--mono);font-size:11px;color:var(--fg-2);padding:6px 10px;border-radius:4px;transition:color .15s,background .15s}.nav-tab.active,.nav-tab:hover{color:var(--fg-1)}.nav-tab.active{background:var(--bg-2)}.nav-tab.disabled{color:var(--fg-3);cursor:not-allowed;opacity:.6}.nav-spacer{flex:1 1}.status-chips{display:flex;gap:6px}.status-chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;color:var(--fg-2);padding:5px 10px;border:1px solid var(--border);border-radius:4px;background:var(--bg-1)}.status-chip .dot{width:6px;height:6px;border-radius:50%}.status-chip .dot.green{background:var(--green)}.status-chip .dot.amber{background:var(--amber)}.status-chip .dot.red{background:var(--red)}.status-chip .num{color:var(--fg-1);font-weight:500}.fleet-wrap{padding:32px 24px 64px;max-width:1400px;margin:0 auto}.fleet-header{margin-bottom:28px;display:flex;align-items:baseline;gap:16px}.fleet-header h1{font-size:18px;font-weight:500;letter-spacing:-.01em}.fleet-header .sub{font-family:var(--mono);font-size:11px;color:var(--fg-3)}.fleet-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.printer-card{background:var(--bg-1);border:1px solid var(--border);border-radius:6px;padding:20px;cursor:pointer;transition:border-color .2s,transform .2s;display:flex;flex-direction:column;gap:16px}.printer-card:hover{border-color:var(--border-hover)}.printer-card.selected{border-color:var(--blue)}.printer-card .head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.printer-card .name{font-family:var(--mono);font-size:13px;color:var(--fg-1);font-weight:500}.printer-card .meta{font-family:var(--mono);font-size:10px;color:var(--fg-3);margin-top:4px;text-transform:uppercase;letter-spacing:.06em}.printer-card .health-num{font-family:var(--mono);font-size:22px;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em}.health-bar{height:3px;background:var(--bg-3);border-radius:1.5px;overflow:hidden}.health-bar .fill{height:100%;border-radius:1.5px;transition:width .8s ease}.printer-card .stats{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px 16px;gap:12px 16px;font-family:var(--mono);font-size:11px}.printer-card .stat-label{color:var(--fg-3);font-size:10px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.printer-card .stat-value{color:var(--fg-1);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.printer-card .next-issue{font-family:var(--mono);font-size:11px;color:var(--fg-2);padding-top:12px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:8px}.printer-card .next-issue .label{color:var(--fg-3);text-transform:uppercase;font-size:10px;letter-spacing:.06em}.color-green{color:var(--green)}.color-amber{color:var(--amber)}.color-red{color:var(--red)}.color-blue{color:var(--blue)}.bg-green{background:var(--green)}.bg-amber{background:var(--amber)}.bg-red{background:var(--red)}.bg-blue{background:var(--blue)}.detail-wrap{display:grid;grid-template-columns:1fr 420px;height:calc(100% - 44px)}.detail-wrap.with-banner{height:calc(100vh - 44px - 41px)}.detail-left{display:flex;flex-direction:column;height:100%;min-width:0;border-right:1px solid var(--border);overflow-y:auto;justify-content:start}.detail-photo-zone{min-height:200px;position:relative;background:var(--bg-1);overflow:hidden;flex-shrink:0;height:80vh}.printer-photo{display:block;max-width:65%;max-height:65%;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.printer-3d{position:absolute;inset:0;width:100%;height:100%}.hotspot-layer{inset:0}.hotspot-layer,.rotate-hint{position:absolute;pointer-events:none}.rotate-hint{bottom:10px;left:50%;transform:translateX(-50%);font-family:var(--mono);font-size:10px;color:var(--fg-3);letter-spacing:.08em;text-transform:uppercase}.detail-photo-header{position:absolute;top:0;left:0;right:0;padding:16px 20px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;z-index:5;pointer-events:none}.detail-photo-header>*{pointer-events:auto}.detail-printer-name{font-family:var(--mono);font-size:13px;color:var(--fg-1)}.detail-printer-meta{margin-top:2px}.detail-printer-meta,.legend{font-family:var(--mono);font-size:10px;color:var(--fg-2);text-transform:uppercase;letter-spacing:.06em}.legend{display:flex;gap:14px}.legend-item{display:inline-flex;align-items:center;gap:5px}.legend-item .dot{width:6px;height:6px;border-radius:50%}.hotspot{position:absolute;width:14px;height:14px;margin-left:-7px;margin-top:-7px;cursor:pointer;z-index:4}.hotspot:hover{z-index:20}.hotspot .core{position:absolute;inset:3px;border-radius:50%;border:1.5px solid rgba(0,0,0,.6);z-index:2;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.4)}.hotspot:hover .core{transform:scale(1.25)}.hotspot .ring{position:absolute;inset:0;border-radius:50%;animation:hotspot-pulse 2.2s ease-out infinite;z-index:1}@keyframes hotspot-pulse{0%{transform:scale(.8);opacity:.5}to{transform:scale(1.9);opacity:0}}.hotspot-tooltip{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);background:var(--bg-1);border:1px solid var(--border);border-radius:4px;padding:8px 10px;min-width:180px;font-family:var(--mono);font-size:11px;white-space:nowrap;pointer-events:none;z-index:6;display:flex;flex-direction:column;gap:2px;box-shadow:0 4px 12px rgba(0,0,0,.5)}.hotspot-tooltip .ttl{color:var(--fg-1)}.hotspot-tooltip .sub{color:var(--fg-3);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.hotspot-tooltip .num{font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-top:2px}.zoom-overlay{position:absolute;inset:0;background:var(--bg-0);z-index:10;display:flex;flex-direction:column;animation:zoom-in .4s cubic-bezier(.22,1,.36,1);transform-origin:var(--origin-x,50%) var(--origin-y,50%);overflow:auto}.zoom-overlay.closing{animation:zoom-out .28s ease-in forwards}@keyframes zoom-in{0%{transform:scale(.08);opacity:0}to{transform:scale(1);opacity:1}}@keyframes zoom-out{0%{transform:scale(1);opacity:1}to{transform:scale(.05);opacity:0}}.zoom-header{padding:14px 20px;border-bottom:1px solid var(--border);display:flex;gap:12px}.zoom-back,.zoom-header{align-items:center;background:var(--bg-1)}.zoom-back{display:inline-flex;gap:6px;font-family:var(--mono);font-size:11px;color:var(--fg-2);padding:6px 10px;border:1px solid var(--border);border-radius:4px;transition:color .15s,border-color .15s}.zoom-back:hover{color:var(--fg-1);border-color:var(--border-hover)}.zoom-back svg{width:12px;height:12px}.zoom-title{font-family:var(--mono);font-size:13px;color:var(--fg-1)}.zoom-subtitle{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);margin-left:8px}.zoom-status{margin-left:auto;font-family:var(--mono);font-size:11px}.zoom-body{padding:24px;display:flex;flex-direction:column;gap:20px}.cal-card,.sparkline-card,.stat-card{background:var(--bg-1);border:1px solid var(--border);border-radius:6px;padding:20px}.sparkline-card .head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}.cal-card .ttl,.sparkline-card .head .ttl,.stat-card .ttl{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3)}.cal-card .ttl,.stat-card .ttl{margin-bottom:14px}.sparkline-card svg{display:block;width:100%}.zoom-cards{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px 20px;gap:16px 20px}.stat-grid .lbl{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);margin-bottom:4px}.stat-grid .val{font-family:var(--mono);font-size:16px;color:var(--fg-1);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-grid .val.small{font-size:13px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:2px;gap:2px}.cal-head{font-size:9px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.06em;text-align:center;padding:4px 0}.cal-cell,.cal-head{font-family:var(--mono)}.cal-cell{aspect-ratio:1;min-height:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;color:var(--fg-2);border:1px solid var(--border);border-radius:3px;position:relative;cursor:default;background:var(--bg-2)}.cal-cell.empty{border:1px solid transparent;background:transparent}.cal-cell.check{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.4);color:var(--green)}.cal-cell.repair{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.4);color:var(--red)}.cal-cell.both{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.4);color:var(--amber)}.cal-cell.clickable{cursor:pointer;transition:border-color .15s}.cal-cell.clickable:hover{border-color:var(--border-hover)}.cal-cell.selected{outline:1px solid var(--blue);outline-offset:1px}.cal-cell .dots{display:flex;gap:2px;margin-top:1px}.cal-cell .mini-dot{width:3px;height:3px;border-radius:50%}.metrics-bar{height:calc(100% - 80vh);background:var(--bg-1);display:grid;grid-template-columns:repeat(4,1fr)}.metrics-bar,.ts-card{border-top:1px solid var(--border)}.ts-card{background:var(--bg-0);padding:12px 16px 8px}.ts-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.ts-title{color:var(--fg-3);letter-spacing:.04em;text-transform:uppercase}.ts-legend,.ts-title{font-family:var(--mono);font-size:10px}.ts-legend{display:flex;gap:14px;color:var(--fg-2);flex-shrink:0}.ts-legend-item{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.metric{padding:14px 20px;border-right:1px solid var(--border);display:flex;flex-direction:column;justify-content:center;gap:5px}.metric:last-child{border-right:none}.metric .lbl{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3)}.metric .val{font-family:var(--mono);font-size:17px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--fg-1)}.right-panel{background:var(--bg-1);display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden}.tab-row{display:flex;border-bottom:1px solid var(--border)}.tab{flex:1 1;padding:12px 0;font-family:var(--mono);font-size:11px;color:var(--fg-3);text-align:center;border-right:1px solid var(--border);transition:color .15s,background .15s;position:relative;background:var(--bg-1)}.tab:last-child{border-right:none}.tab:hover{color:var(--fg-2)}.tab.active{color:var(--fg-1);background:var(--bg-2)}.tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--blue)}.tab-body{flex:1 1;overflow-y:auto}.comp-group{border-bottom:1px solid var(--border);padding:14px 16px}.comp-group .group-label{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-3);margin-bottom:10px}.comp-row{display:grid;grid-template-columns:8px 1fr auto;grid-gap:10px;gap:10px;align-items:center;padding:8px 6px;margin:0 -6px;border-radius:4px;cursor:pointer;transition:background .15s}.comp-row:hover{background:var(--bg-2)}.comp-row .dot{width:6px;height:6px;border-radius:50%}.comp-row .info{display:flex;flex-direction:column;gap:4px;min-width:0}.comp-row .name{font-family:var(--mono);font-size:11px;color:var(--fg-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comp-row .bar{height:2px;background:var(--bg-3);border-radius:1px;overflow:hidden}.comp-row .bar .fill{height:100%;transition:width .8s ease}.comp-row .pct{font-family:var(--mono);font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:500}.cal-tab-wrap{padding:16px}.cal-tab-head{font-family:var(--mono);font-size:11px;color:var(--fg-1);margin-bottom:4px}.cal-tab-sub{font-family:var(--mono);font-size:10px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}.cal-tab-grid .cal-cell{height:24px;min-height:24px;aspect-ratio:auto;font-size:10px}.day-detail{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.day-detail-head{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);margin-bottom:10px}.day-event{display:grid;grid-template-columns:8px 1fr auto;grid-gap:10px;gap:10px;align-items:center;padding:7px 0;font-family:var(--mono);font-size:11px;border-bottom:1px solid var(--border)}.day-event:last-child{border-bottom:none}.day-event .dot{width:6px;height:6px;border-radius:50%}.day-event .name{color:var(--fg-1)}.cal-legend,.day-event .action{font-size:10px;text-transform:uppercase;letter-spacing:.06em}.cal-legend{display:flex;gap:14px;margin-top:12px;font-family:var(--mono);color:var(--fg-2)}.voice-wrap{display:flex;flex-direction:column;height:100%}.voice-head{padding:14px 16px;border-bottom:1px solid var(--border);font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-3)}.voice-thread{flex:1 1;overflow-y:auto;padding:16px;gap:10px}.voice-msg,.voice-thread{display:flex;flex-direction:column}.voice-msg{max-width:88%;padding:10px 12px;font-size:12px;line-height:1.6;font-family:var(--mono);gap:6px}.voice-msg.bot{align-self:flex-start;background:var(--bg-2);border-radius:4px 8px 8px 4px;color:var(--fg-1)}.voice-msg.user{align-self:flex-end;background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.3);border-radius:8px 4px 4px 8px;color:var(--fg-1)}.voice-msg.thinking{color:var(--fg-3);font-style:italic}.sev-badge{align-self:flex-start;font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.08em;padding:2px 6px;border-radius:3px}.sev-info{background:rgba(59,130,246,.15);color:var(--blue)}.sev-warning{background:rgba(245,158,11,.15);color:var(--amber)}.sev-critical{background:rgba(239,68,68,.15);color:var(--red)}.voice-input-row{border-top:1px solid var(--border);padding:10px 12px;display:flex;align-items:center;gap:8px}.voice-input{flex:1 1;background:var(--bg-2);border:1px solid var(--border);border-radius:4px;padding:8px 10px;font-family:var(--mono);font-size:12px;color:var(--fg-1);transition:border-color .15s}.voice-input:focus{border-color:var(--border-hover)}.icon-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:4px;color:var(--fg-2);background:var(--bg-1);transition:color .15s,border-color .15s,background .15s}.icon-btn:hover{color:var(--fg-1);border-color:var(--border-hover)}.icon-btn svg{width:14px;height:14px}.icon-btn.listening{background:rgba(239,68,68,.15);border-color:var(--red);color:var(--red);animation:mic-pulse 1.2s ease-in-out infinite}@keyframes mic-pulse{0%,to{box-shadow:0 0 0 0 rgba(239,68,68,.3)}50%{box-shadow:0 0 0 6px rgba(239,68,68,0)}}.alerts-wrap{padding:16px;display:flex;flex-direction:column;gap:18px}.alerts-section .section-label{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);margin-bottom:10px}.email-input-row{display:flex;gap:6px;margin-bottom:10px}.email-input{flex:1 1;background:var(--bg-2);border:1px solid var(--border);border-radius:4px;padding:7px 9px;font-family:var(--mono);font-size:11px;color:var(--fg-1);transition:border-color .15s}.email-input:focus{border-color:var(--border-hover)}.btn-add{font-family:var(--mono);font-size:11px;color:var(--fg-2);padding:7px 12px;border:1px solid var(--border);border-radius:4px;background:var(--bg-1);transition:color .15s,border-color .15s}.btn-add:hover{color:var(--fg-1);border-color:var(--border-hover)}.email-tags{display:flex;flex-wrap:wrap;gap:6px}.email-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:var(--bg-2);border:1px solid var(--border);border-radius:3px;font-family:var(--mono);font-size:10px;color:var(--fg-1)}.email-tag .x{color:var(--fg-3);cursor:pointer;transition:color .15s}.email-tag .x:hover{color:var(--red)}.cond-card,.digest-card,.threshold-card{background:var(--bg-1);border:1px solid var(--border);border-radius:6px;padding:14px}.cond-row{display:grid;grid-template-columns:1fr auto;grid-gap:12px;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);align-items:center}.cond-row:last-child{border-bottom:none}.cond-row .cond-label{font-family:var(--mono);font-size:11px;color:var(--fg-1);margin-bottom:2px}.cond-row .cond-sub{font-size:10px;color:var(--fg-3)}.toggle{position:relative;width:30px;height:16px;background:var(--bg-3);border-radius:8px;cursor:pointer;transition:background .2s;flex-shrink:0}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;background:var(--fg-1);border-radius:50%;transition:transform .2s,background .2s;box-shadow:0 1px 2px rgba(0,0,0,.3)}.toggle.on{background:var(--blue)}.toggle.on:after{transform:translateX(14px);background:#fff}.digest-card .lbl-row,.threshold-card .lbl-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.digest-card .lbl,.threshold-card .lbl{font-family:var(--mono);font-size:11px;color:var(--fg-1)}.threshold-card .val{font-family:var(--mono);font-size:11px;color:var(--blue);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.slider{-webkit-appearance:none;width:100%;height:2px;background:var(--bg-3);border-radius:1px;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--blue);border-radius:50%;cursor:pointer;border:2px solid var(--bg-1);box-shadow:0 1px 3px rgba(0,0,0,.3)}.digest-options{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:4px;gap:4px}.digest-opt{font-family:var(--mono);font-size:10px;color:var(--fg-2);padding:6px 0;border:1px solid var(--border);border-radius:3px;background:var(--bg-1);transition:color .15s,border-color .15s}.digest-opt:hover{color:var(--fg-1);border-color:var(--border-hover)}.digest-opt.active{color:var(--blue);border-color:var(--blue);background:rgba(59,130,246,.08)}.alerts-btn-row{display:flex;gap:8px}.btn-test{font-family:var(--mono);font-size:11px;color:var(--fg-2);padding:10px 14px;background:var(--bg-1);border:1px solid var(--border);border-radius:4px;transition:all .15s;white-space:nowrap}.btn-test:hover{color:var(--fg-1);border-color:var(--border-hover)}.btn-test:disabled{opacity:.4;cursor:not-allowed}.btn-save{flex:1 1;font-family:var(--mono);font-size:11px;color:var(--fg-1);padding:10px;background:var(--bg-2);border:1px solid var(--border);border-radius:4px;transition:all .15s}.btn-save:hover{border-color:var(--border-hover);background:var(--bg-3)}.btn-save.saved{color:var(--green);border-color:rgba(34,197,94,.4);background:rgba(34,197,94,.08)}.btn-save:disabled{opacity:.4;cursor:not-allowed}.alert-status{font-family:var(--mono);font-size:11px;padding:8px 12px;border-radius:4px;border:1px solid}.alert-status.sending{color:var(--fg-3);border-color:var(--border);background:var(--bg-1)}.alert-status.sent{color:var(--green);border-color:rgba(34,197,94,.3);background:rgba(34,197,94,.06)}.alert-status.no-trigger{color:var(--fg-3);border-color:var(--border);background:var(--bg-1)}.alert-status.error{color:var(--red);border-color:rgba(245,85,85,.3);background:rgba(245,85,85,.06)}