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