@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.container{width:100%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--green-900:#0d2b1a;--green-800:#14401f;--green-700:#1a5c2a;--green-600:#1e7a30;--green-500:#2a9d3f;--green-400:#4cbd62;--green-300:#7dd891;--green-200:#b8edc2;--green-100:#e8f7eb;--green-50:#f4fbf5;--purple-700:#4c1d95;--purple-600:#6d28d9;--purple-500:#7c3aed;--purple-400:#8b5cf6;--purple-300:#a78bfa;--purple-200:#c4b5fd;--purple-100:#ede9fe;--purple-50:#f5f3ff;--gray-900:#111827;--gray-800:#1f2937;--gray-700:#374151;--gray-600:#4b5563;--gray-500:#6b7280;--gray-400:#9ca3af;--gray-300:#d1d5db;--gray-200:#e5e7eb;--gray-100:#f3f4f6;--gray-50:#f9fafb;--sidebar-bg:#1e3d2b;--sidebar-hover:#2a4f38;--sidebar-active:#2d5a3d;--content-bg:var(--green-50);--card-bg:#fff;--accent:var(--purple-500);--accent-light:var(--purple-100);--success:#3d8b52;--warning:#f59e0b;--danger:#ef4444;--text-primary:var(--gray-900);--text-secondary:var(--gray-600);--text-muted:var(--gray-400);--border:var(--gray-200);--border-focus:var(--purple-400);--btn-green:#3d7a4f;--btn-green-hover:#2f6040}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--content-bg);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:DM Sans,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}input[type=range]{appearance:none;background:var(--gray-200);cursor:pointer;border-radius:3px;outline:none;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border:2px solid #fff;border-radius:50%;width:18px;height:18px;transition:transform .15s,box-shadow .15s;box-shadow:0 1px 4px #7c3aed66}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 2px 8px #7c3aed80}input[type=range]::-moz-range-thumb{background:var(--accent);cursor:pointer;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #7c3aed66}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-green{0%,to{box-shadow:0 0 #2a9d3f66}50%{box-shadow:0 0 0 6px #2a9d3f00}}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:.3s forwards fadeIn}.animate-slide-in{animation:.25s forwards slideIn}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000000f}.badge{letter-spacing:.02em;text-transform:uppercase;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.badge-active{background:var(--green-100);color:var(--green-700)}.badge-degraded{color:#b45309;background:#fef3c7}.badge-offline{color:#b91c1c;background:#fee2e2}.btn{cursor:pointer;border:none;border-radius:8px;outline:none;align-items:center;gap:6px;padding:.5rem 1.25rem;font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--btn-green);color:#fff}.btn-primary:hover{background:var(--btn-green-hover);transform:translateY(-1px);box-shadow:0 4px 12px #3d7a4f4d}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:var(--gray-300);color:var(--gray-500);cursor:not-allowed;box-shadow:none;transform:none}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--purple-600);transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed4d}.btn-outline{color:var(--gray-700);border:1px solid var(--border);background:0 0}.btn-outline:hover{background:var(--gray-50);border-color:var(--gray-300)}.mono{font-family:DM Mono,monospace}.section-title{color:var(--text-primary);letter-spacing:-.01em;font-size:1.125rem;font-weight:700}.section-subtitle{color:var(--text-secondary);margin-top:2px;font-size:.8rem}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
:root,[data-theme=day]{--dt-highlight-border:#7c3aed;--dt-overlay-bg:#11182785;--dt-bubble-bg:#fff;--dt-bubble-border:#7c3aed;--dt-bubble-shadow:0 8px 32px #7c3aed2e;--dt-bubble-text:#111827;--dt-bubble-subtext:#6b7280;--dt-badge-bg:#7c3aed;--dt-badge-text:#fff;--dt-btn-next-bg:#7c3aed;--dt-btn-next-text:#fff;--dt-btn-prev-bg:#fff;--dt-btn-prev-border:#7c3aed;--dt-btn-prev-text:#7c3aed;--dt-progress-track:#e5e7eb;--dt-progress-fill:#7c3aed;--dt-close-color:#6b7280}[data-theme=night]{--dt-highlight-border:#a78bfa;--dt-overlay-bg:#000000b3;--dt-bubble-bg:#1c2333;--dt-bubble-border:#a78bfa;--dt-bubble-shadow:0 8px 32px #0009;--dt-bubble-text:#e6edf3;--dt-bubble-subtext:#8b949e;--dt-badge-bg:#6d28d9;--dt-badge-text:#fff;--dt-btn-next-bg:#6d28d9;--dt-btn-next-text:#fff;--dt-btn-prev-bg:#1c2333;--dt-btn-prev-border:#a78bfa;--dt-btn-prev-text:#a78bfa;--dt-progress-track:#21262d;--dt-progress-fill:#a78bfa;--dt-close-color:#8b949e}.dt-highlight{border:2px solid var(--dt-highlight-border);pointer-events:none;z-index:9001;background:0 0;border-radius:6px;animation:2s ease-in-out infinite dt-pulse;position:fixed}[data-theme=night] .dt-highlight{animation:2s ease-in-out infinite dt-pulse-amber}@keyframes dt-pulse{0%,to{box-shadow:0 0 0 2px #7c3aed,0 0 10px 3px #7c3aed59}50%{box-shadow:0 0 0 4px #7c3aed,0 0 22px 6px #7c3aed8c}}@keyframes dt-pulse-amber{0%,to{box-shadow:0 0 0 2px #eab308,0 0 10px 3px #eab30859}50%{box-shadow:0 0 0 4px #eab308,0 0 22px 6px #eab3088c}}@keyframes dt-bubble-in{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes dt-feedback-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}