:root{--color-bg: #0f1115;--color-surface: #171a21;--color-surface-raised: #1f232c;--color-border: #2a2f3a;--color-text: #e7e9ee;--color-text-muted: #9aa1af;--color-primary: #4f7cff;--color-primary-hover: #3d68e6;--color-danger: #e5484d;--color-danger-hover: #cc3f44;--color-success: #2fb573;--radius: 8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text)}h1,h2,h3{margin:0 0 .5rem}.app-shell{display:flex;min-height:100vh}.mobile-topbar,.sidebar-backdrop{display:none}.menu-toggle{display:inline-flex;flex-direction:column;justify-content:center;gap:4px;width:2.5rem;height:2.5rem;padding:.55rem;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer}.menu-toggle-bar{display:block;width:100%;height:2px;background:var(--color-text);border-radius:1px}.sidebar{width:220px;flex-shrink:0;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:1.25rem 1rem}.sidebar-brand{font-weight:600;font-size:.95rem;margin-bottom:1.5rem;color:var(--color-text)}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem;flex:1}.sidebar-link{padding:.55rem .75rem;border-radius:var(--radius);color:var(--color-text-muted);text-decoration:none;font-size:.9rem}.sidebar-link:hover{background:var(--color-surface-raised);color:var(--color-text)}.sidebar-link.active{background:var(--color-primary);color:#fff}.sidebar-logout{margin-top:auto}.main-content{flex:1;min-width:0;padding:1.75rem 2rem;overflow-x:auto}.page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.page-subtitle{color:var(--color-text-muted);font-size:.85rem;margin-top:.25rem}.button{border:none;border-radius:var(--radius);padding:.5rem 1rem;font-size:.875rem;cursor:pointer;transition:background .15s ease}.button:disabled{opacity:.6;cursor:not-allowed}.button-primary{background:var(--color-primary);color:#fff}.button-primary:hover:not(:disabled){background:var(--color-primary-hover)}.button-secondary{background:var(--color-surface-raised);color:var(--color-text);border:1px solid var(--color-border)}.button-secondary:hover:not(:disabled){background:#262b35}.button-danger{background:var(--color-danger);color:#fff}.button-danger:hover:not(:disabled){background:var(--color-danger-hover)}.button-small{padding:.3rem .6rem;font-size:.8rem}.icon-button{background:transparent;border:none;color:var(--color-text-muted);font-size:1.25rem;cursor:pointer;line-height:1}.icon-button:hover{color:var(--color-text)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.25rem}.card+.card,.card+.grid,.grid+.card,.grid+.grid{margin-top:1.25rem}.grid>.card+.card{margin-top:0}.card-title{font-size:1rem;font-weight:600;margin-bottom:.9rem}.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.9rem;flex-wrap:wrap}.card-title-row-start{align-items:flex-start}.inline-field{display:flex;align-items:center;gap:.5rem;margin-bottom:0;color:var(--color-text-muted);font-size:.8rem}.inline-field select{width:auto;min-width:10rem}.filter-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.toolbar-filters{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.toolbar-filters .field{margin-bottom:0;min-width:10rem}.grid{display:grid;gap:1.25rem;align-items:stretch}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 900px){.grid-4,.grid-2{grid-template-columns:1fr}.app-shell{flex-direction:column}.mobile-topbar{display:flex;align-items:center;gap:.75rem;position:sticky;top:0;z-index:40;padding:.65rem .85rem;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.mobile-topbar-brand{font-weight:600;font-size:.9rem}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:#00000080;border:none;padding:0;cursor:pointer}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:50;width:min(280px,85vw);transform:translate(-100%);transition:transform .2s ease;box-shadow:none}.sidebar.sidebar-open{transform:translate(0);box-shadow:4px 0 24px #00000059}.sidebar-brand{display:none}.main-content{padding:1rem;width:100%}.form-grid{grid-template-columns:1fr}.page-header .button{width:100%}.table-actions{flex-wrap:wrap}.modal-overlay{align-items:flex-end;padding:0}.modal-panel,.modal-panel-wide{max-width:100%;max-height:92vh;border-radius:var(--radius) var(--radius) 0 0}.card-title-row{flex-direction:column;align-items:stretch}.inline-field{justify-content:space-between}.inline-field select{width:100%;min-width:0}.filter-row,.toolbar-filters{flex-direction:column;align-items:stretch}.toolbar-filters .field{min-width:0;width:100%}.login-page{padding:1rem}.login-card{max-width:100%}.toast-stack{left:1rem;right:1rem;bottom:1rem}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}.stat-card{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem 1.1rem;min-height:6.5rem}.stat-card-label{font-size:.78rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.stat-card-value{font-size:1.75rem;font-weight:600;margin-top:.35rem}.stat-card-hint{font-size:.75rem;color:var(--color-text-muted);margin-top:auto;padding-top:.3rem;line-height:1.2;height:calc(2.4em + .3rem);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.stat-card-hint.is-empty{visibility:hidden}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.skeleton{display:block;background:linear-gradient(90deg,var(--color-surface-raised) 0%,#2a303c 45%,var(--color-surface-raised) 90%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;border-radius:6px}.skeleton-text{height:.85rem;width:60%}.skeleton-text.short{width:40%}.skeleton-text.long{width:85%}.skeleton-value{height:1.75rem;width:45%;margin-top:.45rem}.skeleton-hint{height:.7rem;width:70%}.skeleton-chart{height:180px;width:100%}.skeleton-chart.short{height:140px}.skeleton-table{display:flex;flex-direction:column;gap:.65rem;padding:.25rem 0}.skeleton-table-row{height:1.1rem;width:100%}.skeleton-table-row:nth-child(odd){width:92%}.skeleton-table-row:nth-child(3n){width:78%}.bar-chart{display:flex;align-items:stretch}.bar-chart-bars{display:flex;align-items:flex-end;gap:.5rem;width:100%;height:100%}.bar-chart-column{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:0;position:relative}.bar-chart-value{font-size:.7rem;color:var(--color-text-muted);margin-bottom:.25rem;white-space:nowrap}.bar-chart-bar-wrap{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;flex:1 1 auto;min-height:0}.bar-chart-bar{width:60%;border-radius:4px 4px 0 0;min-height:2px}.bar-chart-label{font-size:.68rem;color:var(--color-text-muted);margin-top:.35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@keyframes bar-delta-float{0%{opacity:0;transform:translate(-50%,4px) scale(.85)}15%{opacity:1;transform:translate(-50%,-2px) scale(1)}to{opacity:0;transform:translate(-50%,-28px) scale(1)}}.bar-delta{position:absolute;left:50%;top:0;z-index:2;pointer-events:none;font-size:.72rem;font-weight:700;line-height:1;white-space:nowrap;padding:.2rem .4rem;border-radius:999px;box-shadow:0 2px 8px #00000059;animation:bar-delta-float 1.35s ease-out forwards}.bar-delta.is-up{color:#0f1a14;background:#2fb573}.bar-delta.is-down{color:#1a1010;background:#e5484d}table{width:100%;border-collapse:collapse;font-size:.875rem}th,td{text-align:left;padding:.6rem .75rem;border-bottom:1px solid var(--color-border)}th{color:var(--color-text-muted);font-weight:500;font-size:.78rem;text-transform:uppercase;letter-spacing:.02em}tbody tr:hover{background:var(--color-surface-raised)}.table-actions{display:flex;gap:.4rem;justify-content:flex-end}.empty-state{color:var(--color-text-muted);padding:2rem 0;text-align:center}.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.72rem;font-weight:500}.badge-success{background:#2fb57326;color:var(--color-success)}.badge-muted{background:#9aa1af26;color:var(--color-text-muted)}label{display:block;font-size:.8rem;color:var(--color-text-muted);margin-bottom:.3rem}.field{margin-bottom:.9rem}input[type=text],input[type=number],input[type=password],textarea,select{width:100%;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:.5rem .65rem;color:var(--color-text);font-size:.875rem}input:focus,textarea:focus,select:focus{outline:2px solid var(--color-primary);outline-offset:1px}.checkbox-field{display:flex;align-items:center;gap:.5rem}.checkbox-field label{margin-bottom:0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 1rem}.form-section-title{font-size:.85rem;font-weight:600;margin:1.25rem 0 .6rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.overlay-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.9rem;flex-wrap:wrap}.overlay-card-title{font-size:1rem;font-weight:600;margin:0}.overlay-url-field{grid-column:1 / -1}.overlay-priority-row{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;margin:.15rem 0 .85rem}.overlay-card-actions{align-items:center;flex-wrap:wrap}.overlay-updated{margin-top:0;margin-right:auto}.overlay-card-skeleton{display:flex;flex-direction:column;gap:.6rem}.form-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.25rem}.form-error{background:#e5484d1f;color:#ff9195;border:1px solid rgba(229,72,77,.3);border-radius:var(--radius);padding:.6rem .8rem;font-size:.85rem;margin-bottom:1rem}.hint-text{font-size:.75rem;color:var(--color-text-muted);margin-top:.25rem}.tabs{display:flex;gap:.3rem;border-bottom:1px solid var(--color-border);margin-bottom:1rem;flex-wrap:wrap}.tab-button{background:transparent;border:none;color:var(--color-text-muted);padding:.55rem .9rem;cursor:pointer;font-size:.85rem;border-bottom:2px solid transparent}.tab-button.active{color:var(--color-text);border-bottom-color:var(--color-primary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50}.modal-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.modal-panel-wide{max-width:760px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border)}.modal-body{padding:1.25rem}.toast-stack{position:fixed;bottom:1.25rem;right:1.25rem;display:flex;flex-direction:column;gap:.5rem;z-index:100}.toast{padding:.65rem 1rem;border-radius:var(--radius);font-size:.85rem;color:#fff;box-shadow:0 4px 12px #00000059}.toast-success{background:var(--color-success)}.toast-error{background:var(--color-danger)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{width:100%;max-width:360px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:2rem}.login-title{font-size:1.1rem;font-weight:600;margin-bottom:1.25rem;text-align:center}.otp-input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.35rem;letter-spacing:.35em;text-align:center}.loading-state{color:var(--color-text-muted);padding:1.5rem 0}.health-toolbar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.health-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin:.75rem 0 1rem}.health-section-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:.5rem}.health-list{list-style:none;margin:0;padding:0}.health-list li{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.35rem 0;border-bottom:1px solid var(--color-border);font-size:.875rem}.health-list li:last-child{border-bottom:none}.muted{color:var(--color-text-muted);font-size:.8rem}.pill{display:inline-block;font-size:.75rem;padding:.15rem .5rem;border-radius:4px;background:var(--color-surface-raised);color:var(--color-text-muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill-ok{color:var(--color-success);background:#2fb5731f}.pill-bad{color:var(--color-danger);background:#e5484d1f}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}@media (max-width: 900px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.metric-cell{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);padding:.75rem .85rem;min-width:0}.metric-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:.35rem}.metric-value{font-size:1.05rem;font-weight:600;font-variant-numeric:tabular-nums;word-break:break-word}.metric-hint{margin-top:.2rem;font-size:.75rem;color:var(--color-text-muted)}.log-tail{margin:0;max-height:320px;overflow:auto;padding:.5rem .6rem;background:#0a0c10;border:1px solid var(--color-border);border-radius:var(--radius);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem;line-height:1.5;color:#c8cdd8}.log-empty{color:var(--color-text-muted);padding:.5rem .25rem}.log-row{display:grid;grid-template-columns:5.5rem 4rem minmax(0,1fr);gap:.6rem;padding:.15rem .25rem;border-left:2px solid transparent}.log-row:nth-child(odd){background:#ffffff05}.log-time{color:#6f7787}.log-level{font-weight:600;letter-spacing:.03em}.log-msg{min-width:0;white-space:pre-wrap;word-break:break-word}.log-fields{color:#8b93a3}.log-debug{border-left-color:#6f7787}.log-debug .log-level{color:#8b93a3}.log-info{border-left-color:#4f7cff}.log-info .log-level{color:#7fa0ff}.log-warn{border-left-color:#e5a94f}.log-warn .log-level{color:#e5a94f}.log-warn .log-msg{color:#f0d7ab}.log-error,.log-dpanic,.log-panic,.log-fatal{border-left-color:var(--color-danger);background:#e5484d14}.log-error .log-level,.log-dpanic .log-level,.log-panic .log-level,.log-fatal .log-level{color:#ff7b7f}.log-error .log-msg,.log-dpanic .log-msg,.log-panic .log-msg,.log-fatal .log-msg{color:#ffc2c4}.log-plain .log-level{color:#6f7787}@media (max-width: 900px){.log-row{grid-template-columns:4.5rem minmax(0,1fr)}.log-row .log-level{grid-column:2}.log-row .log-msg{grid-column:1 / -1}}