:root{--bg: #0b1020;--surface: #131c30;--surface2: #19243b;--border: #26364f;--text: #eaf0fc;--muted: #99aac7;--accent: #47d2b2;--accent2: #75ffe2;--danger: #fc7183;--radius: 16px}:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--text);background:radial-gradient(circle at 80% 2%,#152c45 0,transparent 40%),var(--bg);font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;color:inherit;transition:background .15s,transform .15s}button:hover{filter:brightness(1.1)}button:active{transform:scale(.985)}button:disabled{opacity:.5;cursor:not-allowed}.shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{background:#0c1526;border-right:1px solid var(--border);min-height:100vh;padding:27px 16px;display:flex;flex-direction:column;gap:30px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;font-size:15px;font-weight:900;letter-spacing:1px;line-height:1.05}.brand-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#45caaa,#2588e1);display:grid;place-items:center;color:#07131e;font-size:27px;flex:none}.brand-sub{display:block;color:var(--accent);font-size:11px;letter-spacing:3px;margin-top:5px}.section-label,.eyebrow{letter-spacing:2px;font-size:10px;font-weight:800;color:#8093ae}.section-label{margin-left:14px;margin-top:20px}.sidebar nav{display:flex;flex-direction:column;gap:5px;margin-top:-20px}.nav{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:12px 15px;background:transparent;border-radius:10px;color:#9babca;font-weight:650}.nav span{font-size:18px;width:25px;text-align:center}.nav:hover{background:#182740}.nav.active{background:#193d4b;color:#a3ffe9}.sidebar-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px}.connection{font-size:11px;color:#91a2b7;word-break:break-all}.connection.ok{color:var(--accent)}.main-content{padding:34px 38px 70px;max-width:1720px;width:100%;margin:auto;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;margin-bottom:32px}.topbar h1{font-size:32px;margin:7px 0 4px;letter-spacing:-1.1px}.topbar p{margin:0}.top-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.auth-cols{grid-template-columns:minmax(280px,.85fr) minmax(480px,1.4fr)}.diagnostic-cols{grid-template-columns:minmax(280px,.7fr) minmax(480px,1.5fr)}.card{min-width:0;background:linear-gradient(158deg,#162239,#11192b);border:1px solid var(--border);border-radius:var(--radius);padding:23px;box-shadow:0 12px 35px #040a1624}.card h2{font-size:18px;letter-spacing:-.35px;margin:0 0 6px}.card h3{font-size:14px;margin:24px 0 12px}.card p{margin:6px 0 16px;line-height:1.55}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.card-heading p{font-size:12px;color:var(--muted);margin:0}.muted,.hint{color:var(--muted)}.hint{font-size:12px;line-height:1.5;margin:14px 0 0!important}.small{font-size:12px}.pill{background:#20344b;color:#9fbdcd;border:1px solid #2a4a63;border-radius:999px;padding:5px 10px;font-size:10px;letter-spacing:1px;font-weight:800;white-space:nowrap}.live-pill{background:#163e38;color:#72f5cc;border-color:#2b7665}label{display:block;margin:14px 0 7px;font-size:12px;color:#c7d6ed;font-weight:700}input,textarea,select{background:#0b1527;border:1px solid #33425e;border-radius:9px;outline:0;color:#e9f5ff;padding:11px 12px;min-width:0;width:100%;transition:border-color .16s}textarea{resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--accent)}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;margin-right:8px;vertical-align:middle}button.primary,a.button.primary{background:linear-gradient(110deg,#35bfa4,#229ab5);color:#071923;font-weight:850;border-radius:9px;padding:12px 17px}button.primary:hover,a.button.primary:hover{background:linear-gradient(110deg,#75efce,#39bee5)}button.secondary,a.button.secondary{background:#233957;color:#d0e9fa;font-weight:750;border:1px solid #34516c;border-radius:9px;padding:10px 13px}button.ghost{background:transparent;color:#9dbed5;padding:8px 10px;border-radius:8px;border:1px solid transparent}button.ghost:hover{background:#22324a}button.danger{color:var(--danger)}button.full{width:100%;margin-top:16px}.button{display:inline-block;text-decoration:none}.button-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.space-top{margin-top:20px!important}.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.list{display:flex;flex-direction:column;gap:8px;max-height:600px;overflow:auto}.list-item{width:100%;background:#0e1a2d;border:1px solid #293a56;border-radius:10px;text-align:left;padding:14px;display:flex;justify-content:space-between;gap:12px;align-items:center}.list-item:hover,.list-item.selected{border-color:#46bda9;background:#183340}.list-item strong{display:block;font-size:14px}.list-item small{display:block;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.list-item .type{color:#6ddbbf;font-size:11px;font-weight:750;white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:22px}.metric{background:linear-gradient(158deg,#162239,#11192b);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.metric strong{display:block;font-size:24px;color:var(--accent2);margin-bottom:8px}.metric span{font-size:12px;color:var(--muted)}.facts{margin:0}.facts>div{display:grid;grid-template-columns:130px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.facts dt{color:var(--muted)}.facts dd{margin:0;overflow-wrap:anywhere}.setup{margin-bottom:24px;border-color:#337566}.inline{display:flex;gap:10px}.inline input{flex:1}.status{padding:13px 16px;margin-bottom:20px;border-radius:10px;background:#193d4b;color:#a3ffe9;display:flex;justify-content:space-between;align-items:center}.status.error{background:#4d283a;color:#ffd6da}.error{color:var(--danger)}.qr-box{margin-top:22px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;background:#0b1527;border:1px solid var(--border);border-radius:12px}.qr-box svg{padding:10px;background:#fff;border-radius:8px}.qr-box code{font-size:11px;overflow-wrap:anywhere;max-width:100%}.verification-code{font-size:25px;letter-spacing:5px;color:var(--accent2);font-weight:800}.json{background:#0b1527;border:1px solid var(--border);padding:14px;border-radius:10px;overflow:auto;max-height:420px;font-size:12px;line-height:1.5}.inspector-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.inspector-grid>div{min-width:0}.tree-node{border-left:1px solid var(--border);margin-left:10px;padding-left:12px}.tree-node summary{cursor:pointer;color:var(--accent2);padding:6px 0}.tree-node summary span{color:var(--muted);font-size:11px}.tree-leaf{display:flex;gap:14px;padding:5px 0;border-bottom:1px solid #26364f66}.tree-leaf span{color:var(--muted)}.tree-leaf code{overflow-wrap:anywhere}.hex-table{overflow:auto;max-height:650px;background:#0b1527;border:1px solid var(--border);border-radius:10px;margin-top:16px;padding:8px;font-family:ui-monospace,Consolas,monospace;font-size:12px}.hex-row{display:grid;grid-template-columns:90px 1fr 150px;gap:12px;padding:3px 6px;white-space:pre;min-width:680px}.hex-row:hover{background:#193d4b}.hex-row span{color:var(--accent)}.hex-row code:last-child{color:var(--muted)}.toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}hr{border:0;border-top:1px solid var(--border);margin:23px 0}footer{margin-top:35px;color:var(--muted);font-size:11px}@media(max-width:1100px){.shell{grid-template-columns:200px 1fr}.sidebar{padding:20px 10px}.main-content{padding:24px}.columns,.auth-cols,.diagnostic-cols{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.shell{display:block}.sidebar{height:auto;min-height:0;position:static;display:block}.sidebar nav{display:flex;overflow-x:auto;gap:3px;margin-top:10px}.nav{white-space:nowrap;width:auto;padding:9px}.nav span,.section-label,.sidebar-bottom{display:none}.main-content{padding:20px 16px 55px}.topbar{display:block}.topbar h1{font-size:27px}.top-actions{margin-top:16px}.metrics{grid-template-columns:repeat(2,1fr)}.three,.inspector-grid{grid-template-columns:1fr}.inline{display:block}.inline button{margin-top:10px;width:100%}.facts>div{grid-template-columns:95px 1fr}}.byte-highlight{background:#3d7969;color:#fff;border-radius:2px}.setup-grid{margin-bottom:24px}