@import"https://fonts.googleapis.com/css2?family=Monoton&family=Montserrat:wght@400;500;600;700;800&display=swap";:root{--bg: #000000;--bg-raised: #0D0D0D;--surface: #1A1A1A;--surface-hover: #222222;--overlay: #2A2A2A;--text-primary: #FFFFFF;--text-secondary: #AAAAAA;--text-tertiary: #666666;--text-on-accent: #FFFFFF;--border: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .25);--border-accent: #FF007F;--accent: #FF007F;--accent-hover: rgba(255, 0, 127, .12);--success: #00C851;--warning: #FF8800;--error: #FF4444;--danger-bg: #FF4444;--danger-hover: #FF6666;--danger-border: rgba(255, 255, 255, .25);--danger-text: #FFFFFF;--info: #33B5E5}[data-theme=light]{--bg: #F0F0F0;--bg-raised: #E8E8E8;--surface: #FFFFFF;--surface-hover: #F8F8F8;--overlay: #FFFFFF;--text-primary: #111111;--text-secondary: #555555;--text-tertiary: #999999;--text-on-accent: #FFFFFF;--border: #D0D0D0;--border-strong: #000000;--border-accent: #E10600;--accent: #E10600;--accent-hover: rgba(225, 6, 0, .08);--success: #007A33;--warning: #CC6600;--error: #CC0000;--danger-bg: #CC0000;--danger-hover: #A30000;--danger-border: #000000;--danger-text: #FFFFFF;--info: #0077AA}:root{--font-display: "Monoton", monospace;--font-body: "Montserrat", sans-serif;--text-2xs: 11px;--text-xs: 12px;--text-sm: 13px;--text-base: 15px;--text-md: 16px;--text-lg: 19px;--text-xl: 24px;--text-2xl: 32px}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img,svg{display:block}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.nav{background:var(--bg-raised);border-right:1px solid var(--border);padding:var(--space-3) var(--space-2);display:flex;flex-direction:column;gap:2px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;flex-direction:column;gap:4px;padding:var(--space-3) var(--space-2) var(--space-4);border-bottom:1px solid var(--border);margin-bottom:var(--space-2)}.brand h1{font-family:var(--font-display);font-size:30px;font-weight:400;letter-spacing:.05em;text-transform:uppercase;color:var(--text-primary);line-height:1}.brand h1 span{color:var(--accent)}.brand small{font-size:var(--text-2xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary)}.nav a{display:flex;align-items:center;padding:8px var(--space-3);border-radius:0;border:1px solid transparent;font-size:var(--text-sm);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);transition:background .1s,color .1s,border-color .1s;cursor:pointer}.nav a:hover{color:var(--text-primary);background:var(--surface-hover)}.nav a.active{color:var(--text-primary);border-color:var(--accent);background:var(--accent-hover)}.nav-settings{margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--border);position:relative}.nav-settings .btn{width:100%;font-size:var(--text-2xs);justify-content:center}.settings-popover{position:absolute;bottom:calc(100% + var(--space-2));left:0;right:0;background:var(--overlay);border:1px solid var(--border-strong);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3);z-index:100}.settings-popover-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.settings-popover-row span{font-size:var(--text-sm);color:var(--text-secondary);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.settings-popover-section-label{font-size:var(--text-2xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.settings-popover-user{font-size:var(--text-sm);color:var(--text-secondary);padding-bottom:var(--space-2);border-bottom:1px solid var(--border);word-break:break-all}.settings-popover-hint{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:calc(-1 * var(--space-2))}.settings-popover-hint.error{color:var(--accent)}.settings-popover-navlink{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text);text-decoration:none;padding:5px 0;letter-spacing:.02em}.settings-popover-navlink:hover{color:var(--accent)}.settings-popover-divider{height:1px;background:var(--border);margin:0 calc(-1 * var(--space-3))}.settings-checkbox{width:18px;height:18px;min-width:18px;border:1px solid var(--border-strong);border-radius:0;background:transparent;cursor:pointer;padding:0;transition:background .1s,border-color .1s}.settings-checkbox.checked{background:var(--accent);border-color:var(--accent)}.main{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);min-width:0;max-width:1100px;width:100%;margin:0 auto}#root{min-height:100vh;display:flex;flex-direction:column}.login-shell{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:var(--space-8)}.login-panel{width:100%;max-width:540px;padding:var(--space-6)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:0;padding:var(--space-4)}.panel.error{border-color:var(--error)}.panel.warning{border-color:var(--warning)}.grid{display:grid;gap:var(--space-3)}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.row{display:flex;gap:var(--space-2);align-items:center}.spacer{flex:1}h1{font-size:var(--text-2xl);font-weight:800;text-transform:uppercase;letter-spacing:.02em;line-height:1.15;color:var(--text-primary)}h2{font-size:var(--text-xl);font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:1.2;color:var(--text-primary)}h3{font-size:var(--text-lg);font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--text-primary)}h4{font-size:var(--text-md);font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-primary)}p{font-size:var(--text-base);line-height:1.6;color:var(--text-primary)}strong{font-weight:700}small{font-size:var(--text-xs)}code{font-family:Menlo,Monaco,Consolas,monospace;font-size:.9em;background:var(--surface);border:1px solid var(--border);padding:1px 4px}pre{font-family:Menlo,Monaco,Consolas,monospace;font-size:var(--text-xs);line-height:1.6;background:var(--bg-raised);border:1px solid var(--border);padding:var(--space-4);overflow-x:auto}.muted{color:var(--text-secondary);font-size:var(--text-xs)}.label{font-size:var(--text-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary)}label{display:block;font-size:var(--text-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:var(--space-1)}.input{display:block;width:100%;padding:7px var(--space-3);border-radius:0;border:1px solid var(--border-strong);background:var(--bg);color:var(--text-primary);font-size:var(--text-base);line-height:1.5;outline:none;transition:border-color .15s,box-shadow .15s;min-height:38px}.input::placeholder{color:var(--text-tertiary)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-hover)}select.input{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23888888' stroke-width='1.5' fill='none' stroke-linecap='square'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:6px var(--space-3);border-radius:0;border:1px solid var(--border-strong);background:transparent;color:var(--text-primary);font-size:var(--text-sm);font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;min-height:34px;white-space:nowrap;transition:background .1s,border-color .1s,opacity .1s;-webkit-user-select:none;user-select:none}.btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--text-secondary)}.btn:active:not(:disabled){opacity:.75}.btn:disabled{opacity:.35;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:#000;color:var(--text-on-accent)}.btn.primary:hover:not(:disabled){opacity:.88;background:var(--accent);border-color:#000}.btn.danger{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-text)}.btn.danger:hover:not(:disabled){background:var(--danger-hover);border-color:var(--danger-border)}.badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:0;border:1px solid #000000;font-size:var(--text-2xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;white-space:nowrap;line-height:1.4}.badge.critical{background:var(--accent);border-color:#000}.badge.escalating{background:var(--warning);border-color:#000}.badge.monitoring{background:var(--surface);border-color:var(--border-strong);color:var(--text-secondary)}.badge.resolved{background:transparent;border-color:var(--border);color:var(--text-tertiary)}.badge.success{background:var(--success);border-color:#000}.badge.info{background:var(--info);border-color:#000}.badge.ghost{background:transparent;border-color:var(--border);color:var(--text-secondary)}hr{border:none;border-top:1px solid var(--border);margin:var(--space-3) 0}@media (max-width: 860px){.shell{grid-template-columns:1fr}.nav{position:static;height:auto;flex-direction:row;border-right:none;border-bottom:1px solid var(--border);padding:var(--space-1) var(--space-3);overflow-x:auto;gap:0}.brand,.theme-toggle{display:none}.nav a{white-space:nowrap;flex-shrink:0;border:none;padding:var(--space-2) var(--space-3)}.nav a.active{border-bottom:2px solid var(--accent);background:transparent}.grid.two,.grid.three{grid-template-columns:1fr}.main{padding:var(--space-4)}}