*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--font-display:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--ink:#05070A;--surface-dark:#0B0F14;--surface-dark-raised:#0f1419;--surface-dark-elevated:#151c24;--border-dark:rgba(255,255,255,0.07);--border-dark-strong:rgba(255,255,255,0.12);--text-dark:#f0f4f8;--text-dark-muted:#8a9bb0;--text-dark-dim:#4a5a6a;--parchment:#F4F0E8;--surface-light:#FFFFFF;--border-light:#E5DFD0;--text-light:#18181A;--text-light-muted:#6B6660;--fire:#22C55E;--ember:#16A34A;--ready:#22C55E;--late:#F59E0B;--void:#EF4444;--focus:rgba(34,197,94,0.24);--brand-orange:#f25c2a;--brand-orange-dim:rgba(242,92,42,0.12);--nav-width:220px;--transition:0.18s ease;--radius:10px;--radius-lg:14px}body{font-family:var(--font-body);background:var(--ink);color:var(--text-dark);min-height:100vh;font-size:14px}a{color:inherit}button,input,select,textarea{font:inherit}button{letter-spacing:0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}:focus-visible{outline:2px solid var(--brand-orange);outline-offset:2px}.app-shell{display:grid;grid-template-columns:var(--nav-width) 1fr;min-height:100vh;background:var(--ink)}.top-nav{display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;width:var(--nav-width);min-width:var(--nav-width);max-width:var(--nav-width);background:var(--surface-dark-raised);border-right:1px solid var(--border-dark);padding:0;overflow:hidden;z-index:100;box-shadow:2px 0 16px rgba(0,0,0,.3)}.brand-lockup{display:flex;align-items:center;gap:10px;padding:20px 16px 18px;border-bottom:1px solid var(--border-dark);margin-bottom:4px;flex-shrink:0}.brand-mark{width:32px;height:32px;border-radius:8px;object-fit:cover;background:var(--surface-dark-elevated);border:1px solid var(--border-dark);flex-shrink:0}.brand-name{color:var(--text-dark);font-size:14px;font-weight:700;line-height:1.2;white-space:nowrap}.brand-subtitle{color:var(--brand-orange);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.nav-links{display:flex;flex-direction:column;flex-wrap:nowrap;gap:1px;padding:4px 10px;flex:1 1;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-section-label{font-size:9px;font-weight:700;letter-spacing:.12em;color:var(--text-dark-dim);padding:14px 12px 4px;text-transform:uppercase;width:100%}.nav-section-label:first-child{padding-top:6px}.nav-link{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500;color:var(--text-dark-muted);text-decoration:none;white-space:nowrap;position:relative;width:100%;min-width:0;transition:background var(--transition),color var(--transition),transform var(--transition)}.nav-link:hover{background:var(--surface-dark-elevated);color:var(--text-dark);transform:translateX(2px)}.nav-link.active{background:var(--brand-orange-dim);color:var(--brand-orange);font-weight:600}.nav-link.active:before{content:"";position:absolute;left:0;top:20%;height:60%;width:3px;background:var(--brand-orange);border-radius:0 3px 3px 0}.nav-link-icon{display:flex;align-items:center;flex-shrink:0}.nav-link-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1;min-width:0}.nav-badge{border-radius:999px;padding:2px 6px;background:rgba(34,197,94,.14);color:var(--ready);font-size:10px;font-weight:700;text-transform:uppercase;flex-shrink:0}.nav-user-footer{padding:12px 16px;border-top:1px solid var(--border-dark);gap:10px}.nav-user-avatar,.nav-user-footer{display:flex;align-items:center;flex-shrink:0}.nav-user-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#f25c2a,#ff8c42);justify-content:center;font-size:11px;font-weight:700;color:white}.nav-user-name{font-size:12px;font-weight:600;color:var(--text-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-user-plan{font-size:10px;color:var(--text-dark-dim)}.upgrade-link{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border-dark);border-radius:8px;background:var(--surface-dark-elevated);color:var(--text-dark-muted);text-decoration:none;font-size:12px;margin:4px 0;width:100%;transition:background var(--transition),border-color var(--transition)}.upgrade-link:hover{background:rgba(242,92,42,.08);border-color:rgba(242,92,42,.3)}.upgrade-label{color:var(--brand-orange);font-size:10px;font-weight:700;text-transform:uppercase;white-space:nowrap}.upgrade-copy{font-size:11px;color:var(--text-dark-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-content{grid-column:2;min-height:100vh;overflow-y:auto;padding:32px 40px;background:var(--ink);animation:pgFadeIn .2s ease}@keyframes pgFadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.page-kicker{color:var(--ready);font-size:11px;font-weight:900;text-transform:uppercase;margin-bottom:10px}.page-title{color:var(--text-dark);font-size:28px;font-weight:800;line-height:1.1;margin:0;letter-spacing:-.02em}.page-copy{color:var(--text-dark-muted);font-size:14px;line-height:1.55}.panel{background:var(--surface-dark-elevated);border:1px solid var(--border-dark);border-radius:var(--radius-lg)}.panel-tight{padding:24px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.metric-card{min-height:112px;padding:18px;background:var(--surface-dark-elevated);border:1px solid var(--border-dark);border-radius:var(--radius-lg);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.3);border-color:var(--border-dark-strong)}.metric-label{color:var(--text-dark-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.metric-value{margin-top:14px;color:var(--text-dark);font-size:28px;font-weight:900}.metric-note{margin-top:4px;color:var(--text-dark-dim);font-size:12px}.event-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:var(--surface-dark-raised);border:1px solid var(--border-dark);border-radius:var(--radius)}table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--border-dark);border-radius:var(--radius-lg);overflow:hidden}thead tr{background:var(--surface-dark-elevated)}th{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dark-dim);padding:10px 16px;border-bottom:1px solid var(--border-dark);text-align:left}td{padding:12px 16px;font-size:13px;border-bottom:1px solid rgba(255,255,255,.04);color:var(--text-dark-muted);transition:background var(--transition)}td:first-child{color:var(--text-dark);font-weight:500}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:rgba(255,255,255,.025)}input:not([type]),input[type=email],input[type=number],input[type=password],input[type=search],input[type=text]{background:var(--surface-dark-elevated);border:1px solid var(--border-dark);border-radius:8px;color:var(--text-dark);font-size:13px;padding:8px 14px;height:36px;transition:border-color var(--transition)}input:focus{outline:none;border-color:var(--brand-orange);box-shadow:0 0 0 3px var(--brand-orange-dim)}select{background:var(--surface-dark-elevated);border:1px solid var(--border-dark);border-radius:8px;color:var(--text-dark);padding:6px 12px;font-size:13px;cursor:pointer;height:36px}select:focus{outline:none;border-color:var(--brand-orange)}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--ink)}.auth-card{width:100%;max-width:420px;padding:24px;background:var(--surface-dark-elevated);border:1px solid var(--border-dark);border-radius:24px}.auth-logo{width:58px;height:58px;display:block;margin:0 auto 14px;border-radius:16px;object-fit:cover}.segmented{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px;margin:24px 0}.segmented button{min-height:38px;border:1px solid var(--border-dark);border-radius:12px;background:var(--surface-dark-raised);color:var(--text-dark-muted);cursor:pointer;font-size:13px;font-weight:700}.segmented button[data-active=true]{background:var(--ready);border-color:var(--ready);color:#052E16}.field-label{display:block;color:var(--text-dark-muted);font-size:12px;font-weight:700;margin-bottom:8px}.field-input{width:100%;padding:14px 16px;border-radius:14px;background:var(--surface-dark-raised);border:1px solid var(--border-dark-strong);color:var(--text-dark);font-size:16px;outline:none}.field-input:focus{border-color:var(--ready);box-shadow:0 0 0 4px var(--focus)}.primary-button{width:100%;min-height:48px;border:none;border-radius:14px;background:var(--ready);color:#052E16;font-size:16px;font-weight:900;cursor:pointer;transition:filter var(--transition)}.primary-button:hover{filter:brightness(1.08)}@media (max-width:860px){.app-shell{display:flex;flex-direction:column}.top-nav{min-width:0;max-width:none;height:auto;position:-webkit-sticky;position:sticky;top:0;align-items:center;gap:8px;padding:12px 16px;border-right:none;border-bottom:1px solid var(--border-dark);box-shadow:none}.nav-links,.top-nav{width:100%;flex-direction:row;flex-wrap:wrap;overflow:visible}.nav-links{padding:0;gap:4px}.nav-section-label{display:none}.nav-link{padding:6px 10px;border-radius:8px;font-size:12px;transform:none!important}.nav-link.active:before{display:none}.nav-link.active{background:var(--brand-orange-dim);color:var(--brand-orange)}.nav-user-footer{display:none}.main-content{grid-column:auto;padding:20px 16px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){body{font-size:13px}.top-nav{padding:10px 12px}.nav-link{font-size:11px;padding:5px 8px}.nav-badge,.upgrade-copy{display:none}.main-content{padding:14px 12px 24px}.panel{border-radius:12px}.panel-tight{padding:14px}.metric-grid{grid-template-columns:1fr}.page-title{font-size:22px}}