@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap";:root{--bg: #f3f5f2;--card: #ffffffcc;--ink: #1f2b22;--muted: #617164;--line: #c9d4cb;--ok-bg: #d7f4da;--ok-ink: #0f5f24;--warn-bg: #fff1d4;--warn-ink: #80520f;--bad-bg: #ffe1dd;--bad-ink: #822017;--accent: #1d6b57}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Space Grotesk,Avenir Next,sans-serif;color:var(--ink);background:radial-gradient(circle at 15% -5%,#d2efe5 0%,transparent 35%),radial-gradient(circle at 90% 10%,#ffefcc 0%,transparent 35%),linear-gradient(170deg,#f8faf7 0%,var(--bg) 45%,#ecf2ed 100%)}main{margin:0 auto;width:min(96vw,1720px);max-width:1720px;padding:1rem}.hero{display:flex;justify-content:space-between;gap:1.5rem;padding:1.25rem;border:1px solid var(--line);border-radius:16px;background:var(--card);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-up .45s ease}.eyebrow{margin:0 0 .35rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:700;font-size:.82rem}.hero h1{margin:0;font-size:clamp(1.4rem,2.8vw,2.1rem)}.subtitle{margin:.5rem 0 0;max-width:60ch;color:var(--muted)}.timestamps p{margin:.2rem 0;color:var(--muted);text-align:right}.user-menu{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;margin:0 0 .5rem}.user-email{color:var(--muted);font-size:.85rem}.user-menu-logout{background:transparent;border:1px solid var(--line);color:inherit;padding:.25rem .7rem;border-radius:8px;font-size:.8rem;cursor:pointer;transition:border-color .12s ease,background .12s ease}.user-menu-logout:hover{background:var(--card);border-color:var(--accent)}.summary-grid{margin-top:1rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.summary-grid article{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:.85rem 1rem;animation:fade-up .45s ease}.summary-grid h2{margin:0;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.summary-grid p{margin:.35rem 0 0;font-size:1.6rem;font-weight:700}.filter-panel{margin-top:1rem;display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:.75rem;padding:.95rem;border:1px solid var(--line);border-radius:14px;background:var(--card)}.filter-panel label{display:flex;flex-direction:column;gap:.35rem;color:var(--muted);font-size:.9rem}.filter-panel select,.filter-panel input{border:1px solid var(--line);border-radius:10px;padding:.6rem .7rem;background:#fff;color:var(--ink);font-family:inherit}.add-base-panel{margin-top:1rem;padding:1rem;border:1px solid var(--line);border-radius:14px;background:var(--card)}.add-base-toggle-row{margin-top:1rem}.optional-columns-toggle-row{margin-top:1rem;display:flex;justify-content:flex-end}.optional-columns-toggle-btn{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;padding:.5rem .8rem;font-weight:600;font-family:inherit;cursor:pointer}.read-only-note{margin-top:1rem;padding:.85rem 1rem;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--muted);font-size:.9rem}.add-base-toggle-btn{border:1px solid #2d6d5f;background:#2f7f6d;color:#fff;border-radius:10px;padding:.56rem .9rem;font-weight:700;font-family:inherit;cursor:pointer}.add-base-head h2{margin:0;font-size:1.1rem}.add-base-head p{margin:.35rem 0 0;color:var(--muted)}.add-base-form{margin-top:.85rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,minmax(160px,1fr))}.add-base-form label{display:flex;flex-direction:column;gap:.35rem;color:var(--muted);font-size:.88rem}.add-base-form input{border:1px solid var(--line);border-radius:10px;padding:.56rem .7rem;background:#fff;color:var(--ink);font-family:inherit}.enabled-field{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:.45rem .1rem 0 0}.enabled-field input[type=checkbox]{width:20px;height:20px}.field-hint{display:block;font-size:.75rem;color:var(--muted, #888);margin-top:.2rem}.add-base-actions{display:flex;align-items:center;gap:.7rem}.add-base-actions button{border:1px solid #2d6d5f;background:#2f7f6d;color:#fff;border-radius:10px;padding:.56rem .9rem;font-weight:700;font-family:inherit;cursor:pointer}.add-base-actions button:disabled{opacity:.65;cursor:not-allowed}.cancel-edit-btn{background:#6b7280!important;border-color:#5b6370!important}.success{margin-top:.75rem;padding:.9rem;border-radius:12px;border:1px solid #a9d6b2;color:#0f5f24;background:#edf9ef}.table-shell{margin-top:1rem;border:1px solid var(--line);border-radius:14px;overflow-x:auto;overflow-y:auto;background:#fff}table{width:100%;border-collapse:collapse;min-width:0;table-layout:auto}thead th{position:sticky;top:0;background:#edf3ee;text-align:left;font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:.8rem}tbody tr{border-top:1px solid #e6ece7;animation:row-in .35s ease both}tbody tr.row-sim-expiring td{background:#ffe8e5}tbody td{padding:.7rem .65rem;vertical-align:top;font-size:.88rem;overflow-wrap:anywhere;word-break:break-word}.base-cell,.mountpoint-cell,.position-cell{display:flex;flex-direction:column;gap:.2rem}.base-cell span,.mountpoint-cell span,.position-cell span,small{color:var(--muted);font-size:.82rem}.status-badge{display:inline-flex;border-radius:999px;padding:.22rem .55rem;font-size:.76rem;font-weight:700;margin-bottom:.25rem}.status-ONLINE_BROADCASTING{background:var(--ok-bg);color:var(--ok-ink)}.status-ONLINE_NO_DATA{background:var(--warn-bg);color:var(--warn-ink)}.status-OFFLINE{background:var(--bad-bg);color:var(--bad-ink)}.loading,.error,.empty-state{margin-top:1rem;padding:.9rem;border-radius:12px;border:1px solid var(--line);background:var(--card)}.error{border-color:#dfb1a8;color:var(--bad-ink)}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes row-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.schedule-config-panel{margin-top:1rem;padding:1rem;border:1px solid var(--line);border-radius:14px;background:var(--card)}.schedule-config-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.schedule-config-head h2{margin:0;font-size:1.1rem}.schedule-config-head p{margin:.25rem 0 0;color:var(--muted);font-size:.9rem}.schedule-close-btn{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:8px;padding:.3rem .6rem;font-size:1.1rem;font-family:inherit;cursor:pointer;line-height:1}.schedule-close-btn:hover{background:#f3f5f2}.schedule-config-form{display:flex;flex-direction:column;gap:1rem}.schedule-mode-row{display:flex;flex-direction:column;gap:.4rem}.schedule-mode-label{color:var(--muted);font-size:.88rem;font-weight:600}.schedule-mode-toggle{display:flex;gap:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;width:fit-content}.schedule-mode-btn{border:none;background:#fff;color:var(--muted);padding:.5rem 1rem;font-family:inherit;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.schedule-mode-btn+.schedule-mode-btn{border-left:1px solid var(--line)}.schedule-mode-btn--active{background:var(--accent);color:#fff}.schedule-time-row{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:.75rem}.schedule-threshold-row{display:flex;flex-direction:column;gap:.4rem;border-top:1px solid var(--line);padding-top:.85rem}.schedule-section-label{color:var(--muted);font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.schedule-threshold-fields{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:.75rem}.schedule-field{display:flex;flex-direction:column;gap:.35rem;color:var(--muted);font-size:.88rem}.schedule-field input,.schedule-field select{border:1px solid var(--line);border-radius:10px;padding:.56rem .7rem;background:#fff;color:var(--ink);font-family:inherit;font-size:.88rem}.schedule-config-actions{display:flex;align-items:center;gap:.7rem}.schedule-config-actions button{border:1px solid #2d6d5f;background:#2f7f6d;color:#fff;border-radius:10px;padding:.56rem .9rem;font-weight:700;font-family:inherit;cursor:pointer}.schedule-config-actions button:disabled{opacity:.65;cursor:not-allowed}.base-actions{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.3rem}.base-action-btn{border:1px solid var(--line);background:transparent;color:var(--accent);border-radius:6px;padding:.2rem .5rem;font-size:.74rem;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap}.base-action-btn:hover{background:#edf3ee}.base-action-btn--delete{color:var(--bad-ink);border-color:#dfb1a8}.base-action-btn--delete:hover{background:#ffe1dd}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.confirm-dialog{background:#fff;border-radius:14px;padding:1.8rem 2rem;max-width:380px;width:90%;box-shadow:0 12px 40px #0003}.confirm-dialog h3{margin:0 0 .5rem;font-size:1.1rem}.confirm-dialog p{margin:0 0 1.4rem;color:var(--muted);font-size:.92rem;line-height:1.5}.confirm-actions{display:flex;gap:.6rem;justify-content:flex-end}.confirm-actions button{border-radius:8px;padding:.5rem 1rem;font-weight:700;font-family:inherit;font-size:.88rem;cursor:pointer}.confirm-cancel-btn{border:1px solid var(--line);background:#fff;color:var(--ink)}.confirm-delete-btn{border:1px solid #b91c1c;background:#dc2626;color:#fff}.confirm-delete-btn:hover{background:#b91c1c}.schedule-badge{display:inline-flex;align-items:center;gap:.25rem;border-radius:999px;padding:.18rem .5rem;font-size:.72rem;font-weight:600;background:#e5f0ee;color:var(--accent);margin-top:.2rem}.schedule-badge--always-on{background:#f0f4f1;color:var(--muted)}.configure-schedule-btn{border:1px solid var(--line);background:transparent;color:var(--accent);border-radius:8px;padding:.28rem .6rem;font-size:.78rem;font-weight:600;font-family:inherit;cursor:pointer;margin-top:.3rem;display:block}.configure-schedule-btn:hover{background:#edf3ee}@media (max-width: 900px){.hero{flex-direction:column}.timestamps p{text-align:left}.filter-panel,.add-base-form{grid-template-columns:1fr}table{min-width:1100px}}.history-panel-row{animation:none!important}.history-panel-row td{padding:0!important;border-top:none}.history-panel{padding:1rem 1.5rem 1.5rem;background:var(--bg);border-top:2px solid var(--line)}.range-toggle{display:flex;gap:.25rem;margin-bottom:1rem}.range-btn{padding:.35rem 1rem;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink);font-family:inherit;font-size:.85rem;cursor:pointer;transition:background .15s,border-color .15s}.range-btn:hover{border-color:var(--accent)}.range-btn--active{background:var(--accent);color:#fff;border-color:var(--accent)}.uptime-display{margin-bottom:1.25rem}.uptime-pct{font-size:2rem;font-weight:700;line-height:1.2}.uptime-label{font-size:.85rem;color:var(--muted);margin-bottom:.35rem}.uptime-bar-track{width:100%;height:8px;background:var(--line);border-radius:4px;margin-top:.35rem;overflow:hidden}.uptime-bar-fill{height:100%;border-radius:4px;transition:width .4s ease}.chart-section{margin-bottom:1.25rem}.chart-section h4{margin:0 0 .5rem;font-size:.9rem;font-weight:600;color:var(--muted)}.skeleton-chart{height:180px;border-radius:8px;background:linear-gradient(90deg,#e8ede9 25%,#f3f5f2,#e8ede9 75%);background-size:200% 100%;animation:skeleton-shimmer 1.2s infinite;margin-bottom:1.25rem}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.chevron{display:inline-block;transition:transform .2s ease;font-size:1.1rem;color:var(--muted);-webkit-user-select:none;user-select:none;margin-right:.5rem}.chevron--open{transform:rotate(90deg)}.history-no-data{color:var(--muted);font-size:.9rem;padding:2rem 0;text-align:center}tr.expandable-row{cursor:pointer}tr.expandable-row:hover{background:#1d6b570a}.caster-health-section{margin-top:2rem;padding:1rem}.caster-health-title{font-size:1.1rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.caster-card{border:1px solid var(--border, #e0e0e0);border-radius:.75rem;padding:1rem;margin-bottom:1rem;background:var(--card-bg, #fff)}.caster-header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.75rem}.caster-name{font-weight:600;font-size:1rem}.caster-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;padding:.2rem .6rem;border-radius:1rem}.caster-badge.reachable{background:#e8f5e9;color:#0b7a3e}.caster-badge.unreachable{background:#fce4ec;color:#c00}.caster-badge-dot{width:8px;height:8px;border-radius:50%}.caster-badge.reachable .caster-badge-dot{background:#0b7a3e}.caster-badge.unreachable .caster-badge-dot{background:#c00}.caster-mountpoint-count{font-size:.82rem;color:var(--muted, #888)}.caster-error{font-size:.82rem;color:#c00;margin-top:.25rem}.mountpoint-table{width:100%;border-collapse:collapse;font-size:.85rem}.mountpoint-table th{text-align:left;padding:.4rem .75rem;border-bottom:2px solid var(--border, #e0e0e0);font-weight:600;color:var(--muted, #666);font-size:.78rem;text-transform:uppercase}.mountpoint-table td{padding:.4rem .75rem;border-bottom:1px solid var(--border, #f0f0f0)}.mountpoint-table tr:last-child td{border-bottom:none}.mountpoint-list{display:none}@media (max-width: 767px){.mountpoint-table{display:none}.mountpoint-list{display:flex;flex-direction:column;gap:.5rem}.mountpoint-item{padding:.5rem;border:1px solid var(--border, #e0e0e0);border-radius:.5rem;font-size:.85rem}.mountpoint-item-name{font-weight:600}.mountpoint-item-meta{font-size:.78rem;color:var(--muted, #888);margin-top:.2rem}.caster-health-section{padding:0 .5rem}}.caster-no-data{font-size:.85rem;color:var(--muted, #888);font-style:italic;padding:.5rem 0}.drift-chart-container{margin-bottom:1.25rem}.drift-value{font-weight:700;font-size:.9rem}.drift-unknown{color:var(--muted);font-size:.85rem;font-weight:400}.mobile-card-list{display:none}.table-shell-wrapper{display:block}.mobile-card{background:var(--card, #ffffffcc);border:1px solid var(--line, #e0e0e0);border-radius:.75rem;padding:1rem;cursor:pointer;transition:box-shadow .15s ease;-webkit-tap-highlight-color:transparent}.mobile-card:active{box-shadow:0 0 0 2px var(--accent, #1d6b57)}.mobile-card-face{display:flex;align-items:center;gap:.75rem}.mobile-card-name{flex:1;font-weight:600;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-card-last-seen{font-size:.82rem;color:var(--muted, #888);white-space:nowrap}.mobile-card-site{font-size:.78rem;color:var(--muted, #888);margin-top:.25rem}.mobile-card-expanded{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--line, #e0e0e0)}.mobile-metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.75rem}.mobile-metric{font-size:.85rem}.mobile-metric-label{color:var(--muted, #888);font-size:.75rem}.mobile-metric-value{font-weight:600;font-size:1rem}.mobile-sparkline{height:50px;margin:.5rem 0;cursor:pointer;border-radius:.5rem;background:var(--sparkline-bg, #f8f9fa);padding:.25rem}.mobile-sparkline-label{font-size:.7rem;color:var(--muted, #888);text-align:center;margin-top:.25rem}.mobile-actions{display:flex;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}.mobile-action-btn{min-height:44px;min-width:44px;padding:.75rem 1rem;font-size:.88rem;border:1px solid var(--line, #e0e0e0);border-radius:.5rem;background:var(--card, #fff);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;flex:1;font-family:inherit;font-weight:600;color:var(--accent, #1d6b57)}.mobile-action-btn:active{background:var(--hover-bg, #f0f0f0)}.mobile-action-btn.danger{color:#c00;border-color:#c00}.chart-overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0009;display:flex;align-items:stretch;justify-content:center;padding:1rem}.chart-overlay-panel{background:#fff;border-radius:.75rem;width:100%;max-width:100%;overflow-y:auto;padding:1rem;position:relative}.chart-overlay-close{position:absolute;top:.5rem;right:.5rem;min-height:44px;min-width:44px;border:none;background:transparent;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1;color:var(--ink, #1f2b22)}.ptr-indicator{text-align:center;padding:.5rem;font-size:.85rem;color:var(--muted, #888);transition:opacity .2s}.ptr-indicator.visible{opacity:1}.ptr-indicator.hidden{opacity:0;height:0;padding:0;overflow:hidden}@media (max-width: 767px){.mobile-card-list{display:flex;flex-direction:column;gap:.75rem;padding:0 .5rem;margin-top:1rem;overscroll-behavior-y:contain}.table-shell-wrapper{display:none!important}.hero{flex-direction:column;padding:1rem}.hero h1{font-size:1.3rem}.add-base-toggle-row,.optional-columns-toggle-row{padding:0 .5rem}.add-base-form,.schedule-config-overlay,.schedule-config-panel{width:100%;max-width:100%;margin:0 .5rem}.schedule-time-row,.schedule-threshold-fields{grid-template-columns:1fr}}