:root{--bg:#0b0f17;--panel:#131a26;--panel-2:#1b2433;--border:#243044;--text:#e6edf6;--muted:#8da2b8;--accent:#4f9cf9;--accent-2:#2f6fd0;--ok:#3fb950;--warn:#d29922;--err:#f85149}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:980px;margin:0 auto;padding:0 20px}.nav{border-bottom:1px solid var(--border);background:var(--panel)}.nav .inner{display:flex;align-items:center;gap:16px;height:56px}.nav .brand{font-weight:700;color:var(--text);letter-spacing:.3px}.nav .brand span{color:var(--accent)}.nav .spacer{flex:1 1}.nav .user{color:var(--muted);font-size:13px}.btn{display:inline-block;padding:9px 16px;border-radius:8px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer;font-size:14px}.btn:hover{text-decoration:none;border-color:var(--accent)}.btn.primary{background:var(--accent-2);border-color:var(--accent-2);color:#fff}.btn.primary:hover{background:var(--accent)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px;margin-top:24px}.card{display:block;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px}.card:hover{border-color:var(--accent);text-decoration:none}.card .cat{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--accent)}.card h3{margin:6px 0 8px;color:var(--text)}.card p{margin:0;color:var(--muted);font-size:13px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px;margin-top:20px}input,textarea{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}h1{font-size:24px}h2{font-size:18px}.muted{color:var(--muted)}.note{color:var(--warn);font-size:13px}.error{color:var(--err)}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;border:1px solid var(--border)}.badge.ok{color:var(--ok);border-color:var(--ok)}.badge.error{color:var(--err);border-color:var(--err)}.badge.skipped{color:var(--muted)}.kv{width:100%;border-collapse:collapse;font-size:13px}.kv td{padding:4px 8px;border-top:1px solid var(--border);vertical-align:top}.kv td.k{color:var(--muted);width:40%;white-space:nowrap}.ip-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.ip-head .ip{font-family:ui-monospace,monospace;font-size:16px;font-weight:600}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:18px 14px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.sidebar .brand{font-weight:700;font-size:16px;padding:6px 10px 18px;letter-spacing:.3px}.sidebar .brand span{color:var(--accent)}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:var(--text);font-size:14px}.sidebar nav a:hover{background:var(--panel-2);text-decoration:none}.sidebar nav a.active{background:var(--accent-2);color:#fff}.sidebar nav a .ic{width:18px;text-align:center;opacity:.85}.sidebar .nav-section{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);padding:16px 12px 6px}.sidebar .foot{margin-top:auto;border-top:1px solid var(--border);padding-top:14px}.sidebar .foot .who{font-size:13px;color:var(--muted);padding:0 10px 10px;overflow:hidden;text-overflow:ellipsis}.content{padding:32px 40px;max-width:920px}.code{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;white-space:pre-wrap;word-break:break-all}.copy-row{gap:8px}.center,.copy-row{display:flex;align-items:center}.center{min-height:70vh;justify-content:center}.login-card{width:380px;text-align:center}.login-card .actions{display:flex;flex-direction:column;gap:12px;margin-top:20px}