:root{color-scheme:light dark;--cv-navy-950: #0b1826;--cv-navy-900: #12233a;--cv-navy-800: #1f3350;--cv-navy-600: #3a5273;--cv-gold-300: #e3c38c;--cv-gold-500: #c99a55;--cv-gold-700: #8a6423;--cv-ice: #e9ecef;--cv-white: #ffffff;--cv-gray-50: #f6f7f9;--cv-gray-100: #edeff2;--cv-gray-200: #dde1e6;--cv-gray-400: #9aa3ae;--cv-gray-600: #5a6570;--cv-gray-800: #2b3440;--cv-danger: #c0392b;--cv-success: #2e7d5b;--cv-warning: #b7791f;--cv-info: #2b6cb0;--bg: var(--cv-white);--surface: var(--cv-white);--surface-hover: var(--cv-gray-100);--border: var(--cv-gray-200);--border-strong: color-mix(in srgb, var(--cv-gray-200) 45%, var(--cv-gray-400));--text: var(--cv-navy-950);--text-muted: var(--cv-gray-600);--accent: var(--cv-gold-500);--accent-text: var(--cv-gold-700);--accent-contrast: var(--cv-navy-950);--danger: var(--cv-danger);--success: var(--cv-success);--warning: var(--cv-warning);--info: var(--cv-info);--sidebar-bg: var(--cv-navy-900);--sidebar-hover: var(--cv-navy-800);--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;--font-display: "Michroma", "Eurostile", "Segoe UI", sans-serif}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: var(--cv-navy-950);--surface: var(--cv-navy-900);--surface-hover: #17273f;--border: var(--cv-navy-800);--border-strong: var(--cv-navy-600);--text: #f2f4f7;--text-muted: var(--cv-gray-400);--accent: var(--cv-gold-500);--accent-text: var(--cv-gold-300);--accent-contrast: var(--cv-navy-950);--danger: color-mix(in srgb, var(--cv-danger) 65%, white);--success: color-mix(in srgb, var(--cv-success) 65%, white);--warning: color-mix(in srgb, var(--cv-warning) 65%, white);--info: color-mix(in srgb, var(--cv-info) 65%, white);--sidebar-bg: var(--cv-navy-950);--sidebar-hover: var(--cv-navy-800)}}:root[data-theme=dark]{--bg: var(--cv-navy-950);--surface: var(--cv-navy-900);--surface-hover: #17273f;--border: var(--cv-navy-800);--border-strong: var(--cv-navy-600);--text: #f2f4f7;--text-muted: var(--cv-gray-400);--accent: var(--cv-gold-500);--accent-text: var(--cv-gold-300);--accent-contrast: var(--cv-navy-950);--danger: color-mix(in srgb, var(--cv-danger) 65%, white);--success: color-mix(in srgb, var(--cv-success) 65%, white);--warning: color-mix(in srgb, var(--cv-warning) 65%, white);--info: color-mix(in srgb, var(--cv-info) 65%, white);--sidebar-bg: var(--cv-navy-950);--sidebar-hover: var(--cv-navy-800)}: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))}.cv-display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.app-shell{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:1.5rem}.brand{display:flex;align-items:center;height:28px;text-decoration:none;opacity:1;transition:opacity .15s}.brand:hover{opacity:.8}.brand-logo{height:28px;width:auto;display:block}.brand-logo-escura{display:none}:root[data-theme=dark] .brand-logo-clara{display:none}:root[data-theme=dark] .brand-logo-escura{display:block}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .brand-logo-clara{display:none}:root:not([data-theme=light]) .brand-logo-escura{display:block}}.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-text);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-text);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-wide{max-width:720px}.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;overflow-y:auto}.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(--sidebar-bg);border-right:1px solid var(--cv-navy-800);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;font-family:var(--font-brand);text-align:left;color:var(--cv-gray-400);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(--cv-white);background:var(--sidebar-hover)}.sidebar-link.active{color:var(--cv-white);font-weight:600;background:var(--sidebar-hover)}.sidebar-link.active .sidebar-icon{background:color-mix(in srgb,var(--cv-gold-500) 20%,transparent);color:var(--cv-gold-500)}.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-text)}textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}button{cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:.45rem .8rem;font-family:var(--font-brand);font-size:.86rem;font-weight:600;transition:border-color .15s,background-color .15s,color .15s}button svg{flex:none}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-text);color:var(--accent-text)}.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-text);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-text)}.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-text);border-bottom-color:var(--accent-text);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}.table-load-more{display:flex;justify-content:center;margin-top:-.75rem;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.no-hover:hover{background:transparent}.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;flex-direction:column;gap:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:.6rem;width:280px}.icon-editor-popover-input-row{display:flex;align-items:center;gap:.4rem}.icon-editor-popover-input-row input{flex:1;min-width:0}.icon-editor-remove{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;padding:0;flex:none}.icon-editor-remove:hover:not(:disabled){color:var(--danger);border-color:var(--danger)}.icon-editor-suggestions-block{display:flex;flex-direction:column;gap:.3rem}.icon-editor-search-input{width:100%}.icon-editor-suggestions-label{font-size:.72rem;color:var(--text-muted);font-weight:500}.icon-editor-suggestions{display:flex;flex-wrap:wrap;gap:.4rem}.icon-editor-suggestion{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;padding:0;flex:none;border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--border);overflow:hidden}.icon-editor-suggestion:hover{border-color:var(--accent-text)}.icon-editor-suggestion img{width:100%;height:100%;object-fit:contain}.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:inline-flex;gap:.4rem}.data-table .actions-cell{text-align:right}.data-table td a{color:var(--accent-text);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);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}.entity-hover-trigger{display:inline-flex;min-width:0}.entity-hover-card{min-width:220px;max-width:300px;display:grid;gap:.35rem}.entity-hover-card-title{font-weight:600;margin-bottom:.1rem;overflow-wrap:anywhere}.entity-hover-card-row{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-muted)}.entity-hover-card-row svg{flex:none}.entity-hover-card-warning{color:var(--warning)}.entity-hover-card-link{color:var(--accent-text);text-decoration:none;font-size:.8rem;font-weight:500;margin-top:.15rem}.entity-hover-card-link:hover{text-decoration:underline}.entity-hover-card-empty{color:var(--text-muted);font-size:.8rem}.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-text)}.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);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}.empty-state-illustrated{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem 0}.empty-state-illustrated svg{color:var(--border-strong)}.empty-state-illustrated span{font-weight:500}.empty-state-illustrated-compact{padding:.5rem 0;gap:.35rem}.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}.token-value-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.3rem}.token-value-row code{word-break:break-all}.copy-button{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .55rem;font-size:.78rem;flex:none}.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-text);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{display:flex;justify-content:center}.login-logo{width:100%;height:auto;display:block}.login-logo-escura{display:none}:root[data-theme=dark] .login-logo-clara{display:none}:root[data-theme=dark] .login-logo-escura{display:block}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .login-logo-clara{display:none}:root:not([data-theme=light]) .login-logo-escura{display:block}}.tag-tree{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:.5rem;overflow:hidden}.tag-row{display:flex;align-items:center;gap:.5rem;height:100%;box-sizing:border-box;padding:0 .3rem;border-radius:var(--radius-sm);cursor:grab;border:2px solid transparent}.tag-row:hover{background:var(--surface-hover)}.tag-row-dragging{opacity:.4;cursor:grabbing}.tag-row-drop-inside{background:var(--accent-soft);border-color:var(--accent)}.tag-row-caret{display:inline-flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;flex:none;padding:0;background:transparent;border:none;color:var(--text-muted)}.tag-row-caret:disabled{opacity:0;cursor:default}.tag-row-caret svg{transition:transform .15s}.tag-caret-collapsed{transform:rotate(-90deg)}.tag-color-swatch{width:1.3rem;height:1.3rem;flex:none;padding:0;border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;background:none}.tag-color-swatch::-webkit-color-swatch-wrapper{padding:0}.tag-color-swatch::-webkit-color-swatch{border:none;border-radius:calc(var(--radius-sm) - 1px)}.tag-name-button{background:transparent;border:1px solid transparent;padding:.2rem .4rem;font-weight:500;text-align:left}.tag-name-button:hover{border-color:var(--border);background:var(--bg)}.tag-name-input{padding:.2rem .4rem;font-weight:500;min-width:160px}.tag-row-actions{display:flex;align-items:center;gap:.3rem;margin-left:auto}.tag-row-actions button{padding:.3rem .5rem;font-size:.78rem}.tag-move-list{display:flex;flex-direction:column;gap:.15rem;max-height:50vh;overflow-y:auto}.tag-move-option{display:flex;align-items:center;gap:.5rem;width:100%;background:transparent;border:none;text-align:left;padding:.45rem .7rem;border-radius:var(--radius-sm)}.tag-move-option:hover:not(:disabled){background:var(--surface-hover)}.tag-move-option:disabled{color:var(--text-muted);opacity:.4;cursor:not-allowed}.tag-move-option.active{color:var(--accent-text);font-weight:600}.tag-color-dot{width:.7rem;height:.7rem;flex:none;border-radius:999px}