* { box-sizing: border-box; }
  body {
    margin: 0;
    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
    background-color: #0B0D14;
    background-image:
      radial-gradient(circle at 12% -10%, rgba(255,70,85,0.16), transparent 42%),
      radial-gradient(circle at 90% 10%, rgba(76,217,232,0.09), transparent 45%),
      radial-gradient(circle at 50% 110%, rgba(255,70,85,0.06), transparent 50%),
      radial-gradient(rgba(255,255,255,0.045) 1px, transparent 1px);
    background-size: auto, auto, auto, 11px 11px;
    background-attachment: fixed, fixed, fixed, fixed;
  }
  .hud { font-family: 'Rajdhani', 'Segoe UI', sans-serif; }
  button { font-family: inherit; }
  input, select { font-family: inherit; }
  ::-webkit-scrollbar { height: 6px; width: 6px; }
  ::-webkit-scrollbar-thumb { background: #333; border-radius: 3px; }
  button, [role="button"] { transition: transform .15s ease, filter .15s ease, opacity .15s ease, background .2s ease, border-color .2s ease; }
  button:active { transform: scale(0.96); }
  .collapsible { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .32s cubic-bezier(.4,0,.2,1); }
  .collapsible.open { grid-template-rows: 1fr; }
  .collapsible > div { overflow: hidden; min-height: 0; }
  @keyframes fadeSlideIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } }
  .fadeSlideIn { animation: fadeSlideIn .28s ease; }
  .clickable { transition: transform .15s ease, background .2s ease; }
  .clickable:active { transform: scale(0.985); }
  .clip-tl-br { clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px); }
  .clip-tr { clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 0 100%); }
  .tag-diamond { transform: rotate(45deg); }
  .hud-strip { display: flex; border: 1px solid #262B39; border-radius: 6px; overflow: hidden; }
  .hud-seg { flex: 1; min-width: 118px; padding: 12px 14px 11px; position: relative; }
  .hud-seg + .hud-seg { border-left: 1px solid #262B39; }
  .hud-seg::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px; }
  .tac-btn:hover { border-color: #FF465588 !important; color: #FF4655 !important; }
  :root { --bg:#0D110F; --panel:#171D1A; --panel2:#1C231F; --line:rgba(237,239,234,.09); --text:#EDEFEA; --muted:#8B948E; --accent:#8FCB82; --accent2:#D8E893; --blue:#5FA0C9; }
  body { background:var(--bg); color:var(--text); font-family:Inter,sans-serif; -webkit-font-smoothing:antialiased; }
  .hud { font-family:Inter,sans-serif; }
  .tracker-app { position:relative; isolation:isolate; display:flex; min-height:100vh; }
  .tracker-app::before { content:""; position:fixed; z-index:-1; inset:-5%; pointer-events:none; background:radial-gradient(ellipse at 17% 12%,rgba(143,203,130,.16),transparent 32%),radial-gradient(ellipse at 78% 7%,rgba(95,160,201,.12),transparent 31%),linear-gradient(112deg,transparent 12%,rgba(143,203,130,.05) 36%,rgba(95,160,201,.07) 41%,transparent 48%),linear-gradient(124deg,transparent 51%,rgba(216,232,147,.05) 61%,rgba(143,203,130,.04) 66%,transparent 75%); opacity:.62; }
  .tracker-app::after { content:""; position:fixed; inset:0; z-index:4; pointer-events:none; opacity:.025; background-image:radial-gradient(rgba(237,239,234,.16) .65px,transparent .8px); background-size:12px 12px; }
  @keyframes auroraDrift { 0% { transform:translate3d(-1%,0,0) rotate(-1deg) scale(1); opacity:.66; } 50% { transform:translate3d(.5%,.5%,0) rotate(.5deg) scale(1.02); opacity:.54; } 100% { transform:translate3d(1%,-.5%,0) rotate(1deg) scale(1.01); opacity:.7; } }
  .rail { position:sticky; top:14px; height:calc(100vh - 28px); align-self:flex-start; overflow-y:auto; scrollbar-width:thin; width:204px; flex-shrink:0; display:flex; flex-direction:column; align-items:stretch; padding:22px 14px; gap:10px; border:1px solid var(--line); border-radius:20px; margin:14px 0 14px 14px; background:#0C0F0D; box-shadow:0 14px 40px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.045); }
  .rail-mark { width:44px; height:44px; position:relative; border-radius:50%; display:block; overflow:visible; background:#050806; margin:0 0 12px 1px; box-shadow:0 0 0 2px rgba(143,203,130,.18); }
  .rail-mark img { display:block; width:100%; height:100%; object-fit:cover; border-radius:50%; }
  .online-status { position:absolute; right:0; bottom:0; z-index:2; width:14px; height:14px; border-radius:50%; background:#36C46A; border:3px solid var(--bg); box-shadow:0 0 0 1px rgba(54,196,106,.35); }
  .rail-label { margin:7px 5px 3px; color:var(--muted); font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; }
  .rail-link { position:relative; isolation:isolate; overflow:hidden; width:100%; min-height:42px; padding:0 11px; display:flex; align-items:center; gap:10px; text-align:left; border-radius:10px; border:1px solid transparent; background:transparent; color:var(--muted); font:500 12.5px Inter,sans-serif; cursor:pointer; --pointer-x:50%; --pointer-y:50%; }
  .rail-link::before { content:""; position:absolute; z-index:0; inset:0; pointer-events:none; opacity:0; background:radial-gradient(120px circle at var(--pointer-x) var(--pointer-y),rgba(143,203,130,.23),transparent 72%); transition:opacity .2s ease; }
  .rail-link:hover::before { opacity:1; }
  .rail-link .nav-icon { width:19px; text-align:center; font-size:15px; }
  .rail-link .nav-icon,.rail-link .nav-text,.rail-link .nav-arrow { position:relative; z-index:1; }
  .rail-link:hover { color:var(--text); background:rgba(143,203,130,.07); border-color:rgba(143,203,130,.2); }
  .rail-link.active { color:var(--bg); background:var(--accent); border-color:rgba(216,232,147,.65); box-shadow:0 0 18px rgba(143,203,130,.14); }
  .rail-link.active::before { opacity:.45; }
  .nav-arrow { margin-left:auto; width:14px; height:14px; flex-shrink:0; opacity:0; transform:translateX(-4px); transition:opacity .18s ease,transform .18s ease; }
  .rail-link:hover .nav-arrow,.rail-link.active .nav-arrow { opacity:.9; transform:translateX(0); }
  .tracker-main { flex:1 1 0; min-width:0; width:auto; max-width:none; padding:20px 26px 44px; }
  .clip-tr { clip-path:none; border:1px solid var(--line)!important; border-left:0!important; border-radius:22px; background:#0A0D0C!important; padding:48px 28px 44px!important; text-align:center; isolation:isolate; }
  .clip-tr:before { content:""; position:absolute; inset:-8%; z-index:-1; background:radial-gradient(38% 55% at 24% 30%,rgba(143,203,130,.2),transparent 70%),radial-gradient(46% 60% at 78% 20%,rgba(95,160,201,.16),transparent 70%),radial-gradient(50% 60% at 55% 85%,rgba(216,232,147,.1),transparent 70%); pointer-events:none; }
  .clip-tr > div:last-child { justify-content:center; }
  .clip-tr img { display:block; width:72px!important; height:72px!important; object-fit:cover; border-radius:20px; box-shadow:0 8px 30px rgba(143,203,130,.18); }
  .clip-tr .hero-title { font-size:clamp(38px,5vw,58px)!important; letter-spacing:-.04em!important; line-height:1.06; }
  .warm-accent { color:var(--text); background:none; }
  .hero-subtitle { margin:12px auto 0; max-width:620px; color:rgba(237,239,234,.6); font-size:15px; line-height:1.65; letter-spacing:.1px; }
  .clip-tr > div:last-child > div > div:last-child { color:rgba(237,239,234,.6)!important; }
  .hud-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; border:0; border-radius:0; overflow:visible; background:transparent!important; }
  .hud-seg { background:var(--panel); border:1px solid var(--line); border-radius:16px; min-width:0; padding:17px 18px!important; }
  .hud-seg + .hud-seg { border-left:1px solid var(--line); }
  .hud-seg > div:first-child { display:none; }
  .hud-seg .hud { font-size:25px!important; }
  .page-heading { display:flex; flex-direction:column; gap:5px; margin:8px 0 20px; }
  .page-heading .hud { font-size:30px; font-weight:700; }
  .page-heading span { color:var(--muted); font-size:13px; }
  .manager-panel { background:var(--panel)!important; background-image:none!important; border:1px solid var(--line)!important; border-radius:20px!important; padding:22px!important; box-shadow:0 16px 42px rgba(0,0,0,.16); }
  #settings-panel,#daily-log { background:var(--panel)!important; background-image:none!important; border:1px solid var(--line)!important; border-radius:18px!important; box-shadow:0 14px 36px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.035); }
  .manager-title { display:flex; align-items:center; gap:10px; margin-bottom:18px!important; color:var(--text)!important; }
  .manager-title:before { content:""; width:4px; height:24px; border-radius:4px; background:var(--accent); }
  .manager-group-list { display:grid!important; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:12px!important; margin-bottom:14px!important; }
  .manager-group-card { min-width:0; padding:14px!important; border:1px solid var(--line)!important; border-radius:14px!important; background:var(--panel-2)!important; flex-wrap:wrap; }
  .manager-palette { align-items:center; }
  .manager-swatch { width:17px!important; height:17px!important; border-radius:50%; box-shadow:0 0 0 2px rgba(0,0,0,.22); }
  .manager-add-group,.manager-add-account { padding:12px!important; border:1px dashed rgba(237,239,234,.17); border-radius:14px; background:rgba(237,239,234,.025); }
  .manager-section-label { font-size:12px!important; font-weight:600; color:var(--muted); margin:4px 0 10px!important; }
  .manager-account-list { display:grid; gap:8px; max-height:440px!important; padding:2px; }
  .manager-account-row { min-height:54px; padding:9px 12px!important; border:1px solid var(--line)!important; border-radius:12px; background:var(--panel-2); }
  .manager-account-name { font-size:12px!important; font-weight:600; }
  .manager-group-tag { border-radius:20px; padding:4px 9px; background:rgba(237,239,234,.055); }
  .account-summary { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:0; margin:0 0 18px; overflow:hidden; border:1px solid rgba(216,232,147,.2); border-radius:13px; background:radial-gradient(circle,rgba(237,239,234,.055) 1px,transparent 1.2px) 0 0/12px 12px,rgba(13,17,15,.94); }
  .account-summary-card { position:relative; min-width:0; min-height:84px; display:flex; flex-direction:column; justify-content:center; padding:13px 16px; border-right:1px solid var(--line); }
  .account-summary-card:last-child { border-right:0; }
  .account-summary-label { font-size:9px; color:var(--muted); text-transform:uppercase; letter-spacing:.08em; margin-top:3px; }
  .account-summary-value { font:700 21px Inter,sans-serif; line-height:1.1; white-space:nowrap; }
  .account-summary-sub { margin-top:4px; font-size:9px; color:var(--muted); }
  .account-summary-reset { position:absolute; right:8px; top:8px; width:26px; height:26px; display:grid; place-items:center; border:1px solid var(--line); border-radius:7px; background:rgba(13,17,15,.5); color:var(--muted); cursor:pointer; }
  .account-summary-reset:hover { color:var(--text); border-color:var(--accent); }
  .count-up { display:inline-block; font-variant-numeric:tabular-nums; }
  .count-up.counting { animation:countUpPop .52s cubic-bezier(.2,.75,.25,1) both; }
  @keyframes countUpPop { 0% { opacity:.35; transform:translateY(5px) scale(.92); text-shadow:0 0 0 transparent; } 65% { opacity:1; transform:translateY(-1px) scale(1.035); text-shadow:0 0 16px rgba(143,203,130,.22); } 100% { opacity:1; transform:translateY(0) scale(1); text-shadow:0 0 0 transparent; } }
  @media(prefers-reduced-motion:reduce){.count-up.counting{animation:none!important}}
  .account-meta { display:flex; flex-wrap:wrap; gap:7px 16px; padding:8px 10px; margin-top:8px; background:rgba(237,239,234,.035); border:1px solid var(--line); border-radius:9px; font-size:10px; color:var(--muted); }
  .account-meta b { color:var(--text); font-weight:600; }
  .level-chart { background:var(--panel); border:1px solid var(--line); border-radius:16px; padding:18px 20px; margin-top:14px; }
  .level-chart-head { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; margin-bottom:16px; }
  .level-chart-title { font-size:14px; font-weight:600; }
  .level-chart-note { color:var(--muted); font-size:11px; margin-top:3px; }
  .level-bars { display:flex; align-items:stretch; gap:12px; height:142px; border-bottom:1px solid var(--line); padding:0 8px; }
  .level-bar-col { flex:1; min-width:0; height:100%; position:relative; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; gap:6px; padding-bottom:2px; }
  .level-bar-count { color:var(--muted); font-size:10px; }
  .level-bar { width:min(42px,65%); min-height:3px; border-radius:7px 7px 2px 2px; background:linear-gradient(180deg,var(--accent2),var(--accent)); box-shadow:0 0 18px rgba(143,203,130,.14); transition:height .25s ease; }
  .level-bar-range { position:absolute; bottom:-20px; font-size:10px; color:var(--muted); white-space:nowrap; }
  .level-chart-foot { display:flex; justify-content:space-between; margin-top:24px; color:var(--muted); font-size:10px; }
  .dashboard-hero { border-radius:18px; background:linear-gradient(115deg,rgba(25,38,29,.88),rgba(13,17,15,.96))!important; box-shadow:0 18px 50px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.06); }
  .dashboard-chart { background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012)),rgba(19,25,22,.82); box-shadow:0 16px 42px rgba(0,0,0,.17),inset 0 1px rgba(255,255,255,.04); backdrop-filter:blur(12px); }
  .ap-activity-layout { display:grid; grid-template-columns:minmax(0,1.8fr) minmax(230px,.8fr); gap:14px; margin-top:14px; }
  .ap-chart-card,.ap-recent-card { min-width:0; border:1px solid rgba(237,239,234,.1); border-radius:16px; padding:18px 20px; background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012)),rgba(19,25,22,.82); box-shadow:0 16px 42px rgba(0,0,0,.17),inset 0 1px rgba(255,255,255,.04); backdrop-filter:blur(12px); }
  .ap-card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
  .ap-card-title { font-size:14px; font-weight:700; color:var(--text); }
  .ap-card-note { margin-top:3px; font-size:10.5px; color:var(--muted); }
  .ap-range-tabs { display:flex; gap:4px; padding:3px; border:1px solid var(--line); border-radius:9px; background:rgba(0,0,0,.16); flex-shrink:0; }
  .ap-range-tabs button { min-height:27px; padding:0 9px; border:0; border-radius:6px; color:var(--muted); background:transparent; font-size:10px; font-weight:700; }
  .ap-range-tabs button.active { color:#111710; background:var(--accent); }
  .ap-metric-tabs { width:max-content; max-width:100%; margin-top:14px; overflow-x:auto; }
  .ap-chart-total { margin:16px 0 2px; color:var(--accent2); font-size:25px; font-weight:700; letter-spacing:-.04em; }
  .ap-chart-total small { margin-left:7px; color:var(--muted); font-size:10px; font-weight:500; letter-spacing:0; }
  .ap-chart-svg { display:block; width:100%; height:auto; overflow:visible; }
  .ap-chart-legend { display:flex; gap:15px; min-height:12px; margin:7px 0 -4px 48px; color:var(--muted); font-size:9px; }
  .ap-chart-legend span { display:inline-flex; align-items:center; gap:5px; }
  .ap-chart-legend i { display:inline-block; width:8px; height:8px; border-radius:50%; }
  .ap-recent-stat { margin:14px 0 18px; padding:13px; border:1px solid rgba(143,203,130,.18); border-radius:11px; background:rgba(143,203,130,.045); }
  .ap-recent-rate { color:var(--accent2); font-size:27px; font-weight:700; letter-spacing:-.04em; }
  .ap-recent-list { display:grid; gap:7px; }
  .ap-recent-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 11px; border:1px solid var(--line); border-radius:9px; background:rgba(255,255,255,.018); }
  .ap-recent-empty { padding:14px 10px; color:var(--muted); font-size:11px; text-align:center; border:1px dashed var(--line); border-radius:9px; }
  .auth-screen { position:relative; isolation:isolate; min-height:100vh; overflow:hidden; padding:22px clamp(18px,5vw,72px) 26px; color:#edf5f3; background:#0b0f14; font-family:Inter,sans-serif; }
  .auth-screen::before { content:""; position:fixed; z-index:-2; inset:-16%; pointer-events:none; background:radial-gradient(ellipse at 17% 24%,rgba(45,212,191,.2),transparent 32%),radial-gradient(ellipse at 78% 19%,rgba(232,121,249,.17),transparent 30%),radial-gradient(ellipse at 58% 80%,rgba(99,102,241,.16),transparent 33%),linear-gradient(rgba(45,212,191,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(232,121,249,.03) 1px,transparent 1px); background-size:auto,auto,auto,64px 64px,64px 64px; mask-image:radial-gradient(ellipse at center,#000 12%,transparent 83%); }
  .auth-screen::after { content:""; position:fixed; z-index:-1; inset:0; pointer-events:none; background:radial-gradient(ellipse at center,transparent 25%,rgba(5,8,13,.5) 100%); }
  .auth-nav { position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; max-width:1280px; height:62px; margin:0 auto; padding:0 16px; border:1px solid rgba(255,255,255,.1); border-radius:16px; background:rgba(11,15,20,.58); backdrop-filter:blur(18px) saturate(140%); }
  .auth-brand { display:flex; align-items:center; gap:10px; font:600 17px 'Space Grotesk',Inter,sans-serif; letter-spacing:-.03em; }
  .auth-brand-mark { display:grid; place-items:center; width:34px; height:34px; color:#071114; border-radius:11px; background:linear-gradient(135deg,#2dd4bf,#5eead4 48%,#e879f9); font-weight:800; box-shadow:0 0 22px rgba(45,212,191,.2); }
  .auth-nav-link { color:#c1c8d1; font-size:12px; }
  .auth-hero { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr); align-items:center; gap:clamp(30px,7vw,110px); max-width:1160px; min-height:calc(100vh - 125px); margin:0 auto; padding:34px 0 44px; }
  .auth-pitch { max-width:580px; }
  .auth-pill { display:inline-flex; align-items:center; gap:8px; padding:7px 11px; border:1px solid rgba(255,255,255,.12); border-radius:99px; color:#c0c9d1; background:rgba(255,255,255,.04); font-size:10px; letter-spacing:.03em; }
  .auth-pill i { width:7px; height:7px; border-radius:50%; background:#2dd4bf; box-shadow:0 0 12px #2dd4bf; }
  .auth-title { margin:22px 0 13px; font:700 clamp(38px,5.4vw,70px)/1.03 'Space Grotesk',Inter,sans-serif; letter-spacing:-.065em; }
  .auth-gradient { color:transparent; background:linear-gradient(100deg,#2dd4bf,#5eead4 38%,#e879f9); background-clip:text; -webkit-background-clip:text; }
  .auth-copy { max-width:480px; color:#a8b1bb; font-size:14px; line-height:1.8; }
  .auth-features { display:grid; gap:12px; margin:26px 0 25px; padding:0; list-style:none; }
  .auth-features li { display:flex; align-items:center; gap:11px; color:#d1d7dd; font-size:12px; }
  .auth-feature-icon { display:grid; place-items:center; width:28px; height:28px; flex-shrink:0; border:1px solid rgba(45,212,191,.2); border-radius:9px; color:#5eead4; background:rgba(45,212,191,.08); }
  .auth-proof { display:flex; align-items:center; gap:10px; color:#8d98a5; font-size:10px; }
  .auth-proof-mark { display:flex; align-items:center; justify-content:center; width:30px; height:30px; border:1px solid rgba(255,255,255,.15); border-radius:50%; color:#d6e2de; background:linear-gradient(135deg,rgba(45,212,191,.2),rgba(232,121,249,.2)); font-size:9px; font-weight:700; }
  .auth-card-wrap { position:relative; width:min(100%,440px); justify-self:end; }
  .auth-card-wrap::before,.auth-card-wrap::after { content:""; position:absolute; z-index:-1; width:150px; height:150px; border-radius:50%; filter:blur(60px); opacity:.25; }
  .auth-card-wrap::before { top:-36px; right:-24px; background:#e879f9; }
  .auth-card-wrap::after { bottom:-40px; left:-30px; background:#2dd4bf; }
  .auth-card { padding:clamp(23px,4vw,36px); border:1px solid rgba(255,255,255,.13); border-radius:25px; background:linear-gradient(155deg,rgba(255,255,255,.085),rgba(255,255,255,.025)); box-shadow:inset 0 1px rgba(255,255,255,.16),0 30px 80px -20px rgba(0,0,0,.75); backdrop-filter:blur(34px) saturate(140%); }
  .auth-card h2 { margin:0; color:#f5f7fa; font:600 27px 'Space Grotesk',Inter,sans-serif; letter-spacing:-.04em; }
  .auth-sub { margin:6px 0 23px; color:#9ca7b4; font-size:12px; }
  .auth-google { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; height:45px; border:1px solid rgba(255,255,255,.14); border-radius:12px; color:#eef2f6; background:rgba(255,255,255,.045); font-size:12px; font-weight:600; cursor:pointer; }
  .auth-google:hover { border-color:rgba(45,212,191,.42); background:rgba(255,255,255,.075); }
  .auth-google-mark { display:grid; place-items:center; width:18px; height:18px; border-radius:50%; color:#18212a; background:#fff; font-weight:800; }
  .auth-divider { display:flex; align-items:center; gap:11px; margin:20px 0; color:#747f8b; font-size:9px; letter-spacing:.14em; text-transform:uppercase; }
  .auth-divider::before,.auth-divider::after { content:""; height:1px; flex:1; background:linear-gradient(90deg,transparent,rgba(255,255,255,.16)); }
  .auth-divider::after { transform:rotate(180deg); }
  .auth-label { display:block; margin:13px 0 6px; color:#aab4bf; font-size:10px; font-weight:600; }
  .auth-field { width:100%; height:46px; padding:0 13px; border:1px solid rgba(255,255,255,.12); border-radius:11px; outline:0; color:#f1f5f8; background:rgba(255,255,255,.04); font:12px Inter,sans-serif; transition:border-color .2s,box-shadow .2s,background .2s; }
  .auth-field:focus { border-color:rgba(45,212,191,.7); background:rgba(45,212,191,.06); box-shadow:0 0 0 4px rgba(45,212,191,.13),0 0 26px -4px rgba(45,212,191,.45); }
  .auth-pass-wrap { position:relative; }
  .auth-pass-wrap .auth-field { padding-right:65px; }
  .auth-show { position:absolute; top:0; right:6px; height:46px; padding:0 8px; border:0; color:#91a0ad; background:transparent; font-size:10px; cursor:pointer; }
  .auth-forgot { display:block; margin:10px 0 14px auto; padding:0; border:0; color:#5eead4; background:transparent; font-size:10px; cursor:pointer; }
  .auth-submit { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; height:47px; margin-top:18px; border:0; border-radius:12px; color:#081111; background:linear-gradient(100deg,#2dd4bf,#5eead4 38%,#e879f9); box-shadow:0 8px 28px rgba(45,212,191,.16),0 5px 24px rgba(232,121,249,.12); font:700 13px 'Space Grotesk',Inter,sans-serif; cursor:pointer; transition:transform .18s,filter .18s; }
  .auth-submit:hover { transform:translateY(-1px); filter:brightness(1.08); }
  .auth-submit:disabled,.auth-google:disabled { opacity:.48; cursor:not-allowed; }
  .auth-error,.auth-setup { margin-top:12px; padding:10px 11px; border:1px solid rgba(248,113,113,.24); border-radius:10px; color:#f5aaa7; background:rgba(248,113,113,.07); font-size:10px; line-height:1.55; }
  .auth-setup { border-color:rgba(45,212,191,.25); color:#b4d8d2; background:rgba(45,212,191,.06); }
  .auth-toggle { margin:18px 0 0; color:#9ca7b4; text-align:center; font-size:11px; }
  .auth-link { padding:0; border:0; color:#5eead4; background:transparent; font:inherit; cursor:pointer; }
  .auth-footer { max-width:1160px; margin:0 auto; padding-top:13px; border-top:1px solid rgba(255,255,255,.07); color:#677381; font-size:10px; }
  .auth-loading { display:grid; place-items:center; min-height:100vh; color:#a8b1bb; background:#0b0f14; font-size:13px; }
  .profile-anchor { position:relative; z-index:6; }
  .profile-menu { position:absolute; top:50px; left:0; z-index:10; width:210px; padding:10px; border:1px solid var(--line); border-radius:12px; background:#151c19; box-shadow:0 16px 36px #0008; }
  .profile-menu-email { overflow:hidden; padding:6px 8px 10px; color:var(--muted); font-size:10px; text-overflow:ellipsis; white-space:nowrap; border-bottom:1px solid var(--line); }
  .profile-menu button { display:block; width:100%; margin-top:5px; padding:8px; border:0; border-radius:7px; color:var(--text); background:transparent; text-align:left; font-size:11px; cursor:pointer; }
  .profile-menu button:hover { background:rgba(255,255,255,.06); }
  .legacy-choice { display:grid; place-items:center; min-height:100vh; padding:22px; color:var(--text); background:#0b0f14; font-family:Inter,sans-serif; }
  .legacy-choice-card { width:min(520px,100%); padding:28px; border:1px solid rgba(255,255,255,.13); border-radius:20px; background:linear-gradient(155deg,rgba(255,255,255,.085),rgba(255,255,255,.025)); box-shadow:0 30px 80px #0009; }
  .legacy-choice-card h2 { margin:0 0 8px; font:600 24px 'Space Grotesk',Inter,sans-serif; }
  .legacy-choice-card p { color:var(--muted); font-size:12px; line-height:1.7; }
  .legacy-choice-actions { display:flex; gap:9px; flex-wrap:wrap; margin-top:18px; }
  .dashboard-stats { grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
  .dashboard-stats .hud-seg { position:relative; display:flex; min-height:128px; flex-direction:column; justify-content:center; overflow:hidden; border:1px solid rgba(237,239,234,.11); border-radius:15px; background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018)),rgba(19,25,22,.82); box-shadow:0 12px 34px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.045); backdrop-filter:blur(12px); transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
  .dashboard-stats .hud-seg:hover { transform:translateY(-2px); border-color:rgba(143,203,130,.32); box-shadow:0 16px 36px rgba(0,0,0,.24),0 0 24px rgba(143,203,130,.055); }
  .dashboard-stats .hud-seg > div:first-child { display:block!important; }
  .dashboard-stats .hud-seg .hud { letter-spacing:-.035em; }
  @media(max-width:1250px){.dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
  @media(max-width:760px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-stats .hud-seg{min-height:112px;padding:14px!important}}
  @media(max-width:900px){.ap-activity-layout{grid-template-columns:1fr}}
  @media(max-width:520px){.ap-chart-card,.ap-recent-card{padding:15px}.ap-card-head{flex-direction:column}.ap-range-tabs{align-self:flex-start}}
  .manager-panel input,.manager-panel select { min-height:34px; border:1px solid var(--line)!important; border-radius:8px!important; background:#0D110F!important; color:var(--text)!important; padding:6px 9px!important; }
  .manager-panel input:focus,.manager-panel select:focus { outline:1px solid var(--accent); border-color:var(--accent)!important; }
  .manager-panel button { border-radius:8px!important; }
  @media(max-width:640px){.manager-panel{padding:15px!important}.manager-account-row{gap:8px!important}.manager-group-list{grid-template-columns:1fr}}
  .tac-btn { border-radius:10px!important; }
  .tac-btn:hover { border-color:var(--accent)!important; color:var(--accent)!important; }
  #root { width:100%; }
  @media(max-width:1000px){.hud-strip{grid-template-columns:repeat(2,minmax(0,1fr));}}
  @media(max-width:900px){.account-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.account-summary-card:nth-child(3){border-right:0}.account-summary-card:nth-child(n+4){border-top:1px solid var(--line)}}
  @media(max-width:760px){.rail{width:58px;align-items:center;padding:16px 8px;margin:8px 0 8px 8px}.rail-mark{margin:0 0 12px}.rail-label,.rail-link .nav-text{display:none}.rail-link{width:40px;height:40px;min-height:40px;justify-content:center;padding:0}.rail-link .nav-icon{font-size:17px}.rail-link .nav-arrow{display:none}.tracker-main{padding:14px 14px 32px}.hud-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.account-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.account-summary-card:nth-child(odd){border-right:1px solid var(--line)}.account-summary-card:nth-child(even){border-right:0}.account-summary-card:nth-child(n+3){border-top:1px solid var(--line)}.clip-tr{padding:36px 18px!important}.clip-tr img{width:56px!important;height:56px!important;border-radius:16px}.clip-tr .hero-title{font-size:38px!important}}
.auth-screen { min-height:100vh; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(350px,.9fr); align-items:center; gap:clamp(32px,7vw,100px); padding:clamp(28px,7vw,100px); overflow-x:hidden; overflow-y:auto; position:relative; }
.auth-screen:before { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(ellipse at 18% 20%,rgba(143,203,130,.17),transparent 36%),radial-gradient(ellipse at 75% 80%,rgba(95,160,201,.13),transparent 38%); }
.auth-pitch,.auth-card-wrap { position:relative; z-index:1; }
.auth-brand { display:flex; align-items:center; gap:12px; margin-bottom:32px; font-size:15px; font-weight:700; letter-spacing:.02em; }
.auth-brand img { width:44px; height:44px; object-fit:cover; border-radius:14px; box-shadow:0 8px 28px rgba(143,203,130,.2); }
.auth-eyebrow { display:inline-flex; gap:8px; align-items:center; color:var(--accent); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.14em; }
.auth-pitch h1 { max-width:680px; margin:18px 0; font:600 clamp(42px,6vw,76px)/1.02 'Space Grotesk',Inter,sans-serif; letter-spacing:-.055em; }
.auth-pitch h1 span { color:var(--accent); }
.auth-pitch p { max-width:540px; color:var(--muted); font-size:15px; line-height:1.8; }
.auth-highlights { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
.auth-highlights span { padding:9px 12px; color:#c5cec7; border:1px solid var(--line); border-radius:999px; background:rgba(23,29,26,.55); font-size:11px; }
.auth-card-wrap { justify-self:end; width:min(100%,440px); }
.auth-card { padding:clamp(22px,4vw,34px); border:1px solid rgba(237,239,234,.13); border-radius:22px; background:rgba(17,22,19,.82); box-shadow:0 30px 100px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.06); backdrop-filter:blur(20px); }
.auth-card h2 { margin:0 0 8px; font:600 26px 'Space Grotesk',Inter,sans-serif; }
.auth-card>p { margin:0 0 22px; color:var(--muted); font-size:12px; line-height:1.65; }
.auth-form-field { display:grid; grid-template-columns:minmax(0,1fr); gap:7px; min-width:0; margin:14px 0; }
.auth-form-field label { color:#c2cbc4; font-size:11px; font-weight:600; }
.auth-form-field input { display:block; width:100%; min-width:0; min-height:44px; padding:0 13px; color:var(--text); border:1px solid var(--line); border-radius:10px; outline:none; background:#0c100e; font-size:13px; }
.auth-form-field input:focus { border-color:rgba(143,203,130,.75); box-shadow:0 0 0 3px rgba(143,203,130,.1); }
.auth-primary,.auth-google { width:100%; min-height:45px; display:flex; justify-content:center; align-items:center; gap:9px; border-radius:10px; cursor:pointer; font-size:12px; font-weight:700; }
.auth-primary { margin-top:18px; border:1px solid var(--accent); color:#101610; background:var(--accent); }
.auth-primary:disabled,.auth-google:disabled { cursor:not-allowed; opacity:.5; }
.auth-google { margin-top:10px; border:1px solid var(--line); color:var(--text); background:rgba(255,255,255,.035); }
.auth-switch { margin-top:18px!important; text-align:center; }
.auth-switch button,.auth-forgot { padding:0; border:0; color:var(--accent); background:none; cursor:pointer; font:600 12px Inter,sans-serif; }
.auth-forgot { margin:2px 0 0 auto; display:block; font-size:11px; }
.auth-error,.auth-note { padding:11px 12px; border-radius:10px; font-size:11px; line-height:1.5; }
.auth-error { color:#ffc1b9; border:1px solid rgba(226,104,91,.28); background:rgba(226,104,91,.08); }
.auth-note { margin-bottom:14px; color:#d6dda8; border:1px solid rgba(216,232,147,.2); background:rgba(216,232,147,.06); }
.auth-privacy { margin-top:20px; padding-top:15px; border-top:1px solid var(--line); color:var(--muted); font-size:10px; line-height:1.6; }
.auth-setup-link { color:var(--accent); }
.profile-anchor { position:relative; margin:0 0 12px 1px; }
.rail-mark { border:0; padding:0; cursor:pointer; }
.profile-menu { position:absolute; z-index:10; left:0; top:54px; width:220px; padding:8px; border:1px solid var(--line); border-radius:13px; background:#111713; box-shadow:0 18px 50px #0009; }
.profile-menu-head { padding:9px 10px 11px; border-bottom:1px solid var(--line); margin-bottom:5px; }
.profile-menu-head b,.profile-menu-head span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.profile-menu-head b { font-size:12px; }
.profile-menu-head span { margin-top:4px; color:var(--muted); font-size:10px; }
.profile-menu button { width:100%; padding:10px; text-align:left; border:0; border-radius:8px; color:var(--text); background:transparent; cursor:pointer; font:500 11px Inter,sans-serif; }
.profile-menu button:hover { background:rgba(143,203,130,.09); }
.profile-menu button.signout { color:#ef8b80; }
.legacy-screen { min-height:100vh; display:grid; place-items:center; padding:24px; }
.legacy-choice { width:min(100%,540px); padding:28px; border:1px solid var(--line); border-radius:18px; background:var(--panel); }
.legacy-choice h2 { margin-top:0; font:600 25px 'Space Grotesk',Inter,sans-serif; }
.legacy-choice p { color:var(--muted); font-size:13px; line-height:1.7; }
.legacy-choice-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:20px; }
.legacy-choice-actions button { min-height:40px; padding:0 14px; border:1px solid var(--line); border-radius:9px; color:var(--text); background:var(--panel2); cursor:pointer; }
.legacy-choice-actions button:first-child { color:#111610; border-color:var(--accent); background:var(--accent); }
@media(max-width:860px){.auth-screen{grid-template-columns:1fr;gap:30px;padding:36px 22px}.auth-card-wrap{justify-self:start;width:min(100%,520px)}.auth-pitch h1{font-size:clamp(40px,9vw,64px)}.auth-brand{margin-bottom:20px}}
@media(max-width:520px){.auth-screen{padding:24px 16px}.auth-pitch p{font-size:13px}.auth-highlights{gap:7px}.auth-highlights span{font-size:10px;padding:8px 10px}.auth-card{padding:22px 18px}.legacy-choice{padding:22px}}
@media(max-height:700px){.auth-screen{align-items:start;padding-top:24px;padding-bottom:24px}}
.cloud-sync { display:flex; justify-content:space-between; align-items:center; gap:12px; margin:0 0 12px; padding:9px 12px; border:1px solid var(--line); border-radius:10px; background:rgba(23,29,26,.72); color:var(--muted); font-size:11px; }
.cloud-sync-error { color:#ffc1b9; border-color:rgba(226,104,91,.3); background:rgba(226,104,91,.07); }
.cloud-sync-saving { color:var(--accent2); }
.cloud-sync button { padding:6px 9px; border:1px solid var(--line); border-radius:7px; color:var(--text); background:var(--panel2); cursor:pointer; font-size:10px; }

/* Keep the sign-in screen aligned with APForge's green and blue tracker palette. */
.auth-screen::before { inset:-10%; z-index:0; background:radial-gradient(ellipse at 18% 20%,rgba(143,203,130,.17),transparent 36%),radial-gradient(ellipse at 75% 80%,rgba(95,160,201,.13),transparent 38%); background-size:auto; mask-image:none; }
.auth-screen::after { background:none; }
.auth-card-wrap::before { background:var(--blue); }
.auth-card-wrap::after { background:var(--accent); }
.auth-pill i { background:var(--accent); box-shadow:0 0 12px var(--accent); }
.auth-gradient { background:linear-gradient(100deg,var(--accent),var(--accent2) 58%,var(--blue)); background-clip:text; -webkit-background-clip:text; }
.auth-google:hover { border-color:rgba(143,203,130,.42); }
.auth-field:focus { border-color:rgba(143,203,130,.7); background:rgba(143,203,130,.06); box-shadow:0 0 0 4px rgba(143,203,130,.13),0 0 26px -4px rgba(143,203,130,.35); }
.auth-submit { color:#101610; background:linear-gradient(100deg,var(--accent),var(--accent2)); box-shadow:0 8px 28px rgba(143,203,130,.16); }
.auth-forgot,.auth-link { color:var(--accent); }
.group-toggle-header { user-select:none; -webkit-user-select:none; }
.group-toggle-header:focus-visible { outline:2px solid var(--accent); outline-offset:-3px; }
.ap-forecast-card { margin-top:14px; padding:18px 20px; border:1px solid rgba(237,239,234,.1); border-radius:16px; background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012)),rgba(19,25,22,.82); box-shadow:0 16px 42px rgba(0,0,0,.17),inset 0 1px rgba(255,255,255,.04); backdrop-filter:blur(12px); }
.ap-forecast-finish { color:var(--muted); font-size:10px; }
.ap-forecast-finish b { margin-left:5px; color:var(--accent2); font-size:12px; }
.ap-forecast-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin:16px 0 12px; }
.ap-forecast-summary>div { display:flex; flex-direction:column; gap:4px; min-width:0; padding:11px 12px; border:1px solid var(--line); border-radius:10px; background:rgba(255,255,255,.018); }
.ap-forecast-summary b { overflow:hidden; color:var(--accent2); font-size:17px; font-variant-numeric:tabular-nums; text-overflow:ellipsis; white-space:nowrap; }
.ap-forecast-summary span { color:var(--muted); font-size:9px; text-transform:uppercase; letter-spacing:.06em; }
.ap-forecast-list { display:grid; gap:7px; }
.ap-forecast-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(150px,auto); align-items:center; gap:16px; padding:10px 12px; border:1px solid var(--line); border-radius:10px; background:rgba(255,255,255,.018); }
.ap-forecast-main { min-width:0; }
.ap-forecast-account { display:flex; align-items:center; gap:9px; min-width:0; }
.ap-forecast-account b { overflow:hidden; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.ap-forecast-account span { flex-shrink:0; color:var(--muted); font-size:9px; }
.ap-forecast-progress { height:4px; margin:7px 0 5px; overflow:hidden; border-radius:9px; background:rgba(237,239,234,.08); }
.ap-forecast-progress i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--accent),var(--accent2)); }
.ap-forecast-meta { color:var(--muted); font-size:9px; }
.ap-forecast-target { display:flex; flex-direction:column; align-items:flex-end; gap:3px; text-align:right; }
.ap-forecast-target b { color:var(--accent2); font-size:11px; white-space:nowrap; }
.ap-forecast-target b.is-complete { color:var(--accent); }
.ap-forecast-target span { color:var(--muted); font-size:9px; white-space:nowrap; }
.ap-forecast-toggle { display:block; width:100%; margin-top:9px; padding:9px; border:1px solid var(--line); border-radius:9px; color:var(--text); background:rgba(255,255,255,.025); cursor:pointer; font-size:10px; }
.ap-forecast-toggle:hover { border-color:rgba(143,203,130,.35); background:rgba(143,203,130,.05); }
.ap-forecast-footnote { margin-top:12px; color:var(--muted); font-size:9px; line-height:1.5; }
.local-demo-banner { display:flex; align-items:center; gap:10px; margin:0 0 14px; padding:10px 12px; border:1px solid rgba(143,203,130,.25); border-radius:10px; color:var(--muted); background:rgba(143,203,130,.055); font-size:10px; }
.local-demo-banner b { color:var(--accent); font-size:9px; letter-spacing:.09em; }
.local-demo-banner span { flex:1; }
.local-demo-banner button { padding:6px 9px; border:1px solid var(--line); border-radius:7px; color:var(--text); background:var(--panel2); cursor:pointer; font-size:9px; }
.ap-forecast-card { display:flex; flex-direction:column; margin:0; padding:16px; overflow:hidden; }
.ap-forecast-card>.ap-card-head { align-items:center; gap:8px; }
.ap-forecast-card .ap-card-title { font-size:13px; }
.ap-forecast-finish { flex:none; text-align:right; white-space:nowrap; }
.ap-forecast-finish b { display:block; margin:2px 0 0; }
.ap-forecast-summary { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin:12px 0 10px; }
.ap-forecast-summary>div { padding:9px; }
.ap-forecast-summary b { font-size:15px; }
.ap-forecast-list { gap:6px; max-height:390px; overflow-y:auto; scrollbar-width:thin; scrollbar-color:rgba(237,239,234,.2) transparent; }
.ap-forecast-row { grid-template-columns:minmax(0,1fr); gap:5px; padding:9px; }
.ap-forecast-target { flex-direction:row; align-items:center; justify-content:space-between; gap:6px; text-align:left; }
.ap-forecast-target b { font-size:10px; }
.ap-forecast-target span { overflow:hidden; font-size:9px; text-overflow:ellipsis; }
.ap-forecast-meta { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ap-forecast-footnote { margin-top:9px; }
@media(max-width:640px){.ap-forecast-card{padding:15px}.ap-forecast-card>.ap-card-head{flex-direction:row}.ap-forecast-summary{gap:6px}.ap-forecast-summary>div{padding:9px}.ap-forecast-summary b{font-size:14px}.ap-forecast-row{grid-template-columns:minmax(0,1fr);gap:5px}.ap-forecast-target{flex-direction:row;align-items:center;text-align:left}}
.scroll-reveal { opacity:0!important; transform:translate3d(0,12px,0)!important; transition:opacity .48s cubic-bezier(.23,1,.32,1),transform .48s cubic-bezier(.23,1,.32,1)!important; }
.scroll-reveal.scroll-reveal-visible { opacity:1!important; transform:translate3d(0,0,0)!important; }
@media(max-width:700px){
  .scroll-reveal { transform:translate3d(0,6px,0)!important; transition-duration:.32s!important; }
  .tracker-app::before { inset:0; opacity:.48; }
}
@media(prefers-reduced-motion:reduce){.scroll-reveal,.scroll-reveal.scroll-reveal-visible{transform:none!important;transition-duration:.2s!important}}