:root{--accent:#e07b39;--accent-hover:#c96a28;--accent-soft:#fdf0e6;--canvas:#fff;--surface-warm:#faf9f7;--surface-input:#f5f4f1;--ink:#1c1917;--body-color:#44403c;--muted:#78716c;--muted-soft:#a8a29e;--hairline:#e7e5e4;--hairline-strong:#d6d3d1;--success:#15803d;--success-soft:#dcfce7;--warning:#b45309;--warning-soft:#fef3c7;--error:#dc2626;--error-soft:#fee2e2;--info:#2563eb;--info-soft:#dbeafe;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 6px #0000000f, 0 2px 4px #0000000a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--surface-warm);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.6}button{cursor:pointer;font-family:inherit}input{font-family:inherit}.dash-shell{grid-template-columns:212px 1fr;min-height:100vh;display:grid}.dash-main{width:100%;max-width:800px;padding:32px}.dash-sidebar-wrapper{border-right:1px solid var(--hairline);background:var(--canvas);height:100vh;position:sticky;top:0}.dash-sidebar{flex-direction:column;height:100%;padding:20px 12px;display:flex}.dash-logo{border-bottom:1px solid var(--hairline);align-items:center;gap:10px;margin-bottom:16px;padding:4px 8px 20px;display:flex}.dash-logo-text{color:var(--ink);letter-spacing:-.02em;font-size:17px;font-weight:700}.dash-logo-mark{flex-shrink:0;align-items:center;display:flex;position:relative}.dash-status-badge{border:1.5px solid var(--canvas);border-radius:50%;width:7px;height:7px;position:absolute;bottom:-1px;right:-3px}.dash-status-badge.live{background:var(--success)}.dash-status-badge.reconnecting{background:var(--accent)}.dash-status-badge:after{content:"";border-radius:50%;animation:2s ease-out infinite heartbeat;position:absolute;inset:-2px}.dash-status-badge.live:after{border:1.5px solid var(--success)}.dash-status-badge.reconnecting:after{border:1.5px solid var(--accent);animation-duration:.9s}@keyframes heartbeat{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}@media (prefers-reduced-motion:reduce){.dash-status-badge:after{animation:none}}.dash-nav{flex-direction:column;flex:1;gap:2px;display:flex}.dash-nav-item{border-radius:var(--radius-sm);color:var(--muted);text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:13px;font-weight:500;transition:background .12s,color .12s;display:flex}.dash-nav-item:hover{background:var(--surface-warm);color:var(--body-color)}.dash-nav-item.active{background:var(--accent-soft);color:var(--accent)}.dash-nav-item.active svg{color:var(--accent)}.dash-nav-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dash-sidebar-footer{border-top:1px solid var(--hairline);padding-top:16px}.dash-logout{border-radius:var(--radius-sm);color:var(--muted);background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 10px;font-size:12px;font-weight:500;transition:background .12s,color .12s;display:flex}.dash-logout:hover{background:var(--surface-warm);color:var(--body-color)}.dash-mobile-header{background:var(--canvas);border-bottom:1px solid var(--hairline);z-index:40;justify-content:space-between;align-items:center;padding:14px 20px;display:none;position:sticky;top:0}.dash-hamburger{width:36px;height:36px;color:var(--ink);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.dash-hamburger:hover{background:var(--surface-warm)}.dash-mobile-overlay{z-index:50;background:#1c191766;position:fixed;inset:0}.dash-mobile-drawer{background:var(--canvas);width:240px;box-shadow:var(--shadow-md);position:absolute;top:0;bottom:0;left:0}@media (width<=767px){.dash-shell{grid-template-rows:auto 1fr;grid-template-columns:1fr}.dash-sidebar-wrapper{display:none!important}.dash-mobile-header{display:flex}.dash-main{padding:20px 16px}}@media (width>=768px){.dash-mobile-header{display:none}}.dash-panel-title{letter-spacing:-.01em;color:var(--ink);margin-bottom:20px;font-size:20px;font-weight:600}.dash-card{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);margin-bottom:16px;padding:20px 24px}.dash-card-label{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-size:11px;font-weight:600}.feed-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.feed-status-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-full);border:1px solid;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:600;display:flex}.feed-status-badge.live{color:var(--success);background:var(--success-soft);border-color:#86efac}.feed-status-badge.reconnecting{color:var(--warning);background:var(--warning-soft);border-color:#fcd34d}.feed-status-dot{border-radius:50%;width:6px;height:6px}.feed-status-badge.live .feed-status-dot{background:var(--success)}.feed-status-badge.reconnecting .feed-status-dot{background:var(--warning)}.feed-empty{text-align:center;color:var(--muted-soft);padding:40px 0;font-size:14px}.feed-list{flex-direction:column;display:flex}.feed-row{border-radius:var(--radius-sm);border-left:3px solid #0000;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 12px 10px 14px;transition:background .1s;animation:.2s ease-out both row-in;display:grid}.feed-row:hover{background:var(--surface-warm)}@keyframes row-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.feed-row-type{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;min-width:110px;font-size:11px;font-weight:600}.feed-row-id{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-family:JetBrains Mono,monospace;font-size:12px;overflow:hidden}.feed-row-time{color:var(--muted-soft);white-space:nowrap;font-size:11px}.billing-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:20px;display:grid}.billing-stat{flex-direction:column;gap:4px;display:flex}.billing-stat-label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:500}.billing-stat-value{letter-spacing:-.01em;color:var(--ink);font-size:22px;font-weight:700}.billing-badge{border-radius:var(--radius-full);align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.billing-badge.active{background:var(--success-soft);color:var(--success)}.billing-badge.inactive{background:var(--error-soft);color:var(--error)}.billing-badge.trial{background:var(--accent-soft);color:var(--accent)}.billing-trial-bar-track{background:var(--hairline);border-radius:var(--radius-full);height:3px;margin-top:16px;overflow:hidden}.billing-trial-bar-fill{background:var(--accent);border-radius:var(--radius-full);height:100%;transition:width .6s ease-out}.billing-trial-label{color:var(--muted);justify-content:space-between;margin-top:6px;font-size:12px;display:flex}.settings-row{border-bottom:1px solid var(--hairline);flex-direction:column;gap:6px;padding:12px 0;display:flex}.settings-row:last-child{border-bottom:none}.settings-row-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:11px;font-weight:600}.settings-chips{flex-wrap:wrap;gap:6px;display:flex}.settings-chip{border-radius:var(--radius-full);border:1px solid var(--hairline-strong);color:var(--body-color);background:var(--surface-warm);padding:3px 10px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500}.settings-chip.service{background:var(--accent-soft);color:var(--accent-hover);border-color:#f6c8a8;font-family:Inter,sans-serif}.reach-gate{border-bottom:1px solid var(--hairline);align-items:flex-start;gap:14px;padding:14px 0;display:flex}.reach-gate:last-of-type{border-bottom:none;padding-bottom:0}.reach-gate-icon{border:2px solid var(--hairline-strong);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;transition:background .2s,border-color .2s;display:flex}.reach-gate-icon.met{background:var(--success-soft);border-color:#86efac}.reach-gate-body{flex:1}.reach-gate-title{color:var(--ink);margin-bottom:2px;font-size:13px;font-weight:600}.reach-gate-detail{color:var(--muted);font-size:12px}.reach-eligible-badge{border-radius:var(--radius-full);background:var(--success-soft);color:var(--success);align-items:center;gap:6px;padding:5px 14px;font-size:13px;font-weight:600;display:inline-flex}.reach-gates-away{color:var(--muted);background:var(--surface-warm);border-radius:var(--radius-sm);margin-top:16px;padding:10px 14px;font-size:13px}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius-full);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 22px;font-size:14px;font-weight:600;transition:background .12s;display:inline-flex}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.login-root{background:var(--surface-warm);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-lg);width:100%;max-width:380px;box-shadow:var(--shadow-md);padding:36px 40px}.login-logo{align-items:center;gap:10px;margin-bottom:28px;display:flex}.login-logo-text{letter-spacing:-.02em;color:var(--ink);font-size:20px;font-weight:700}.login-title{letter-spacing:-.01em;color:var(--ink);margin-bottom:6px;font-size:18px;font-weight:600}.login-sub{color:var(--muted);margin-bottom:24px;font-size:14px;line-height:1.5}.form-field{margin-bottom:16px}.form-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-input{background:var(--surface-input);border-radius:var(--radius-sm);width:100%;color:var(--ink);border:1.5px solid #0000;padding:10px 14px;font-size:15px;transition:border-color .12s,background .12s;display:block}.form-input:focus{border-color:var(--accent);background:var(--canvas);outline:none}.form-input::placeholder{color:var(--muted-soft)}.form-input.otp-input{letter-spacing:.4em;text-align:center;padding:12px 14px;font-family:JetBrains Mono,monospace;font-size:28px;font-weight:500}.form-error{color:var(--error);background:var(--error-soft);border-radius:var(--radius-sm);margin-bottom:12px;padding:8px 12px;font-size:13px}.login-btn-stack{flex-direction:column;gap:8px;margin-top:4px;display:flex}.btn-ghost{width:100%;color:var(--muted);border:1.5px solid var(--hairline-strong);border-radius:var(--radius-full);cursor:pointer;background:0 0;padding:10px;font-size:13px;font-weight:500;transition:background .12s,color .12s;display:block}.btn-ghost:hover{background:var(--surface-warm);color:var(--body-color)}.login-btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius-full);cursor:pointer;border:none;width:100%;padding:12px;font-size:15px;font-weight:600;transition:background .12s;display:block}.login-btn-primary:hover:not(:disabled){background:var(--accent-hover)}.login-btn-primary:disabled{opacity:.55;cursor:not-allowed}.login-btn-primary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.skel{background:linear-gradient(90deg, var(--hairline) 25%, var(--surface-warm) 50%, var(--hairline) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}