:root{color-scheme:light dark;--bg: #f6f7fa;--surface: #ffffff;--surface-hover: #f2f4f8;--border: #e6e8ee;--border-strong: #d6dae2;--text: #14171f;--text-muted: #667085;--accent: #8a611c;--accent-contrast: #ffffff;--danger: #dc2626;--success: #16a34a;--warning: #d97706;--info: #2563eb;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--shadow-md: 0 4px 12px rgba(16, 24, 40, .07), 0 1px 2px rgba(16, 24, 40, .04);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica,Arial,sans-serif;--font-brand: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0d0f13;--surface: #15181e;--surface-hover: #1c2028;--border: #262a33;--border-strong: #333843;--text: #e7e9ee;--text-muted: #8b93a3;--accent: #e0b876;--accent-contrast: #14100a;--danger: #f87171;--success: #4ade80;--warning: #fbbf24;--info: #5b93ff}}:root[data-theme=dark]{--bg: #0d0f13;--surface: #15181e;--surface-hover: #1c2028;--border: #262a33;--border-strong: #333843;--text: #e7e9ee;--text-muted: #8b93a3;--accent: #e0b876;--accent-contrast: #14100a;--danger: #f87171;--success: #4ade80;--warning: #fbbf24;--info: #5b93ff}:root{--accent-soft: color-mix(in srgb, var(--accent) 14%, var(--surface));--danger-soft: color-mix(in srgb, var(--danger) 12%, var(--surface));--success-soft: color-mix(in srgb, var(--success) 12%, var(--surface));--warning-soft: color-mix(in srgb, var(--warning) 16%, var(--surface));--info-soft: color-mix(in srgb, var(--info) 14%, var(--surface))}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.65rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.app-header-brand{display:flex;align-items:center;gap:.6rem}.brand{display:flex;align-items:center;gap:.45rem;font-family:var(--font-brand);font-weight:700;font-size:1.05rem;letter-spacing:-.01em}.brand-mark{flex:none}.app-header-actions{display:flex;align-items:center;gap:.6rem}.app-body{flex:1;display:flex;min-height:0}.nav-dropdown{position:relative}.nav-dropdown-trigger{display:inline-flex;align-items:center;gap:.4rem;background:transparent;border:none;cursor:pointer;color:var(--text-muted);font:inherit;font-size:.86rem;font-weight:500;padding:.45rem .7rem;border-radius:var(--radius-sm);transition:background-color .15s,color .15s}.nav-dropdown-trigger:hover{color:var(--text);background:var(--surface-hover)}.nav-dropdown-trigger.active{color:var(--accent);background:var(--accent-soft)}.nav-dropdown-caret{transition:transform .15s}.nav-dropdown-trigger[aria-expanded=true] .nav-dropdown-caret{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:calc(100% + .4rem);left:0;display:flex;flex-direction:column;gap:.15rem;min-width:180px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:.4rem;z-index:20}.nav-dropdown-menu-right{left:auto;right:0}.nav-dropdown-check{margin-left:auto;flex:none}.nav-dropdown-menu a,.nav-dropdown-menu button{width:100%}.nav-dropdown-menu button{display:inline-flex;align-items:center;gap:.4rem;background:transparent;border:none;cursor:pointer;font:inherit;color:var(--text-muted);text-align:left;font-size:.86rem;font-weight:500;padding:.45rem .7rem;border-radius:var(--radius-sm);transition:background-color .15s,color .15s}.nav-dropdown-menu button:hover{color:var(--text);background:var(--surface-hover)}.nav-dropdown-menu button:disabled{color:var(--text-muted);opacity:.5;cursor:not-allowed}.nav-dropdown-menu button:disabled:hover{background:transparent}.nav-dropdown-menu button.active{color:var(--accent);background:var(--accent-soft)}.alerts-bell{position:relative}.alerts-bell-button{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;padding:0;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--border);color:var(--text-muted);position:relative}.alerts-bell-button:hover{color:var(--text);background:var(--surface-hover);border-color:var(--border-strong)}.alerts-bell-badge{position:absolute;top:-.35rem;right:-.35rem;min-width:1.1rem;height:1.1rem;padding:0 .25rem;border-radius:999px;background:var(--danger);color:#fff;font-size:.68rem;font-weight:700;line-height:1.1rem;text-align:center}.alerts-popup{position:absolute;top:calc(100% + .5rem);right:0;width:400px;max-width:calc(100vw - 2rem);max-height:420px;overflow-y:auto;overflow-x:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:.9rem;z-index:20}.alerts-popup-header{font-size:.85rem;font-weight:600;margin-bottom:.65rem}.alerts-popup .anomaly-list{margin-bottom:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f121973;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:50}.modal{width:100%;max-width:480px;max-height:calc(100vh - 3rem);overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.modal-header h2{margin:0;font-size:1.05rem;font-weight:600}.modal-close{display:inline-flex;flex:none;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border-radius:var(--radius-sm);background:transparent;border:1px solid transparent;color:var(--text-muted)}.modal-close:hover{color:var(--text);background:var(--surface-hover)}.modal-body{padding:1.25rem}.toast-stack{position:fixed;top:1.1rem;right:1.1rem;z-index:60;display:flex;flex-direction:column;gap:.5rem;max-width:min(360px,calc(100vw - 2.2rem))}.toast{position:relative;overflow:hidden;display:flex;align-items:flex-start;gap:.55rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:.75rem .85rem;font-size:.85rem;color:var(--text);animation:toast-in .18s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(-.4rem)}to{opacity:1;transform:translateY(0)}}.toast-leaving{animation:toast-out .22s ease-in forwards}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.4rem)}}.toast-progress{position:absolute;left:0;bottom:0;width:100%;height:2px;transform-origin:left;animation-name:toast-progress;animation-timing-function:linear;animation-fill-mode:forwards;background:var(--text-muted)}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast svg{flex:none;margin-top:.1rem}.toast span{flex:1;word-break:break-word}.toast-close{flex:none;display:inline-flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;padding:0;background:transparent;border:none;color:var(--text-muted);border-radius:var(--radius-sm)}.toast-close:hover{color:var(--text);background:var(--surface-hover)}.toast-success{border-left:3px solid var(--success)}.toast-success svg:first-child{color:var(--success)}.toast-success .toast-progress{background:var(--success)}.toast-error{border-left:3px solid var(--danger)}.toast-error svg:first-child{color:var(--danger)}.toast-error .toast-progress{background:var(--danger)}.toast-warning{border-left:3px solid var(--warning)}.toast-warning svg:first-child{color:var(--warning)}.toast-warning .toast-progress{background:var(--warning)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;padding:0;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--border);color:var(--text-muted)}.theme-toggle:hover{color:var(--text);background:var(--surface-hover);border-color:var(--border-strong)}.app-main{flex:1;min-width:0;padding:1.75rem}.app-main>*{max-width:1120px;margin:0 auto}.app-sidebar{flex:none;width:220px;display:flex;flex-direction:column;gap:.5rem;padding:.85rem .6rem;background:var(--surface);border-right:1px solid var(--border);overflow-y:auto;transition:width .15s ease}.app-sidebar.collapsed{width:56px}.sidebar-collapse-toggle{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;width:2.1rem;height:2.1rem;flex:none;padding:0;border-radius:var(--radius-sm);background:transparent;border:1px solid transparent;color:var(--text-muted)}.sidebar-collapse-toggle:hover{color:var(--text);background:var(--surface-hover);border-color:var(--border-strong)}.sidebar-nav{display:flex;flex-direction:column;gap:.15rem}.sidebar-link{display:flex;align-items:center;gap:.65rem;width:100%;background:transparent;border:none;cursor:pointer;font:inherit;text-align:left;color:var(--text-muted);text-decoration:none;font-size:.86rem;font-weight:500;padding:.55rem .6rem;border-radius:var(--radius-sm);transition:background-color .15s,color .15s}.sidebar-link span:not(.sidebar-icon){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-icon{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;flex:none;border-radius:999px;transition:background-color .15s,color .15s}.sidebar-link:hover{color:var(--text);background:var(--surface-hover)}.sidebar-link.active{color:var(--accent);font-weight:600}.sidebar-link.active .sidebar-icon{background:var(--accent-soft);color:var(--accent)}.app-sidebar.collapsed .sidebar-link{justify-content:center;padding:.4rem 0}.app-sidebar.collapsed .sidebar-link span:not(.sidebar-icon),.app-sidebar.collapsed .sidebar-group-caret{display:none}.sidebar-group-caret{margin-left:auto;flex:none;transition:transform .15s}.sidebar-link[aria-expanded=true] .sidebar-group-caret{transform:rotate(180deg)}.sidebar-subnav{display:flex;flex-direction:column;gap:.1rem;padding-left:1.85rem}.sidebar-sublink{font-weight:400;padding:.4rem .6rem}.sidebar-item-wrap{position:relative}.nav-dropdown-menu-flyout{top:0;left:calc(100% + .4rem)}.section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.1rem;flex-wrap:wrap;gap:.5rem}h1{font-size:1.35rem;font-weight:700;letter-spacing:-.01em;margin:0;display:inline-flex;align-items:center;gap:.6rem}.page-title-crumb{color:var(--text-muted);font-weight:500}.page-title-crumb-sep{color:var(--text-muted);font-weight:400}.back-link{display:inline-flex;align-items:center;gap:.35rem;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:.45rem .8rem;font-size:.86rem;font-weight:500;text-decoration:none;transition:border-color .15s,background-color .15s,color .15s}.back-link:hover{border-color:var(--border-strong);background:var(--surface-hover)}.back-link-icon{transform:rotate(-90deg);flex:none}.toolbar,.filter-bar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:1.1rem}.inline-field{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-muted)}input,select,textarea{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:.45rem .65rem;font-size:.88rem;transition:border-color .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}button{cursor:pointer;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:.45rem .8rem;font-size:.86rem;font-weight:500;transition:border-color .15s,background-color .15s,color .15s}button:hover{border-color:var(--border-strong);background:var(--surface-hover)}button:disabled{opacity:.5;cursor:not-allowed}button.critical{color:var(--danger);border-color:var(--danger)}button.good{color:var(--success);border-color:var(--success)}button.warning{color:var(--warning);border-color:var(--warning)}.button-with-spinner{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.button-with-spinner:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 85%,black);border-color:color-mix(in srgb,var(--accent) 85%,black)}.button-with-spinner .spinner{border-color:color-mix(in srgb,var(--accent-contrast) 35%,transparent);border-top-color:var(--accent-contrast)}.preset-group{display:flex;gap:.25rem;background:var(--bg);padding:.2rem;border-radius:var(--radius-sm);border:1px solid var(--border)}.preset-group button{border:none;background:transparent}.preset-group button:hover{background:var(--surface-hover)}.date-field-input{width:13ch;flex:none}.preset-group button.active{background:var(--accent);color:var(--accent-contrast)}.date-field-wrap{display:flex;align-items:center;gap:.3rem}.date-field-nav-btn,.date-field-calendar-btn{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;padding:0;line-height:1;font-size:1rem;flex:none}.date-field-calendar-btn.active{border-color:var(--accent);color:var(--accent)}.calendar-popover{position:fixed;z-index:50;width:15.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:.7rem}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.calendar-header button{border:none;background:none;padding:.2rem .5rem;font-size:1rem;line-height:1}.calendar-header button:hover{color:var(--accent);background:none}.calendar-header-label{font-size:.86rem;font-weight:600}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-weekdays span{text-align:center;font-size:.7rem;color:var(--text-muted);padding-bottom:.3rem}.calendar-grid button{border:none;background:none;border-radius:var(--radius-sm);aspect-ratio:1;padding:0;font-size:.82rem;font-weight:400;color:var(--text)}.calendar-grid button:hover{background:var(--surface-hover)}.calendar-cell-outside{color:var(--text-muted);opacity:.55}.calendar-cell-today{font-weight:700;color:var(--accent)}.calendar-cell-selected{background:var(--accent)!important;color:var(--accent-contrast)!important;font-weight:600}.calendar-footer{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border);display:flex;justify-content:center;gap:.4rem}.calendar-footer button{font-size:.78rem;padding:.3rem .7rem}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border);margin-bottom:1.1rem}.tab-button{background:none;border:none;border-bottom:2px solid transparent;border-radius:0;padding:.6rem .9rem;color:var(--text-muted);font-size:.88rem;font-weight:500;text-decoration:none}.tab-button:hover{color:var(--text);background:none}.tab-button.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.tabs.subtabs{border-bottom:none;gap:.35rem;margin-bottom:.9rem}.tabs.subtabs .tab-button{border:1px solid var(--border);border-radius:999px;padding:.35rem .85rem}.tabs.subtabs .tab-button.active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.table-scroll{overflow-x:auto;margin-bottom:1.5rem}.data-table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.data-table th,.data-table td{text-align:left;padding:.65rem .9rem;border-bottom:1px solid var(--border);font-size:.86rem}.data-table th{color:var(--text-muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;background:var(--bg);white-space:nowrap}.data-table tbody tr{transition:background-color .1s}.data-table tbody tr:hover{background:var(--surface-hover)}.data-table tbody tr:last-child td{border-bottom:none}.truncate-cell{display:inline-block;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;cursor:help}.data-table code{background:var(--bg);padding:.1rem .4rem;border-radius:4px;font-size:.82rem}.hourly-apps-table td{vertical-align:top}.hourly-apps-list{display:flex;flex-wrap:wrap;gap:.35rem}.hourly-apps-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:999px;background:var(--bg);border:1px solid var(--border);font-size:.78rem;max-width:260px}.hourly-apps-chip-duration{color:var(--text-muted);font-size:.74rem;white-space:nowrap}.hourly-apps-chip-idle{color:var(--text-muted);border-style:dashed}.icon-thumb{width:1rem;height:1rem;flex:none;object-fit:contain;border-radius:3px}.name-with-icon{display:inline-flex;align-items:center;gap:.4rem}.display-name-editor input{width:100%;max-width:640px}.icon-editor-trigger{display:inline-flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;padding:0;flex:none;border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--border);overflow:hidden}.icon-editor-trigger:hover{border-color:var(--border-strong)}.icon-editor-trigger img{width:100%;height:100%;object-fit:contain}.icon-editor-placeholder{width:.8rem;height:.8rem;border-radius:999px;background:var(--border-strong)}.icon-editor-popover{position:fixed;z-index:50;display:flex;align-items:center;gap:.4rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:.6rem}.icon-editor-popover input{width:280px}.icon-editor-popover button{flex:none;padding:.4rem .6rem;font-size:.78rem}.icon-editor-popover .error-text{flex-basis:100%}.bar-cell{position:relative;min-width:160px;height:1.4rem;display:flex;align-items:center}.bar-cell .bar{position:absolute;left:0;top:0;bottom:0;background:color-mix(in srgb,var(--info) 28%,transparent);border-radius:0 4px 4px 0}.bar-cell .bar.bar-neutral{background:color-mix(in srgb,var(--info) 28%,transparent)}.bar-cell .bar.bar-good{background:color-mix(in srgb,var(--success) 28%,transparent)}.bar-cell .bar.bar-idle{background:color-mix(in srgb,var(--text-muted) 28%,transparent)}.bar-cell .bar.bar-warning{background:color-mix(in srgb,var(--warning) 28%,transparent)}.bar-cell .bar.bar-critical{background:color-mix(in srgb,var(--danger) 28%,transparent)}.bar-cell .bar-label{position:relative;z-index:1;padding-left:.4rem;font-size:.82rem}.row-actions{display:flex;gap:.4rem}.data-table td a{color:var(--accent);text-decoration:none;font-weight:500}.data-table td a:hover{text-decoration:underline}.chart-card{margin:0 0 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.1rem 1.25rem}.chart-title{font-size:.92rem;font-weight:600;margin:0 0 .85rem}.chart-card .chart-title-row{margin-bottom:1.1rem}.ranked-bar-row{display:grid;grid-template-columns:minmax(0,160px) 1fr;align-items:center;gap:.75rem;margin-bottom:.5rem}.ranked-bar-row:last-child{margin-bottom:0}.ranked-bar-name{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranked-bar-name a{display:flex;align-items:center;gap:.4rem;color:var(--accent);text-decoration:none;font-weight:500;overflow:hidden;text-overflow:ellipsis}.ranked-bar-name a:hover{text-decoration:underline}.trend-legend{display:flex;gap:1rem;margin-bottom:.9rem;font-size:.8rem;color:var(--text-muted)}.legend-item{display:flex;align-items:center;gap:.35rem}.legend-swatch{width:10px;height:10px;border-radius:2px;display:inline-block}.legend-active{background:var(--success)}.legend-idle{background:var(--text-muted)}.legend-active-outside{background:var(--warning)}.trend-scroll{overflow-x:auto}.trend-columns{display:flex;align-items:flex-end;gap:6px;padding-bottom:.25rem;min-width:100%}.trend-column{display:flex;flex-direction:column;align-items:center;flex:1 1 20px;min-width:20px;max-width:48px;cursor:help}.trend-track{width:100%;display:flex;flex-direction:column;justify-content:flex-end}.trend-segment{width:100%}.trend-segment.trend-idle{background:var(--text-muted);border-radius:4px 4px 0 0;margin-bottom:2px;opacity:.5}.trend-segment.trend-active-outside{background:var(--warning)}.trend-segment.trend-active{background:var(--success)}.trend-column-label{margin-top:.4rem;font-size:.65rem;color:var(--text-muted);white-space:nowrap}.trend-tooltip{min-width:0;width:max-content;transform:translate(-50%,-100%);font-size:.8rem}.trend-tooltip-row{display:flex;align-items:center;gap:.4rem;margin-top:.3rem;color:var(--text-muted)}.trend-tooltip-value{margin-left:auto;color:var(--text);font-weight:500}.day-timeline{display:flex;height:30px;border-radius:6px;overflow:hidden;border:1px solid var(--border)}.day-timeline-segment{flex:1;border-right:1px solid var(--surface)}.day-timeline-segment:last-child{border-right:none}.day-timeline-active{background:var(--success)}.day-timeline-activeOutside{background:var(--warning)}.day-timeline-idle{background:var(--text-muted);opacity:.45}.day-timeline-absent{background:var(--bg)}.day-timeline-swatch-active{background:var(--success)}.day-timeline-swatch-active-outside{background:var(--warning)}.day-timeline-swatch-idle{background:var(--text-muted);opacity:.45}.day-timeline-swatch-absent{background:var(--bg);border:1px solid var(--border)}.day-timeline-labels{display:flex;margin-top:.35rem}.mini-timeline{display:flex;gap:2px;width:4.5rem;height:10px;cursor:help}.mini-timeline-segment{flex:1;border-radius:2px}.mini-timeline-active{background:var(--success)}.mini-timeline-activeOutside{background:var(--warning)}.mini-timeline-idle{background:var(--text-muted);opacity:.45}.mini-timeline-absent{background:var(--bg);border:1px solid var(--border)}.mini-timeline-future{background:transparent}.mini-timeline-popover{position:fixed;z-index:50;min-width:230px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:.6rem .75rem}.mini-timeline-popover-list{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}.mini-timeline-popover-list li{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.mini-timeline-popover-list li.mini-timeline-popover-future{opacity:.55}.mini-timeline-dot{width:8px;height:8px;border-radius:2px;flex:none}.mini-timeline-popover-range{color:var(--text-muted);min-width:3.6rem}.mini-timeline-popover-status{font-weight:500}.mini-timeline-popover-duration{display:flex;gap:.3rem;margin-left:auto;white-space:nowrap}.day-timeline-labels span{flex:1;text-align:center;font-size:.65rem;color:var(--text-muted)}.day-timeline-segment{cursor:help}.day-timeline-popover{min-width:200px;max-width:280px}.day-timeline-popover-header{display:flex;align-items:center;gap:.4rem;font-size:.82rem}.day-timeline-popover-status{color:var(--text-muted);margin-left:auto;font-size:.74rem;white-space:nowrap}.day-timeline-popover-duration{display:flex;gap:.3rem;margin-top:.3rem}.day-timeline-popover-apps{list-style:none;margin:.5rem 0 0;padding:.5rem 0 0;border-top:1px solid var(--border);display:grid;gap:.3rem}.day-timeline-popover-apps li{display:flex;align-items:center;gap:.5rem;font-size:.78rem}.day-timeline-popover-app-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.day-timeline-popover-app-duration{color:var(--text-muted);font-size:.72rem;margin-left:auto;white-space:nowrap}.day-timeline-popover-more{color:var(--text-muted);font-style:italic}.day-timeline-popover-empty{margin-top:.5rem;color:var(--text-muted);font-size:.78rem}.kpi-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.1rem}.kpi-tile{flex:1;min-width:150px;display:flex;align-items:center;gap:.7rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:.85rem 1rem}.kpi-tile .kpi-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex:none;border-radius:999px;background:var(--bg);color:var(--text-muted)}.kpi-tile.kpi-good .kpi-icon{background:var(--success-soft);color:var(--success)}.kpi-tile.kpi-critical .kpi-icon{background:var(--danger-soft);color:var(--danger)}.kpi-tile.kpi-neutral .kpi-icon{background:var(--info-soft);color:var(--info)}.kpi-tile.kpi-idle .kpi-icon{background:color-mix(in srgb,var(--text-muted) 16%,var(--surface));color:var(--text-muted)}.kpi-tile.kpi-warning .kpi-icon{background:var(--warning-soft);color:var(--warning)}.kpi-tile .kpi-value{font-size:1.35rem;font-weight:700;line-height:1.1;letter-spacing:-.01em}.kpi-tile .kpi-label{font-size:.78rem;color:var(--text-muted)}.summary-card{display:flex;flex-wrap:wrap;column-gap:2.5rem;row-gap:1.1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.1rem 1.25rem;margin-bottom:1.1rem}.summary-card>div{display:flex;flex-direction:column;gap:.2rem}.summary-label{display:flex;align-items:center;gap:.35rem;color:var(--text-muted);font-size:.76rem}.summary-icon{display:inline-flex;flex:none;color:var(--text-muted)}.summary-value{font-size:1rem;font-weight:600}.summary-hoverable{cursor:help}.ip-history-popover{position:fixed;z-index:50;min-width:240px;max-width:320px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:.6rem .75rem}.ip-history-popover-title{font-size:.72rem;color:var(--text-muted);margin-bottom:.4rem}.ip-history-popover-list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.ip-history-popover-list li{display:flex;align-items:baseline;gap:.5rem;font-size:.8rem}.ip-history-popover-host{font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ip-history-popover-ip,.ip-history-popover-time{color:var(--text-muted);white-space:nowrap}.subsection-title{display:flex;align-items:center;gap:.4rem;font-size:1rem;font-weight:600;margin:0 0 .65rem}.subsection-icon{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;flex:none;border-radius:999px;background:var(--accent-soft);color:var(--accent)}.subsection-icon.icon-good{background:var(--success-soft);color:var(--success)}.subsection-icon.icon-idle{background:color-mix(in srgb,var(--text-muted) 16%,var(--surface));color:var(--text-muted)}.subsection-icon.icon-neutral{background:var(--info-soft);color:var(--info)}.subsection-icon.icon-warning{background:var(--warning-soft);color:var(--warning)}.subsection-icon.icon-critical{background:var(--danger-soft);color:var(--danger)}.subsection-icon.icon-lg{width:2.1rem;height:2.1rem}.subsection-header{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.65rem}.subsection-header .subsection-title{margin:0}.subsection-link{color:var(--accent);text-decoration:none;font-size:.85rem;font-weight:500;white-space:nowrap}.subsection-link:hover{text-decoration:underline}.data-table .row-actions a{display:inline-flex;align-items:center;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:.4rem .75rem;font-size:.86rem;font-weight:500;text-decoration:none;transition:border-color .15s,background-color .15s}.data-table .row-actions a:hover{border-color:var(--border-strong);background:var(--surface-hover)}.empty-state{color:var(--text-muted);padding:1.25rem 0;font-size:.88rem;text-align:center}.page-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.9rem;background:var(--bg)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;flex:none}.spinner-sm{width:.85rem;height:.85rem}.spinner-md{width:1.1rem;height:1.1rem}.spinner-lg{width:2rem;height:2rem;border-width:3px}.loading-state{display:flex;align-items:center;justify-content:center;gap:.55rem;color:var(--text-muted);padding:1.5rem 0;font-size:.88rem}.page-loading .loading-state{padding:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{display:inline-block;height:.85em;border-radius:4px;background:linear-gradient(100deg,var(--border) 30%,var(--surface-hover) 50%,var(--border) 70%);background-size:250% 100%;animation:shimmer 1.3s ease-in-out infinite;vertical-align:middle}.progress-bar{height:4px;border-radius:999px;background:var(--border);overflow:hidden;margin-top:.5rem}.progress-bar-fill{height:100%;background:var(--info);border-radius:999px;transition:width .25s ease}.error-text{color:var(--danger);margin-bottom:.75rem;font-size:.88rem}.warning-banner{background:var(--warning-soft);border:1px solid color-mix(in srgb,var(--warning) 45%,transparent);color:var(--text);border-radius:var(--radius-sm);padding:.65rem .95rem;font-size:.85rem;margin-bottom:1.1rem}.offer-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem 1.5rem;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.1rem;margin-bottom:1.5rem}.offer-form h2,.offer-form .form-row-full,.offer-form .form-actions{grid-column:1 / -1}.modal-body .offer-form{border:none;box-shadow:none;padding:0;margin-bottom:0}.offer-form h2{margin:0;font-size:1rem;font-weight:600}.offer-form label{display:grid;gap:.25rem;font-size:.85rem;color:var(--text-muted)}.offer-form .checkbox-label{display:flex;flex-direction:row;align-items:center;gap:.5rem}.checkbox-group-label{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:.4rem}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.4rem 1rem}.form-actions{display:flex;gap:.5rem;padding-top:.6rem;margin-bottom:1.1rem}.offer-form .form-actions{margin-bottom:0}.status-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:999px;font-size:.76rem;font-weight:500;border:1px solid transparent}.status-good{color:var(--success);background:var(--success-soft)}.status-idle{color:var(--text-muted);background:color-mix(in srgb,var(--text-muted) 16%,var(--surface))}.status-neutral{color:var(--accent);background:var(--accent-soft)}.status-warning{color:var(--warning);background:var(--warning-soft)}.status-critical{color:var(--danger);background:var(--danger-soft)}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable-th:hover{color:var(--text)}.sort-indicator{display:inline-flex;vertical-align:-2px;margin-left:.15rem}.anomaly-list{display:grid;gap:.75rem;margin-bottom:1.5rem;min-width:0}.anomaly-card{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--warning);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:.8rem 1rem;min-width:0}.anomaly-card-header{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .6rem;margin-bottom:.4rem;font-weight:600}.anomaly-card-header a{min-width:0;overflow-wrap:anywhere}.anomaly-reasons{margin:0;padding-left:1.1rem;font-size:.85rem;color:var(--text-muted)}.anomaly-reasons li{overflow-wrap:anywhere}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:2rem;width:300px;display:grid;gap:.75rem}.login-mark{color:var(--text)}.login-card h1{margin:0;font-family:var(--font-brand)}.login-card p{margin:0;color:var(--text-muted);font-size:.85rem}.login-card p.login-tagline{font-family:var(--font-brand);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}