:root{--bg:#000;--bg-raised:#0d0d0d;--surface:#1a1a1a;--surface-hover:#222;--overlay:#2a2a2a;--text-primary:#fff;--text-secondary:#c4c4c4;--text-tertiary:#8a8a8a;--text-on-accent:#fff;--border:#ffffff1a;--border-strong:#fff6;--border-accent:#ff007f;--accent:#ff007f;--accent-hover:#ff007f1f;--success:#00c851;--warning:#f80;--error:#f44;--danger-bg:#f44;--danger-hover:#f66;--danger-border:#ffffff40;--danger-text:#fff;--info:#33b5e5}[data-theme=light]{--bg:#f0f0f0;--bg-raised:#e8e8e8;--surface:#fff;--surface-hover:#f8f8f8;--overlay:#fff;--text-primary:#111;--text-secondary:#555;--text-tertiary:#6b6b6b;--text-on-accent:#fff;--border:#d0d0d0;--border-strong:#000;--border-accent:#e10600;--accent:#e10600;--accent-hover:#e1060014;--success:#007a33;--warning:#c60;--error:#c00;--danger-bg:#c00;--danger-hover:#a30000;--danger-border:#000;--danger-text:#fff;--info:#07a}: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;--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}@layer base{*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:14px}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img,svg{display:block}}.shell{grid-template-columns:236px 1fr;min-height:100vh;display:grid}.nav{background:var(--bg-raised);border-right:2px solid var(--border-strong);padding:var(--space-3) var(--space-2);flex-direction:column;gap:2px;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.brand{padding:var(--space-3) var(--space-2) var(--space-4);border-bottom:2px solid var(--border);margin-bottom:var(--space-2);flex-direction:column;gap:4px;display:flex}.brand h1{font-family:var(--font-display);letter-spacing:.015em;text-transform:uppercase;color:var(--text-primary);font-size:30px;font-weight:400;line-height:1}.brand h1 span{color:var(--accent);margin-left:-.06em;margin-right:-.06em}.brand small{font-size:var(--text-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);font-weight:600}.nav a{min-height:42px;padding:9px var(--space-3);font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);cursor:pointer;border:2px solid #0000;border-radius:0;align-items:center;font-weight:600;transition:background .1s,color .1s,border-color .1s;display:flex}.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{padding-top:var(--space-3);border-top:1px solid var(--border);margin-top:auto;position:relative}.nav-settings .btn{width:100%;font-size:var(--text-2xs);justify-content:center}.settings-popover{bottom:calc(100% + var(--space-2));background:var(--overlay);border:1px solid var(--border-strong);padding:var(--space-3);gap:var(--space-3);z-index:100;flex-direction:column;display:flex;position:absolute;left:0;right:0}.settings-popover-row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.settings-popover-row span{font-size:var(--text-sm);color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;font-weight:600}.settings-popover-section-label{font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);font-weight:700}.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{font-size:var(--text-sm);color:var(--text);letter-spacing:.02em;padding:5px 0;font-weight:600;text-decoration:none;display:block}.settings-popover-navlink:hover{color:var(--accent)}.settings-popover-divider{background:var(--border);height:1px;margin:0 calc(-1 * var(--space-3))}.settings-checkbox{border:1px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:0;width:18px;min-width:18px;height:18px;padding:0;transition:background .1s,border-color .1s}.settings-checkbox.checked{background:var(--accent);border-color:var(--accent)}.main{padding:var(--space-8) var(--space-6);gap:var(--space-4);flex-direction:column;width:100%;min-width:0;max-width:1180px;margin:0 auto;display:flex}#root{flex-direction:column;min-height:100vh;display:flex}.login-shell{background:var(--bg);padding:var(--space-8);flex:1;justify-content:center;align-items:center;display:flex}.login-panel{width:100%;max-width:540px;padding:var(--space-6)}.support-email{right:var(--space-4);bottom:var(--space-4);font-size:var(--text-xs);letter-spacing:.04em;color:var(--text-secondary);text-transform:uppercase;z-index:120;font-weight:600;position:fixed}.support-email:hover{color:var(--text-primary);text-underline-offset:2px;text-decoration:underline}.panel{background:var(--surface);border:2px solid var(--border-strong);padding:var(--space-5);border-radius:0;transition:border-color .15s,background-color .15s}.panel:hover{border-color:var(--accent)}.panel.error{border-color:var(--error)}.panel.warning{border-color:var(--warning)}.grid{gap:var(--space-3);display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.row{gap:var(--space-2);align-items:center;display:flex}.spacer{flex:1}h1{font-size:var(--text-2xl);text-transform:uppercase;letter-spacing:.02em;color:var(--text-primary);font-weight:800;line-height:1.15}h2{text-transform:uppercase;letter-spacing:.02em;color:var(--text-primary);font-size:28px;font-weight:800;line-height:1.2}h3{font-size:var(--text-lg);text-transform:uppercase;letter-spacing:.02em;color:var(--text-primary);font-weight:700}h4{font-size:var(--text-md);text-transform:uppercase;letter-spacing:.03em;color:var(--text-primary);font-weight:600}p{font-size:var(--text-base);color:var(--text-primary);line-height:1.6}strong{font-weight:700}small{font-size:var(--text-xs)}code{background:var(--surface);border:1px solid var(--border);padding:1px 4px;font-family:Menlo,Monaco,Consolas,monospace;font-size:.9em}pre{font-family:Menlo,Monaco,Consolas,monospace;font-size:var(--text-xs);background:var(--bg-raised);border:1px solid var(--border);padding:var(--space-4);line-height:1.6;overflow-x:auto}.muted{color:var(--text-secondary);font-size:var(--text-sm)}.label{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);font-weight:700}label{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:var(--space-1);font-weight:700;display:block}.input{width:100%;padding:7px var(--space-3);border:2px solid var(--border-strong);background:var(--bg);color:var(--text-primary);font-size:var(--text-base);border-radius:0;outline:none;min-height:46px;line-height:1.5;transition:border-color .15s,box-shadow .15s;display:block}.input::placeholder{color:var(--text-tertiary)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-hover)}select.input{appearance:none;cursor:pointer;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-position:right 10px center;background-repeat:no-repeat;padding-right:28px}.btn{justify-content:center;align-items:center;gap:var(--space-1);padding:10px var(--space-3);border:2px solid var(--border-strong);color:var(--text-primary);font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border-radius:0;min-height:44px;font-weight:600;transition:background .1s,border-color .1s,opacity .1s;display:inline-flex}.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:var(--cta-border,#000);color:var(--text-on-accent)}.btn.primary:hover:not(:disabled){opacity:.88;background:var(--accent);border-color:var(--cta-border,#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{font-size:var(--text-2xs);letter-spacing:.05em;text-transform:uppercase;color:#fff;white-space:nowrap;border:1px solid #000;border-radius:0;align-items:center;padding:2px 6px;font-weight:700;line-height:1.4;display:inline-flex}.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{border-color:var(--border);color:var(--text-tertiary);background:0 0}.badge.success{background:var(--success);border-color:#000}.badge.info{background:var(--info);border-color:#000}.badge.ghost{border-color:var(--border);color:var(--text-secondary);background:0 0}hr{border:none;border-top:2px dashed var(--border);margin:var(--space-3) 0}.page-header{align-items:flex-end;gap:var(--space-3);border-bottom:2px solid var(--border);padding-bottom:var(--space-3);display:flex}.page-header__meta{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);font-weight:700}.page-header__title{margin:0}.project-create-form{gap:var(--space-3);display:grid}.project-card{border:2px solid var(--border-strong);background:var(--surface);padding:var(--space-4);transition:border-color .15s,background-color .15s;display:block}.project-card:hover{border-color:var(--accent);background:var(--surface-hover)}.project-card__title{font-size:var(--text-md);letter-spacing:.04em;text-transform:uppercase;color:var(--text-primary);font-weight:700}.project-card__address{color:var(--text-secondary);font-size:var(--text-sm);margin-top:6px;line-height:1.6}.dev-toolbar .row .input{min-width:220px}.dev-kpi-grid .panel h3{margin-top:6px}@media (width<=860px){.shell{grid-template-columns:1fr}.nav{border-right:none;border-bottom:1px solid var(--border);height:auto;padding:var(--space-1) var(--space-3);flex-direction:row;gap:0;position:static;overflow-x:auto}.nav .brand,.theme-toggle{display:none}.nav a{white-space:nowrap;padding:var(--space-2) var(--space-3);border:none;flex-shrink:0}.nav a.active{border-bottom:2px solid var(--accent);background:0 0}.grid.two,.grid.three{grid-template-columns:1fr}.main{padding:var(--space-4)}.support-email{right:var(--space-3);bottom:max(var(--space-3), env(safe-area-inset-bottom));font-size:var(--text-2xs)}.dev-toolbar .row{flex-wrap:wrap}.dev-toolbar .row .input{width:100%;min-width:0}}