:root{color:#eef2ff;background:#0c1020;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}.shell{width:min(880px,calc(100% - 32px));margin:0 auto;padding:64px 0}.dashboard-shell{width:min(1180px,calc(100% - 32px))}.dashboard-shell__body{display:grid;gap:22px;grid-template-columns:260px minmax(0,1fr);align-items:start}.dashboard-shell__content{min-width:0}.sidebar-nav{position:sticky;top:24px;display:grid;gap:16px;align-self:start;border:1px solid #29304d;border-radius:20px;background:#111629;padding:20px}.sidebar-nav__heading{display:grid;gap:6px}.sidebar-nav__heading h2{margin:0;font-size:1.1rem}.sidebar-nav__list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.sidebar-nav__list-item{margin:0}.sidebar-nav__item{justify-content:flex-start;width:100%;background:transparent;color:#e7ebff;text-align:left;border:1px solid #303857;box-shadow:none}.sidebar-nav__item.active{border-color:#7c8cff;background:#7c8cff24}.dashboard-grid--overview{display:grid;gap:22px}.dashboard-section-card,.security-proof{display:grid;gap:18px}.dashboard-overview{display:grid;gap:22px}.dashboard-overview__hero{display:grid;gap:18px}.dashboard-overview__heading{max-width:60ch}.dashboard-overview__meta{display:grid;gap:12px}.dashboard-overview__url-panel{border:1px solid #2f3858;border-radius:16px;background:#090c18b8;padding:18px}.dashboard-overview__url-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.dashboard-overview__url-row code{flex:1}.dashboard-overview__copy-message{margin:10px 0 0;color:#9fe7c4;font-size:.92rem}.dashboard-overview__empty{display:grid;gap:6px;border:1px dashed #314065;border-radius:16px;padding:18px}.dashboard-overview__actions{margin-top:4px}.dashboard-overview__panels{display:grid;gap:22px}.security-proof--compact{gap:14px;padding:24px}.security-proof__sections{display:grid;gap:18px}.security-proof__section{display:grid;gap:8px}.security-proof--compact .security-proof__sections{gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.security-proof--compact .security-proof__section{border:1px solid #29304d;border-radius:16px;background:#10162a;padding:16px}.security-proof--compact .security-proof__section h2{font-size:1rem}.dashboard-view{display:grid;gap:22px}.topbar,.status-row,.actions,.badges{display:flex;align-items:center;justify-content:space-between;gap:16px}.card{border:1px solid #29304d;border-radius:20px;background:#151a2e;padding:28px;box-shadow:0 24px 80px #0000004d}.dashboard-grid{display:grid;gap:22px}.dashboard-block{display:grid;gap:20px}.block-heading{display:grid;gap:8px}.block-heading h2{margin:0;font-size:clamp(1.3rem,3vw,1.65rem)}.login-card{width:min(430px,100%);margin:5vh auto 0}.eyebrow,.label{margin:0 0 8px;color:#94a3b8;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1{margin:0 0 12px;font-size:clamp(2rem,7vw,3rem)}h2{margin:0}.muted{color:#aeb7ce}form{display:grid;gap:18px;margin-top:28px}label{display:grid;gap:8px;color:#cad2e7}input{width:100%;border:1px solid #37405f;border-radius:10px;background:#0f1426;color:#fff;padding:12px 14px}button{border:0;border-radius:10px;background:#7c8cff;color:#080b16;padding:12px 18px;font-weight:800;cursor:pointer}button.secondary{border:1px solid #3b4568;background:transparent;color:#e7ebff}button:disabled{cursor:not-allowed;opacity:.5}.actions{justify-content:flex-start;margin-top:28px}.badge{border-radius:999px;background:#303857;padding:7px 11px;font-size:.84rem;font-weight:700}.badge.online{background:#123f32;color:#7cf2bd}.badge.offline{background:#4c2431;color:#ffadbf}.token-panel,.notice{margin-top:24px;border-radius:12px;background:#0f1426;padding:18px}.security-callout{gap:16px}.security-callout-details{display:grid;gap:18px}.security-link-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.tunnel-list{display:grid;gap:14px;margin-top:8px}.tunnel-list+.tunnel-list{margin-top:22px}.label-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.tunnel-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tunnel-pill{display:grid;gap:4px;justify-items:start;border:1px solid #2f3858;border-radius:14px;background:#090c18d9;color:#eef2ff;padding:14px 16px;text-align:left}.tunnel-pill.active{border-color:#7c8cff;box-shadow:0 0 0 1px #7c8cff4d}.tunnel-pill span{color:#9aa7cf;font-size:.84rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.share-panel{border:1px solid #2f3858;border-radius:16px;background:linear-gradient(180deg,#0f1426d9,#090c18e5);padding:20px}.share-header{display:grid;gap:10px;margin-bottom:18px}.share-form{display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto;align-items:end}.share-list{margin-top:18px;display:grid;gap:12px}.share-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #2f3858;border-radius:12px;padding:14px 16px;background:#070a14a6}code{display:block;overflow-wrap:anywhere;color:#a9b4ff;font-size:1rem}[role=alert]{color:#ffb4c1}.separator{display:flex;align-items:center;margin:16px 0;color:#55609a}.separator:before,.separator:after{content:"";flex:1;border-top:1px solid #3b4568}.separator span{padding:0 12px;font-size:12px;text-transform:uppercase;letter-spacing:1px}.btn-google{display:block;text-align:center;border:1px solid #3b4568;border-radius:10px;padding:12px 18px;color:#e7ebff;text-decoration:none;font-weight:600}.btn-google:hover{background:#21294a}@media(max-width:620px){.shell{padding:28px 0}.status-row,.topbar{align-items:flex-start;flex-direction:column}.badges{justify-content:flex-start}.security-link-row{align-items:flex-start;flex-direction:column}.actions{align-items:stretch;flex-direction:column}.label-row{align-items:flex-start;flex-direction:column}.dashboard-overview__url-row{align-items:stretch;flex-direction:column}.dashboard-overview__url-row code{width:100%}.share-form{grid-template-columns:1fr}.share-row{align-items:flex-start;flex-direction:column}.dashboard-shell__body{grid-template-columns:1fr}.sidebar-nav{position:static}}