:root{color:#e6edf7;font-synthesis:none;text-rendering:optimizelegibility;--bg:#07101d;--surface:#0d1929;--surface-2:#111f31;--line:#203149;--muted:#8fa0b8;--text:#e6edf7;--cyan:#2dd4bf;--blue:#4ea1ff;--green:#42d392;--red:#ff6b78;--amber:#f6bd60;--shadow:0 24px 70px #00000047;background:#07101d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{background:radial-gradient(circle at 85% -10%, #153454 0, transparent 28rem), var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.025em}svg{stroke-width:1.8px;width:1.15rem;height:1.15rem}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07101de0;border-bottom:1px solid #ffffff12;position:sticky;top:0;overflow-x:clip}.topbar__inner{align-items:center;gap:14px;width:min(1460px,100% - 40px);min-height:64px;margin:auto;display:flex}.topbar__actions{align-items:center;gap:10px;margin-left:auto;display:flex}.topbar .period-picker+.topbar__actions{margin-left:0}.topbar .tabs{border-radius:12px;margin-left:8px;padding:3px}.topbar .tabs button{padding:6px 12px;font-size:14px}.topbar .period-trigger{border-radius:11px;min-height:40px}.brand{align-items:center;gap:12px;min-width:max-content;display:inline-flex}.brand>span:last-child{flex-direction:column;gap:2px;display:flex}.brand strong{letter-spacing:-.02em;font-size:17px}.brand small{color:var(--muted);font-size:12px}.brand__mark{width:40px;height:40px;color:var(--cyan);background:#2dd4bf1a;border:1px solid #2dd4bf5c;border-radius:12px;place-items:center;display:grid;box-shadow:inset 0 0 20px #2dd4bf12}.brand__mark svg{width:22px;height:22px}.brand--center{justify-content:center;margin-bottom:28px}.workspace{flex-direction:column;flex:1;width:min(1460px,100% - 40px);margin:0 auto;padding:22px 0 24px;display:flex}.tabs{border:1px solid var(--line);background:#0d1929e0;border-radius:13px;gap:6px;width:-moz-fit-content;width:fit-content;padding:5px;display:flex}.tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;padding:9px 15px;display:flex}.tabs button:hover{color:var(--text)}.tabs button.active{color:#07101d;background:var(--cyan);box-shadow:0 6px 18px #2dd4bf33}.tabs svg{width:16px;height:16px}.subtabs{border-bottom:1px solid var(--line);gap:4px;margin:-4px 0 18px;display:flex}.subtabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 14px 10px;font-weight:600;transition:color .15s,border-color .15s}.subtabs button:hover{color:var(--text)}.subtabs button.active{color:var(--cyan);border-bottom-color:var(--cyan)}.button{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-weight:700;transition:transform .15s,border-color .15s,background .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.6}.button--primary{color:#05201d;background:var(--cyan)}.button--ghost{border-color:var(--line);background:var(--surface-2)}.button--danger{color:#ffd9dc;background:#ff6b781f;border-color:#ff6b7873}.button--wide{width:100%}.button--medium{font-weight:500}.icon-button{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;border-radius:10px;flex:none;place-items:center;width:40px;height:40px;padding:0;display:grid}.icon-button:hover:not(:disabled){border-color:#395270}.icon-button--danger{color:var(--red);background:#ff6b781a;border-color:#ff6b7859;transition:border-color .15s,background .15s}.icon-button--danger:hover:not(:disabled){background:#ff6b782e;border-color:#ff6b78b3}.text-button{color:var(--cyan);cursor:pointer;background:0 0;border:0;font-size:14px;font-weight:500}.text-button:hover{text-underline-offset:3px;text-decoration:underline}.user-chip{border:1px solid var(--line);color:#bfd0e5;background:var(--surface);border-radius:999px;padding:7px 11px;font-size:13px}.indicators{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;gap:2px;padding:3px;display:flex}.indicator{color:#91a7c2;cursor:default;border-radius:9px;outline:none;place-items:center;width:32px;height:32px;transition:background .15s,color .15s;display:grid;position:relative}.indicator>svg{width:17px;height:17px}.indicator:hover,.indicator:focus-visible{color:var(--text);background:#ffffff0d}.indicator:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}.indicator--fail{color:var(--red)}.indicator__dot{border:2px solid var(--surface);background:#64748b;border-radius:50%;width:7px;height:7px;position:absolute;bottom:3px;right:3px}.indicator--ok .indicator__dot{background:var(--green);box-shadow:0 0 8px #42d3928c}.indicator--fail .indicator__dot{background:var(--red);box-shadow:0 0 8px #ff6b7899}.indicator--ok .tooltip__value{color:#6ee7b7}.indicator--fail .tooltip__value{color:#fda4af}.indicator--unknown .tooltip__value{color:var(--muted)}.infrastructure-status{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;gap:10px;min-width:0;height:40px;padding:3px 12px 3px 3px;display:flex}.infrastructure-status .indicators{background:0 0;border:0;border-radius:0;padding:0}.system-indicators{border-left:1px solid var(--line);align-items:center;gap:12px;height:26px;padding-left:10px;display:flex}.system-reading{cursor:default;outline:none;flex-direction:column;flex:none;gap:2px;width:40px;display:flex}.system-divider{background:var(--line);flex:none;width:1px;height:22px}.system-reading:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:4px}.system-reading__label{color:var(--muted);letter-spacing:.08em;font-size:9px;font-weight:600;line-height:1}.system-reading__value{color:var(--text);white-space:nowrap;font-variant-numeric:tabular-nums;align-items:baseline;gap:2px;font-size:13px;font-weight:650;line-height:1.05;display:flex}.system-reading__value>small{color:var(--muted);font-size:9px;font-weight:500}.system-reading--warn .system-reading__value{color:var(--amber)}.system-reading--bad .system-reading__value{color:var(--red)}.system-reading--unknown .system-reading__value{color:var(--muted)}.refresh-toggle{color:var(--muted);transition:color .15s,border-color .15s,background .15s;position:relative}.refresh-toggle svg{width:18px;height:18px}.refresh-toggle:hover{color:var(--text)}.refresh-toggle--on{color:var(--cyan);background:#2dd4bf1a;border-color:#2dd4bf73}.refresh-toggle--on:hover{color:var(--cyan);border-color:#2dd4bfb3}.refresh-toggle--on .tooltip__value{color:#6ee7b7}.refresh-toggle:not(.refresh-toggle--on) .tooltip__value{color:var(--muted)}.has-tooltip{position:relative}.tooltip{z-index:30;width:max-content;min-width:150px;max-width:min(220px,100vw - 16px);color:var(--text);letter-spacing:0;text-align:left;text-transform:none;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;transform:translate(calc(-50% + var(--tip-shift,0px)), -4px);background:#0f1d2f;border:1px solid #2a3d57;border-radius:9px;gap:3px;padding:8px 10px;font-size:12px;font-weight:400;line-height:1.35;display:grid;position:absolute;top:calc(100% + 9px);left:50%;box-shadow:0 12px 30px #00000073,inset 0 0 0 1px #ffffff05}.tooltip:before{content:"";top:-5px;left:calc(50% - var(--tip-shift,0px));background:inherit;border-top:1px solid #2a3d57;border-left:1px solid #2a3d57;width:8px;height:8px;position:absolute;transform:translate(-50%)rotate(45deg)}.has-tooltip:hover>.tooltip,.has-tooltip:focus-visible>.tooltip{opacity:1;visibility:visible;transform:translate(calc(-50% + var(--tip-shift,0px)), 0);transition:opacity .15s,transform .15s}.topbar__actions:hover .has-tooltip:not(:hover)>.tooltip{opacity:0;visibility:hidden;transition:none}.tooltip__head{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.tooltip strong{color:var(--text);font-size:12px;font-weight:600}.tooltip__value{color:var(--text);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.tooltip small{color:var(--muted);font-size:11.5px}.tooltip .tooltip__detail{color:#aebbd0}.system-reading--warn .tooltip__value{color:var(--amber)}.system-reading--bad .tooltip__value{color:var(--red)}.system-reading--unknown .tooltip__value{color:var(--muted)}.global-alert,.form-error{color:#ffc2c8;background:#731f2b47;border:1px solid #ff6b7859;border-radius:10px}.global-alert{margin-bottom:16px;padding:12px 15px}.form-error{padding:10px 12px;font-size:14px}.overview{flex-direction:column;flex:1;gap:18px;display:flex}.recent-panel{flex-direction:column;flex:1 1 0;min-height:360px;display:flex}.recent-panel .recent-list{flex:1 1 0;align-content:start;min-height:0;overflow-y:auto}.metric-block{gap:10px;display:grid}.metric-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.metric-card{border:1px solid var(--line);background:linear-gradient(145deg,#111f31f5,#0b1726f5);border-radius:16px;flex-direction:column;align-items:stretch;gap:14px;min-width:0;min-height:132px;padding:18px;display:flex;box-shadow:0 12px 34px #0000001f;container-type:inline-size}.metric-card__top{justify-content:space-between;align-items:center;gap:8px;display:flex}.metric-card__icon{color:#b9c7d8;background:#8fa0b81a;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid}.metric-card--blue .metric-card__icon{color:var(--blue);background:#4ea1ff1c}.metric-card--green .metric-card__icon{color:var(--green);background:#42d3921c}.metric-card--red .metric-card__icon{color:var(--red);background:#ff6b781c}.metric-card--amber .metric-card__icon{color:var(--amber);background:#f6bd601c}.metric-card--pink .metric-card__icon{color:#f472b6;background:#f472b61c}.metric-card--sky .metric-card__icon{color:#38bdf8;background:#38bdf81c}.metric-card--violet .metric-card__icon{color:#a78bfa;background:#a78bfa1f}.metric-card__body{flex-direction:column;gap:6px;display:flex}.metric-card .metric-card__caption{border:1px solid var(--line);color:#9fb0c6;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:11px;overflow:hidden}.metric-card span{color:var(--muted);font-size:13px}.metric-card strong{color:#fff;letter-spacing:-.04em;white-space:nowrap;font-size:min(31px,21cqi);line-height:1}.metric-card__label{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.metric-card__dot{opacity:.8;background:currentColor;border-radius:50%;flex:none;width:3px;height:3px}.metric-card .metric-delay{font-weight:600}.metric-card .metric-delay--ok{color:var(--green)}.metric-card .metric-delay--warn{color:var(--amber)}.metric-card .metric-delay--bad{color:var(--red)}.metric-card--state{border-color:color-mix(in srgb, var(--state) 45%, var(--line));background:linear-gradient(145deg, color-mix(in srgb, var(--state) 13%, #111f31), color-mix(in srgb, var(--state) 4%, #0b1726));transition:border-color .3s,box-shadow .3s}.metric-card--state .metric-card__icon{color:var(--state);background:color-mix(in srgb, var(--state) 16%, transparent)}.metric-card--state-ok{--state:var(--green)}.metric-card--state-warn{--state:var(--amber)}.metric-card--state-bad{--state:var(--red);box-shadow:0 0 0 1px color-mix(in srgb, var(--red) 25%, transparent), 0 12px 34px color-mix(in srgb, var(--red) 16%, transparent)}.metric-card__main{width:100%;color:inherit;font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;flex-direction:column;gap:14px;padding:0;display:flex}button.metric-card__main{cursor:pointer}button.metric-card__main:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.metric-card--action{transition:border-color .15s,box-shadow .3s}.metric-card--action:has(>.metric-card__main:hover){border-color:#395270}.metric-card--state.metric-card--action:has(>.metric-card__main:hover){border-color:color-mix(in srgb, var(--state) 70%, var(--line))}.metric-split{border-top:1px solid #203149d9;gap:1px;margin-top:auto;padding-top:10px;display:grid}.metric-split__row{min-width:0;min-height:26px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;margin-inline:-6px;padding:2px 6px;transition:background .15s;display:flex}.metric-split__row:hover{background:#2dd4bf14}.metric-split__row--static,.metric-split__row--static:hover{cursor:default;background:0 0}.metric-card .metric-split__lane{color:#9fb0c6;font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.metric-card .metric-split__name{color:#9fb0c6;font-size:12px}.metric-card .metric-split__value{color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;font-weight:600}.metric-split__row:not(.metric-split__row--static):hover .metric-split__value{color:var(--cyan)}.metric-card .metric-split__row.is-zero .metric-split__value{color:#5d6f88;font-weight:400}.metric-foot{color:#6b7d95;margin:0;font-size:12px;line-height:1.5}.metric-card strong.metric-card__empty{color:#5d6f88}.metric-card--compact{flex-direction:column;align-items:flex-start;gap:9px;min-height:98px}.metric-card--compact strong{font-size:27px}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#0d1929fa,#091422fa);border-radius:16px;min-width:0;overflow:hidden;box-shadow:0 14px 42px #00000024}.panel__header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:18px 22px;display:flex}.panel__header h1,.panel__header h2{margin:0;font-size:20px}.panel__header>svg{color:var(--muted)}.eyebrow{color:var(--cyan);text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:800;line-height:1}.panel__meta{color:var(--muted);font-size:13px}.overview-note{flex-wrap:wrap;justify-content:flex-end;gap:8px 18px;margin-bottom:-6px;font-size:13px;display:flex}.list-filters__custom{border-bottom:1px solid var(--line);background:#ffffff04;padding:14px 22px}.range-form{flex-wrap:wrap;align-items:center;gap:10px 12px;display:flex}.range-form label{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.range-form input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-height:36px;padding:6px 10px}.range-form input[aria-invalid=true]{border-color:#ff6b7899}.range-form__hint{color:#6b7d95;font-size:12px}.field-error{color:#ffb3bb;font-size:13px}.button--small{min-height:36px;padding:0 13px;font-size:13px;font-weight:500}.notice{align-items:flex-start;gap:7px;line-height:1.45;display:inline-flex}.notice svg{flex:none;width:15px;height:15px;margin-top:1px}.notice--warn{color:#f3cf8f}.notice--error{color:#ffb3bb}.stale-note{color:var(--amber);align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.stale-note svg{width:14px;height:14px}.period-picker{margin-left:auto;position:relative}.period-trigger{border:1px solid var(--line);min-height:49px;color:var(--text);white-space:nowrap;cursor:pointer;background:#0d1929e0;border-radius:13px;align-items:center;gap:9px;padding:0 14px;font-size:14px;font-weight:500;transition:border-color .15s,background .15s;display:inline-flex}.period-trigger:hover,.period-trigger[aria-expanded=true]{background:var(--surface-2);border-color:#395270}.period-trigger>svg{width:17px;height:17px;color:var(--cyan)}.period-trigger__detail{color:var(--muted);font-weight:400}.period-trigger>.period-trigger__chevron{width:16px;height:16px;color:var(--muted);transition:transform .15s}.period-trigger[aria-expanded=true]>.period-trigger__chevron{transform:rotate(180deg)}.period-menu{z-index:15;width:300px;max-width:calc(100vw - 16px);transform:translateX(var(--menu-shift,0px));box-shadow:var(--shadow);background:#0b1726;border:1px solid #2c405b;border-radius:14px;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.period-menu__title{color:#7f91a9;padding:8px 10px 6px;font-size:12px}.period-menu__list{gap:1px;display:grid}.period-menu__item{color:#c9d4e2;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;min-height:38px;padding:0 10px;font-size:14px;display:flex}.period-menu__item:hover,.period-menu__item[aria-expanded=true]{color:var(--text);background:#ffffff0d}.period-menu__item[aria-pressed=true]{color:var(--cyan);background:#2dd4bf1a}.period-menu__item:focus-visible{outline:2px solid var(--cyan);outline-offset:-2px}.period-menu__item svg{width:16px;height:16px}.period-menu__custom{border-top:1px solid var(--line);margin-top:6px;padding:12px 8px 6px}.period-menu__custom .range-form{gap:10px;display:grid}.period-menu__custom .range-form label{grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px;display:grid}.period-menu__custom .range-form input{width:100%}.period-menu__foot{border-top:1px solid var(--line);color:var(--muted);margin-top:6px;padding:9px 10px 5px;font-size:12px}.table-empty--error{color:#ffb3bb}.recent-list{display:grid}.recent-list>button{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #203149a6;grid-template-columns:10px minmax(0,1fr) 110px max-content;align-items:center;gap:14px;min-width:0;padding:14px 22px;display:grid}.recent-list>button:hover{background:#ffffff06}.recent-list__dot{border-radius:50%;width:7px;height:7px}.recent-list button>span:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.recent-list button>span:nth-child(2) strong,.recent-list button>span:nth-child(2) small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recent-list button>span:nth-child(2) strong{color:var(--text);font-size:14px;font-weight:500}.recent-list button>span:nth-child(2) small{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.recent-list button>span:nth-child(2) small,.recent-list time{color:var(--muted);font-size:12px}.recent-list time,.task-date{font-variant-numeric:tabular-nums;white-space:nowrap}.muted{color:#5d6f88}.tasks-panel{min-height:460px}.tasks-toolbar{align-items:center}.search-field{position:relative}.search-field svg{width:17px;color:var(--muted);position:absolute;top:12px;left:12px}.search-field input{width:255px;padding-left:38px}.list-filters{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:10px;padding:14px 22px;display:flex}.list-filters .search-field{flex:240px;max-width:340px}.list-filters .search-field input{width:100%}.list-filters select:disabled{cursor:not-allowed;opacity:.55}.filter-chips{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 10px;padding:12px 22px;display:flex}.filter-chip{min-height:30px;color:var(--text);background:#2dd4bf12;border:1px solid #2dd4bf47;border-radius:999px;align-items:center;gap:6px;padding:3px 4px 3px 11px;font-size:12px;display:inline-flex}.filter-chip__label{color:var(--muted)}.filter-chip button{width:22px;height:22px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.filter-chip button:hover{color:var(--text);background:#ffffff17}.filter-chip svg{width:13px;height:13px}.filter-chips .text-button{font-size:13px}.filter-chips__meta{color:var(--muted);margin-left:auto;font-size:12px}.mono-inline{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.list-alert{color:#f3cf8f;background:#f6bd6014;border:1px solid #f6bd6059;border-radius:10px;margin:12px 22px 0;padding:10px 13px;font-size:13px}.list-alert--error{color:#ffc2c8;background:#731f2b47;border-color:#ff6b7859;margin-bottom:12px}input,select,textarea{border:1px solid var(--line);min-height:42px;color:var(--text);background:#091522;border-radius:9px;padding:9px 12px}input::placeholder,textarea::placeholder{color:#64758c}textarea{resize:vertical;line-height:1.5}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238fa0b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:38px}.table-scroll{transition:opacity .15s;position:relative;overflow-x:auto}.table-scroll--loading{opacity:.55}table{border-collapse:collapse;width:100%}th{color:#7f91a9;text-align:left;text-transform:uppercase;letter-spacing:.08em;background:#08132094;padding:12px 16px;font-size:11px}td{color:#c9d4e2;border-top:1px solid #203149a6;padding:15px 16px;font-size:13px}tbody tr:hover{background:#ffffff05}.task-link{text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:3px;min-width:130px;padding:0;display:flex}.task-link strong{color:#e9f2ff}.task-link span{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.mono{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden}.badge{white-space:nowrap;letter-spacing:.05em;text-transform:uppercase;--status:#8fa0b8;width:-moz-fit-content;width:fit-content;min-width:76px;color:color-mix(in srgb, var(--status) 45%, white);border:1px solid #0000;border-color:color-mix(in srgb, var(--status) 42%, transparent);background:color-mix(in srgb, var(--status) 14%, transparent);border-radius:999px;justify-content:center;align-items:center;padding:5px 8px;font-size:10px;font-weight:600;display:inline-flex}.priority{color:#c6d6e9;background:#17273b;border-radius:7px;place-items:center;width:31px;height:25px;font-size:11px;font-weight:800;display:inline-grid}.row-actions{justify-content:flex-end;gap:5px;display:flex}.row-actions button{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;padding:0;display:grid}.row-actions button:hover{color:#fff;border-color:var(--line);background:var(--surface-2)}.row-actions svg{width:16px;height:16px}.table-empty{color:var(--muted);text-align:center;padding:38px 22px}.policy-note{color:var(--muted);border-bottom:1px solid var(--line);background:#2ac7b70d;align-items:center;gap:10px;padding:14px 22px;display:flex}.policy-note svg{width:18px;color:var(--cyan)}.policy-default{color:var(--muted);margin-top:3px;display:block}.policy-actions{justify-content:flex-end;gap:7px;display:flex}.policy-actions .icon-button{width:34px;height:34px}.form-hint{color:var(--muted);margin:0;line-height:1.5}.pagination{border-top:1px solid var(--line);min-height:66px;color:var(--muted);justify-content:flex-end;align-items:center;gap:22px;padding:12px 16px;font-size:12px;display:flex}.pagination__summary{margin-right:auto}.pagination label,.pagination__controls{align-items:center;gap:10px;display:flex}.pagination select{background-position:right 9px center;background-size:14px;min-height:36px;padding:6px 30px 6px 10px}.pagination__controls .icon-button{width:36px;height:36px}.pagination__controls svg{width:17px;height:17px}.outbox-layout{gap:18px;display:grid}.outbox-layout .metric-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.problem-list{display:grid}.problem-list article{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(180px,1fr) 130px 190px;align-items:center;gap:14px;padding:16px 22px;display:grid}.problem-list article>svg{color:var(--amber)}.problem-list article>div{flex-direction:column;gap:3px;display:flex}.problem-list span{color:var(--muted);font-size:12px}.healthy-empty{color:#a5e8c8;justify-content:center;align-items:center;gap:9px;padding:48px;display:flex}.login-page,.boot-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.login-page:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 72%);mask-image:radial-gradient(circle,#000,#0000 72%)}.login-shell{width:min(100%,430px);position:relative}.login-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#0d1929f0;border-radius:18px;padding:30px}.login-card__icon{width:47px;height:47px;color:var(--cyan);background:#2dd4bf1a;border-radius:14px;place-items:center;margin-bottom:18px;display:grid}.login-card h1{font-size:25px}.login-card>p{color:var(--muted);margin:8px 0 24px;line-height:1.5}.login-card label,.form-grid label{color:#bdc9d8;gap:7px;margin-bottom:16px;font-size:13px;font-weight:650;display:grid}.login-card .button{margin-top:4px}.boot-screen{color:var(--cyan);grid-auto-flow:column;gap:12px;font-weight:750}.boot-screen svg{width:28px;height:28px}.modal{width:min(680px,100% - 32px);max-height:calc(100vh - 40px);color:var(--text);box-shadow:var(--shadow);background:#0d1929;border:1px solid #2c405b;border-radius:17px;padding:0;overflow:auto}.modal::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#01070eb8}.modal__header,.modal__footer{justify-content:space-between;align-items:center;gap:16px;padding:19px 22px;display:flex}.modal__header{border-bottom:1px solid var(--line)}.modal__header h2{margin-top:4px;font-size:21px}.modal__body{padding:22px}.modal__footer{border-top:1px solid var(--line);justify-content:flex-end}.form-grid{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.form-grid__wide{grid-column:1/-1}.modal--details{width:min(760px,100% - 32px)}.detail-grid{border:1px solid var(--line);background:var(--line);border-radius:12px;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.detail-grid>div{background:#0b1726;flex-direction:column;gap:7px;min-width:0;padding:14px;display:flex}.detail-grid span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.detail-grid strong{text-overflow:ellipsis;overflow:hidden}.code-section{margin-top:18px}.code-section h3{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:12px}.code-section pre{border:1px solid var(--line);color:#b9d9ff;background:#07111d;border-radius:11px;max-height:280px;margin:0;padding:15px;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.code-section--error pre{color:#ffc2c8}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spin{animation:.8s linear infinite spin}.pulse{animation:1.6s ease-in-out infinite pulse}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.45;transform:scale(.94)}}@media (max-width:1320px){.topbar .brand__name{display:none}}@media (max-width:1180px){.topbar .user-chip{display:none}}@media (max-width:1140px){.period-trigger__detail{display:none}}@media (max-width:1010px){.topbar .tabs .tab__label{display:none}.topbar .tabs button{padding-inline:11px}}@media (max-width:1100px){.user-chip{display:none}.outbox-layout .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1000px){.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:900px){.topbar .period-trigger{gap:4px;padding-inline:10px}.topbar .period-trigger__label{display:none}.topbar .tabs button{padding-inline:9px}.infrastructure-status .indicator{width:28px}.system-indicators{gap:8px}}@media (max-width:820px){.topbar__inner,.workspace{width:min(100% - 24px,1460px)}.topbar__actions{gap:7px}.topbar__inner{gap:10px}.topbar .tabs{margin-left:2px}.metric-card{gap:12px;min-height:118px;padding:14px}.metric-card .metric-split__lane{font-size:11px}.metric-card .metric-split__value{font-size:12px}.list-filters__custom,.list-filters,.filter-chips{padding-inline:16px}.filter-chips__meta{width:100%;margin-left:0}.recent-list>button{gap:12px}.problem-list article{grid-template-columns:auto 1fr 100px}.problem-list article>div:last-child{display:none}.pagination{flex-wrap:wrap;gap:12px 18px}.pagination__summary{width:100%;margin-right:0}}@media (max-width:740px){.topbar .brand{display:none}.topbar .tabs{margin-left:0}}@media (max-width:680px){.topbar__inner{flex-wrap:wrap;row-gap:8px;min-height:0;padding-block:8px}.topbar__actions{display:contents}.topbar .period-picker{margin-left:auto}.infrastructure-status{flex:100%;order:1}.system-indicators{flex:1;justify-content:space-between}}@media (max-width:640px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@media (max-width:600px){.topbar .brand{display:none}.topbar .tabs{flex:auto;min-width:0}.topbar .tabs button{flex:1;justify-content:center;padding-inline:5px;font-size:13px}.topbar .tabs svg{display:none}.topbar .tabs .tab__label{display:inline}.topbar .period-trigger{gap:4px;padding-inline:10px}.topbar .period-trigger__label{display:none}.infrastructure-status{gap:8px}.system-indicators{gap:4px;padding-left:8px}}@media (max-width:560px){.button--primary span{display:none}.workspace{padding-top:16px}.outbox-layout .metric-grid{grid-template-columns:1fr}.panel__header{padding-inline:16px}.recent-list>button{grid-template-columns:8px minmax(0,1fr) max-content;gap:10px;padding-inline:16px}.recent-list .badge{display:none}.list-filters>*,.list-filters .search-field{flex:100%;max-width:none}.list-alert{margin-inline:16px}.form-grid,.detail-grid{grid-template-columns:1fr}.form-grid__wide{grid-column:auto}.modal__body{padding:18px}}@media (max-width:360px){.topbar .tabs svg{display:block}.topbar .tabs .tab__label{display:none}.topbar .icon-button{width:36px;height:36px}.infrastructure-status{gap:6px;padding-right:8px}.infrastructure-status .indicator{width:26px}.system-indicators{gap:4px;padding-left:6px}.system-reading{width:34px}.system-reading__value{gap:1px;font-size:12px}.system-reading__value>small{font-size:8px}}@media (max-width:340px){.metric-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}