:root{--bg:#0a0c10;--surface:#111318;--surface-high:#181c24;--border:#1f2535;--accent:#00e5a0;--accent-dim:#00e5a01f;--accent-glow:#00e5a040;--warn:#ff6b4a;--blue:#3b82f6;--muted:#4a5568;--text:#e2e8f0;--text-dim:#718096;--text-faint:#2d3748;--font-sans:"DM Sans", "Aptos", "Segoe UI", sans-serif;--font-heading:"Syne", "Space Grotesk", "Trebuchet MS", sans-serif;--font-mono:"DM Mono", "SFMono-Regular", Consolas, monospace;color:var(--text);background:var(--bg);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:radial-gradient(circle at top left, #00e5a01a, transparent 32rem), radial-gradient(circle at bottom right, #3b82f617, transparent 26rem), var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}a{color:inherit}#root{min-height:100vh}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{z-index:10;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#111318e6;position:sticky;top:0}.app-header-inner{justify-content:space-between;align-items:center;gap:18px;width:min(1120px,100%);margin:0 auto;padding:14px 20px;display:flex}.app-logo{color:var(--accent);font-family:var(--font-heading);letter-spacing:-.04em;white-space:nowrap;font-size:17px;font-weight:800;text-decoration:none}.app-nav{gap:6px;display:flex;overflow-x:auto}.app-nav-link{border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:7px 12px;font-size:11px;text-decoration:none}.app-nav-link:hover,.app-nav-link.active{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.app-main{flex:1;width:min(1120px,100%);margin:0 auto;padding:26px 20px 56px}.screen-panel,.auth-panel,.settings-panel{border:1px solid var(--border);background:#111318b8;border-radius:24px;box-shadow:0 24px 80px #00000047}.auth-panel,.settings-panel{width:min(440px,100%);margin:48px auto 0;padding:24px}h1,h2,h3{color:var(--text);font-family:var(--font-heading);letter-spacing:-.04em;margin:0}p{margin:0}form{gap:14px;display:grid}label{color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;gap:7px;font-size:11px;display:grid}input,select{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:12px;outline:none;padding:12px 13px}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}button{background:var(--accent);color:#00150f;font-family:var(--font-heading);border:0;border-radius:12px;padding:12px 15px;font-weight:800}.error-text{color:var(--warn)}.settings-screen{gap:18px;width:min(920px,100%);margin:0 auto;display:grid}.settings-header{justify-content:space-between;align-items:end;gap:20px;display:flex}.settings-header h1{font-size:clamp(34px,5vw,52px);line-height:1}.settings-header p:not(.eyebrow){color:var(--text-dim);margin-top:8px}.settings-alert{background:var(--accent-dim);color:var(--accent);border:1px solid #00e5a03d;border-radius:16px;padding:12px 14px}.subscription-card{border:1px solid var(--border);background:#111318c7;border-radius:22px;gap:18px;padding:22px;display:grid;box-shadow:0 24px 80px #00000038}.subscription-card-featured{background:linear-gradient(135deg,#00e5a014,#0000 38%),#111318d1;border-color:#00e5a040}.subscription-card-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.subscription-card h2{margin-top:4px;font-size:26px}.subscription-current-layout{grid-template-columns:minmax(0,1fr) minmax(210px,.42fr);align-items:stretch;gap:18px;display:grid}.subscription-current-layout h3,.subscription-plan-card h3{font-family:var(--font-sans);letter-spacing:-.02em;font-size:22px;font-weight:800}.subscription-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.subscription-detail-grid div,.subscription-billing-panel,.subscription-help-text,.subscription-plan-card{border:1px solid var(--border);background:#0a0c106b;border-radius:16px}.subscription-detail-grid div{padding:14px}.subscription-detail-label{color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:10px;display:block}.subscription-detail-grid strong{font-size:15px;line-height:1.3}.subscription-billing-panel{align-content:center;min-height:100%;padding:18px;display:grid}.subscription-billing-panel p{color:var(--accent);font-family:var(--font-heading);letter-spacing:-.03em;font-size:22px;font-weight:800}.subscription-primary-action,.settings-logout-button{justify-self:start}.subscription-help-text{color:var(--text-dim);padding:16px}.subscription-plan-card{gap:18px;padding:18px;display:grid}.subscription-plan-card p{color:var(--text-dim);margin-top:6px}.subscription-price-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.subscription-price-list li{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding-top:10px;display:flex}.subscription-price-list span{color:var(--text);font-weight:700}.dashboard-screen{gap:28px;width:min(1080px,100%);margin:0 auto;display:grid}.dashboard-hero{justify-content:space-between;align-items:start;gap:24px;display:flex}.eyebrow,.meta-label,.chip-label,.entry-time,.entry-source{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.eyebrow{color:var(--accent);margin-bottom:10px;font-size:11px}.dashboard-title{font-size:clamp(44px,6vw,72px);line-height:1.05}.dashboard-subtitle{color:var(--text-dim);margin-top:12px;font-size:16px}.status-pill{background:var(--accent-dim);color:var(--accent);font-family:var(--font-mono);white-space:nowrap;border:1px solid #00e5a033;border-radius:999px;padding:8px 12px;font-size:11px}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.metric-card,.entries-card{border:1px solid var(--border);background:var(--surface-high);border-radius:18px;padding:18px}.metric-card{grid-template-rows:76px 54px 1fr;min-height:292px;display:grid}.metric-card:first-child{border-color:#00e5a099;box-shadow:0 0 24px #00e5a014}.metric-card-header{align-content:start;gap:5px;display:grid}.metric-card h2{font-family:var(--font-sans);letter-spacing:-.02em;font-size:17px;font-weight:650;line-height:1.15}.metric-card-link{color:inherit;text-decoration:none}.metric-card-link:hover h2{color:var(--accent)}.metric-meta{color:var(--text-dim);font-family:var(--font-mono);font-size:10px}.chip-label{color:var(--text-dim);font-size:10px;line-height:1.25}.metric-current-value{color:var(--accent);align-items:baseline;gap:6px;display:flex}.metric-current-value span{font-family:var(--font-heading);font-size:36px;font-weight:800;line-height:1}.metric-current-value small{color:var(--muted);font-family:var(--font-mono);font-size:12px}.metric-form{grid-template-columns:minmax(0,1fr);align-content:end;gap:10px;display:grid}.metric-form label{gap:7px;font-size:10px}.metric-form input{border-radius:12px;min-height:42px;padding:10px 12px}.metric-form button{min-height:44px;font-family:var(--font-sans);border-radius:12px;width:100%;padding:11px 12px;font-size:14px;font-weight:800;line-height:1.1}.form-error{color:var(--warn);grid-column:1/-1;font-size:13px}.entries-card{gap:16px;padding:20px;display:grid}.insights-card{background:linear-gradient(135deg,#00e5a01a,#0000 42%),#181c24db;border:1px solid #00e5a040;border-radius:18px;gap:16px;padding:20px;display:grid}.insights-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.insights-grid article,.insights-locked{border:1px solid var(--border);background:#0a0c106b;border-radius:16px;padding:16px}.insight-value{color:var(--text);font-family:var(--font-heading);letter-spacing:-.04em;margin-top:8px;font-size:24px;font-weight:800}.insights-locked{color:var(--text-dim)}.entries-toolbar{justify-content:space-between;align-items:end;gap:18px;display:flex}.entries-toolbar h2{font-size:24px}.entries-filter{width:min(300px,100%)}.range-toggle{border:1px solid var(--border);background:var(--surface);border-radius:999px;gap:6px;padding:5px;display:inline-flex}.range-toggle button{color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:1px solid #0000;border-radius:999px;padding:6px 10px;font-size:10px}.range-toggle button:hover,.range-toggle button[aria-pressed=true]{background:var(--accent-dim);color:var(--accent);border-color:#00e5a047}.entry-list{display:grid}.empty-state{border:1px dashed var(--text-faint);background:#0a0c1059;border-radius:16px;padding:22px}.empty-state h3{font-family:var(--font-sans);letter-spacing:0;font-size:17px;font-weight:700}.empty-state p{color:var(--text-dim);margin-top:8px;font-size:14px}.empty-state a{color:var(--accent);font-weight:700;text-decoration:none}.empty-state a:hover{text-decoration:underline}.entry-row{border-bottom:1px solid var(--text-faint);justify-content:space-between;align-items:center;gap:22px;padding:15px 0;display:flex}.entry-row:last-child{border-bottom:0}.entry-row h3,.entry-label{font-family:var(--font-sans);letter-spacing:0;font-size:16px;font-weight:600}.entry-link{color:inherit;font-family:var(--font-sans);letter-spacing:0;font-size:16px;font-weight:600;text-decoration:none}.entry-link:hover{color:var(--accent)}.entry-value{color:var(--accent);font-family:var(--font-heading);white-space:nowrap;font-size:22px;font-weight:800}.entry-row-side{justify-items:end;gap:10px;display:grid}.entry-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.entry-actions button{min-height:32px;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:7px 11px;font-size:10px}.entry-row-editing{align-items:stretch}.entry-edit-form{grid-template-columns:minmax(110px,.8fr) minmax(160px,1.2fr) auto;align-items:end;gap:12px;width:100%;display:grid}.entry-edit-form label{gap:7px;font-size:10px}.entry-edit-form input{border-radius:12px;min-height:40px;padding:10px 12px}.entry-time{color:var(--muted);margin-top:4px;font-size:11px}.entry-source{background:var(--accent-dim);color:var(--accent);border:1px solid #00e5a033;border-radius:999px;margin-left:6px;padding:2px 6px;font-size:9px;display:inline-flex}.metrics-screen{gap:18px;width:min(720px,100%);margin:0 auto;display:grid}.metrics-hero{justify-content:space-between;align-items:start;gap:18px;display:flex}.metrics-usage{justify-items:end;gap:8px;display:grid}.custom-metric-usage{color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.06em;text-align:right;text-transform:uppercase;margin:0;font-size:10px}.custom-metric-usage-limit{color:var(--warn)}.custom-metric-form{border:1px solid var(--border);background:#111318db;border-radius:22px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px;display:grid;box-shadow:0 24px 80px #00000047}.custom-metric-form h2,.custom-metric-form button,.custom-metric-form .form-error{grid-column:1/-1}.custom-metric-form h2{font-size:22px}.custom-metric-form button{margin-top:2px}.metrics-list{border:1px solid var(--border);background:#181c24e6;border-radius:22px;padding:12px 20px}.metric-list-row{border-bottom:1px solid var(--text-faint);border-radius:14px;justify-content:space-between;align-items:center;gap:18px;padding:16px 0;text-decoration:none;transition:background .16s,color .16s,transform .16s;display:flex}.metric-row-link{color:inherit;flex:1;text-decoration:none}.metric-row-actions{align-items:center;gap:10px;display:flex}.metric-row-actions button{border-radius:999px;padding:8px 12px;font-size:11px}.archived-metrics-list{background:#111318bd;border-style:dashed}.archived-metrics-header{border-bottom:1px solid #4a55688c;padding:8px 0 14px}.archived-metrics-header h2{font-size:18px}.archived-metric-row{background:#0a0c106b;border:1px solid #4a55688c;margin-top:10px;padding:14px}.archived-metric-row:hover{background:#ff6b4a0d;transform:none}.archived-metric-row h2{color:var(--text-dim)}.metric-list-row span.archived-status-pill{color:var(--warn);background:#ff6b4a1a;border-color:#ff6b4a42}.metric-edit-form{flex-direction:column;align-items:stretch}.metric-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;display:grid}.metric-edit-grid label{color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.metric-list-row:last-child{border-bottom:0}.metric-list-row:hover{background:#00e5a00f;outline:none;transform:translate(3px)}.metric-list-row:hover h2,.metric-row-link:focus-visible h2{color:var(--accent)}.metric-list-row h2{font-family:var(--font-sans);letter-spacing:0;font-size:16px;font-weight:650}.metric-list-row p,.metric-list-row span{color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.metric-list-row span{background:var(--accent-dim);color:var(--accent);white-space:nowrap;border:1px solid #00e5a033;border-radius:999px;padding:4px 8px}.metric-detail-screen{gap:22px;width:min(900px,100%);margin:0 auto;display:grid}.metric-detail-hero{justify-content:space-between;align-items:start;gap:22px;display:flex}.metric-detail-meta{color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-top:12px;font-size:12px}.metric-detail-summary{grid-template-columns:1.4fr repeat(2,minmax(0,1fr));gap:12px;display:grid}.metric-detail-stat{border:1px solid var(--border);background:#181c24e6;border-radius:18px;padding:18px}.metric-detail-stat-primary{border-color:#00e5a08c;box-shadow:0 0 24px #00e5a014}.metric-detail-value{color:var(--accent);align-items:baseline;gap:8px;margin-top:18px;display:flex}.metric-detail-value span{font-family:var(--font-heading);font-size:clamp(44px,7vw,72px);font-weight:800;line-height:.95}.metric-detail-value small{color:var(--muted);font-family:var(--font-mono);font-size:13px}.metric-detail-stat-value{color:var(--text);font-family:var(--font-heading);letter-spacing:-.04em;margin-top:18px;font-size:26px;font-weight:800}.trend-card{border:1px solid var(--border);background:#181c24e6;border-radius:18px;gap:16px;padding:20px;display:grid}.metric-trend-chart{background:radial-gradient(circle at 18% 0,#00e5a01a,#0000 30%),#0a0c106b;border:1px solid #8597b033;border-radius:16px;height:280px;padding:16px;position:relative}.metric-trend-chart-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.metric-trend-chart-summary{color:var(--accent);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:11px}.metric-trend-chart-mode{color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#00e5a014;border:1px solid #00e5a038;border-radius:999px;margin:0;padding:5px 8px;font-size:10px}.metric-trend-chart canvas{display:block;width:100%!important;height:calc(100% - 36px)!important}.trend-empty{color:var(--muted);text-align:center;border:1px dashed #8597b052;border-radius:16px;margin:0;padding:36px 16px}.trend-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.trend-grid article{border:1px solid var(--text-faint);background:#0a0c1073;border-radius:16px;padding:16px}.trend-value{color:var(--text);font-family:var(--font-heading);letter-spacing:-.04em;margin-top:10px;font-size:28px;font-weight:800}.trend-delta{color:var(--accent)}@media (width<=680px){.app-header-inner,.dashboard-hero,.metrics-hero,.metric-detail-hero,.entry-row{flex-direction:column;align-items:stretch}.app-header-inner{align-items:flex-start}.app-main{padding-inline:14px}.dashboard-screen{gap:22px;width:min(390px,100%)}.dashboard-hero{gap:14px}.eyebrow{margin-bottom:8px;font-size:10px}.dashboard-title{font-size:26px}.dashboard-subtitle{margin-top:8px;font-size:13px}.status-pill{padding:6px 9px;font-size:10px}.settings-screen{gap:14px}.settings-header,.subscription-card-header{gap:12px;display:grid}.settings-header h1{font-size:34px}.subscription-card{border-radius:16px;padding:16px}.subscription-card h2{font-size:22px}.subscription-current-layout,.subscription-detail-grid{grid-template-columns:1fr}.subscription-billing-panel{min-height:auto}.subscription-billing-panel p{font-size:20px}.subscription-price-list li{flex-direction:column;align-items:stretch}.subscription-price-list button,.subscription-primary-action,.settings-logout-button{width:100%}.metrics-usage{justify-items:start}.custom-metric-usage{text-align:left}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card,.entries-card{border-radius:12px;padding:13px}.metric-card{grid-template-rows:64px 36px 1fr;min-height:216px}.metric-card-header{gap:3px}.metric-card h2{font-size:13px}.metric-meta,.chip-label{font-size:9px}.metric-current-value{gap:4px}.metric-current-value span{font-size:24px}.metric-current-value small{font-size:10px}.metric-form{gap:8px}.metric-form label{gap:5px;font-size:9px}.metric-form input{border-radius:10px;min-height:36px;padding:8px 10px}.metric-form button{border-radius:10px;min-height:38px;padding:9px 10px;font-size:13px}.entries-card{gap:14px;padding:16px}.insights-card{border-radius:14px;padding:16px}.insights-grid{grid-template-columns:1fr}.entries-toolbar{gap:12px;display:grid}.entries-toolbar h2{font-size:20px}.entries-filter{width:100%}.range-toggle{justify-content:space-between;width:100%}.range-toggle button{flex:1}.entry-row{gap:16px;padding:12px 0}.entry-row-side{justify-items:start}.entry-actions{justify-content:flex-start}.entry-edit-form{grid-template-columns:1fr}.empty-state{border-radius:14px;padding:16px}.empty-state h3{font-size:14px}.empty-state p,.entry-row h3,.entry-label,.entry-link{font-size:13px}.entry-value{font-size:18px}.entry-time{font-size:10px}.metrics-screen{gap:14px;width:min(390px,100%)}.metric-detail-screen{gap:16px;width:min(390px,100%)}.metric-detail-summary{grid-template-columns:1fr;gap:10px}.metric-detail-stat{border-radius:14px;padding:14px}.metric-detail-meta{margin-top:8px;font-size:10px}.metric-detail-value{margin-top:12px}.metric-detail-value span{font-size:38px}.metric-detail-stat-value{margin-top:12px;font-size:22px}.trend-card{border-radius:14px;padding:16px}.metric-trend-chart{height:220px;padding:12px}.metric-trend-chart canvas{height:calc(100% - 24px)!important}.trend-grid{grid-template-columns:1fr}.trend-grid article{border-radius:14px;padding:14px}.trend-value{font-size:22px}.custom-metric-form{border-radius:18px;grid-template-columns:1fr;padding:16px}.custom-metric-form h2{font-size:18px}.metrics-list{border-radius:18px;padding:10px 16px}.metric-list-row{gap:14px;padding:13px 0}.metric-list-row h2{font-size:14px}}