:root{--canvas: #0d1117;--surface-1: #161b22;--surface-2: #21262d;--surface-3: #2d333b;--border: #30363d;--border-subtle: #21262d;--ink: #e6edf3;--ink-muted: #8b949e;--ink-subdued: #6e7681;--primary: #ee3124;--primary-hover: #d42a1e;--interactive: #58a6ff;--interactive-hover: #79c0ff;--success: #3fb950;--mono-ink: #a5d6ff;--sev-critical: #ee3124;--sev-high: #ff6b00;--sev-medium: #f5a623;--sev-low: #00dc82;--sev-info: #6b7280;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-pill: 9999px;--shadow-card: 0 1px 4px rgba(0, 0, 0, .4);--shadow-elevated: 0 4px 16px rgba(0, 0, 0, .6);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--bg: var(--canvas);--panel: var(--surface-1);--line: var(--border);--text: var(--ink);--muted: var(--ink-muted);--accent: var(--primary)}*{box-sizing:border-box}body{margin:0;font:400 13px/1.5 var(--font-sans);letter-spacing:0;background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased}body.app{display:grid;grid-template-columns:220px minmax(0,1fr);grid-template-rows:48px minmax(0,1fr);min-height:100vh}body.app .topbar{grid-column:1 / -1}body.app .sidebar{grid-row:2}body.app main{grid-row:2}body.plain{display:block}.topbar{display:flex;justify-content:space-between;align-items:center;height:48px;padding:0 20px;background:var(--surface-1);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.brand{display:inline-flex;align-items:baseline;gap:.35rem;font-size:15px;font-weight:700;letter-spacing:-.02em;color:var(--ink);text-decoration:none}.brand span{font-weight:500;color:var(--ink-muted);letter-spacing:0}.who{display:inline-flex;gap:.75rem;align-items:center;color:var(--ink-muted);font-size:12px}.who .email{color:var(--ink)}.badge{background:var(--surface-2);color:var(--interactive);border:1px solid var(--border);border-radius:var(--radius-pill);padding:1px .55rem;font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.sidebar{background:var(--surface-1);border-right:1px solid var(--border);padding:16px 12px;overflow-y:auto}.sidebar nav{display:flex;flex-direction:column;gap:2px}.navlabel{margin:16px 0 4px;padding:0 10px;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-subdued)}.navitem{display:flex;align-items:center;gap:.5rem;padding:7px 10px;border-radius:var(--radius-md);border-left:2px solid transparent;color:var(--ink-muted);text-decoration:none;font-size:13px;line-height:1.2;transition:background .1s ease,color .1s ease}.navitem:hover{background:var(--surface-2);color:var(--ink)}.navitem.active{background:var(--surface-2);color:var(--ink);border-left-color:var(--interactive);font-weight:500}.navitem .dot{width:6px;height:6px;border-radius:50%;background:var(--success);flex:none}.navitem .ext{margin-left:auto;color:var(--ink-subdued);font-size:11px}main{padding:20px;overflow-x:auto}button,input,textarea,select{font:400 13px/1.4 var(--font-sans);color:var(--ink)}input,textarea,select{background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius-md);padding:.45rem .6rem}input::placeholder{color:var(--ink-subdued)}input:focus,textarea:focus,select:focus{outline:2px solid var(--interactive);outline-offset:-1px;border-color:transparent}button{cursor:pointer;background:var(--interactive);color:#0d1117;border:1px solid transparent;border-radius:var(--radius-md);padding:.45rem .8rem;font-weight:600;transition:background .1s ease}button:hover{background:var(--interactive-hover)}button:active{transform:translateY(1px)}button:focus-visible{outline:2px solid var(--interactive);outline-offset:2px}button.ghost{background:transparent;color:var(--ink-muted);border:1px solid var(--border);font-weight:500}button.ghost:hover{background:var(--surface-2);color:var(--ink)}button.del{background:transparent;color:var(--primary);border:1px solid var(--border);font-weight:500}button.del:hover{background:#ee31241f;border-color:var(--primary)}button.del:focus-visible{outline:2px solid var(--primary)}a{color:var(--interactive);text-decoration:none}a:hover{color:var(--interactive-hover)}h1{font-size:28px;font-weight:700;line-height:1.2;letter-spacing:-.02em;margin:0 0 1rem}h2{font-size:18px;font-weight:600;line-height:1.3}@media(max-width:720px){body.app{grid-template-columns:1fr;grid-template-rows:48px auto 1fr}body.app .sidebar{grid-row:2;border-right:none;border-bottom:1px solid var(--border)}body.app .sidebar nav{flex-direction:row;flex-wrap:wrap}body.app .navlabel{display:none}body.app main{grid-row:3}}