:root{--font-display: "Sora", "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", monospace;--page-text: #eaf2ff;--muted-text: #9fb0cd;--panel-bg: rgba(9, 18, 34, .78);--panel-strong: rgba(12, 24, 44, .9);--panel-border: rgba(144, 178, 255, .24);--soft-border: rgba(156, 186, 255, .28);--surface: rgba(255, 255, 255, .04);--accent: #37d6c6;--accent-soft: rgba(55, 214, 198, .16);--positive: #57df8c;--negative: #ff7f8f;--shadow: 0 28px 70px rgba(2, 8, 22, .46)}:root[data-theme=light]{--page-text: #132039;--muted-text: #587090;--panel-bg: rgba(255, 255, 255, .82);--panel-strong: rgba(255, 255, 255, .92);--panel-border: rgba(37, 82, 162, .16);--soft-border: rgba(37, 82, 162, .2);--surface: rgba(37, 82, 162, .06);--accent: #0f8f82;--accent-soft: rgba(15, 143, 130, .14);--positive: #128650;--negative: #d14a5f;--shadow: 0 22px 52px rgba(22, 54, 98, .16)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-display);color:var(--page-text);line-height:1.45;background:radial-gradient(circle at 14% 8%,rgba(54,100,230,.34),transparent 28%),radial-gradient(circle at 86% 12%,rgba(35,212,189,.26),transparent 26%),radial-gradient(circle at 52% 90%,rgba(121,81,255,.19),transparent 30%),linear-gradient(165deg,#060d1d,#0c1b36 44%,#081226);background-attachment:fixed}:root[data-theme=light] body{background:radial-gradient(circle at 14% 8%,rgba(95,141,255,.22),transparent 30%),radial-gradient(circle at 86% 12%,rgba(46,186,167,.18),transparent 27%),linear-gradient(165deg,#f4f8ff,#edf4ff 44%,#edf2ff)}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.page-shell{min-height:100vh;padding:22px;animation:fade-in .4s ease}.topbar,.brand-lockup,.topbar-actions,.panel-header,.feature-item,.stock-card,.portfolio-row,.bottom-nav{display:flex;align-items:center}.topbar{justify-content:space-between;gap:16px;margin-bottom:20px;padding:14px 18px;border-radius:18px;border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand-lockup{gap:12px}.brand-mark{min-width:58px;height:42px;display:grid;place-items:center;border-radius:12px;color:#fff;font-weight:700;background:linear-gradient(135deg,#1fd6c3,#4a7cff);font-size:.8rem;letter-spacing:.08em;box-shadow:0 10px 24px #1fd6c357}.brand-title{margin:0;font-size:1.2rem;letter-spacing:.02em}.topbar-actions{gap:10px;flex-wrap:wrap}.profile-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border-radius:999px;border:1px solid var(--soft-border);background:var(--surface)}.profile-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.profile-fallback{display:grid;place-items:center;font-size:.82rem;font-weight:700;background:var(--accent-soft);color:var(--accent)}.eyebrow,.badge,.muted,.field-label,.auth-footer-note{font-family:var(--font-mono)}.eyebrow{display:none}.muted,.hero-copy{color:var(--muted-text)}.positive{color:var(--positive)}.negative{color:var(--negative)}.badge,.nav-link,.theme-toggle,.ghost-button,.bottom-nav-link{min-height:42px;border-radius:999px}.badge{display:inline-flex;align-items:center;padding:0 12px;width:fit-content;background:var(--accent-soft);color:var(--accent)}.theme-toggle,.nav-link,.ghost-button,.bottom-nav-link{border:1px solid var(--soft-border);background:var(--surface);color:var(--page-text);transition:transform .18s ease,border-color .18s ease,background .18s ease}.theme-toggle:hover,.nav-link:hover,.ghost-button:hover,.bottom-nav-link:hover{transform:translateY(-1px);border-color:var(--accent)}.theme-toggle,.ghost-button{padding:0 14px}.theme-toggle{display:inline-flex;align-items:center;gap:10px}.toggle-dot{width:18px;height:18px;border-radius:999px;background:linear-gradient(135deg,#f5d069,#f18d4a)}.toggle-dot.light{background:linear-gradient(135deg,#fff,#c9d5e6)}.nav-links{display:flex;gap:10px}.nav-link,.bottom-nav-link{display:inline-flex;align-items:center;justify-content:center;padding:0 16px}.nav-link.active,.bottom-nav-link.active,.primary-cta{background:linear-gradient(135deg,#1fd6c3,#4f83ff);color:#021024;border-color:transparent}.auth-stage{display:grid;grid-template-columns:1fr .95fr;min-height:calc(100vh - 110px);border-radius:28px;overflow:hidden;border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:var(--shadow)}.auth-hero{padding:48px;display:grid;align-content:center;gap:14px;background:radial-gradient(circle at 85% 20%,rgba(42,214,183,.32),transparent 20%),linear-gradient(145deg,#081425f2,#0f243ed6)}:root[data-theme=light] .auth-hero{background:radial-gradient(circle at 85% 20%,rgba(42,214,183,.2),transparent 20%),linear-gradient(145deg,#ecf6fffa,#ddecfff2)}.auth-hero h1{max-width:12ch;margin-bottom:0;font-size:clamp(2.2rem,4vw,3.4rem);line-height:1.02}.hero-badge{width:fit-content;padding:10px 14px;border-radius:999px;background:#ffffff14;color:var(--accent)}.feature-list,.auth-form,.stack,.stats,.orders-table,.portfolio-page,.dashboard-main,.dashboard-side,.stock-list{display:grid;gap:14px}.feature-item{gap:14px;align-items:flex-start;padding:12px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}:root[data-theme=light] .feature-item{background:#ffffff9e;border-color:#0c1c2c1a}.feature-icon{min-width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#ffffff1f;color:var(--accent)}.auth-form-shell{display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 20% 20%,rgba(84,141,255,.3),transparent 18%),radial-gradient(circle at 80% 80%,rgba(77,229,203,.28),transparent 18%),linear-gradient(180deg,#ffffff3d,#ffffff1f)}.auth-card,.panel,.feedback{width:100%;border-radius:18px;border:1px solid var(--panel-border);background:var(--panel-strong);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.auth-card,.panel{padding:18px;animation:rise-in .38s ease}.panel:hover{transform:translateY(-2px);transition:transform .18s ease}.auth-card{max-width:640px}.auth-card-header{margin-bottom:20px;text-align:center}.auth-card-header h2{margin:14px 0 8px;font-size:clamp(2rem,3vw,2.8rem)}.field{display:grid;gap:8px}.field-label{color:var(--muted-text);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}label{display:grid}input,select,button{border-radius:14px;padding:13px 14px}input,select{border:1px solid var(--soft-border);background:var(--surface);color:var(--page-text)}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #37d6c633}button{border:none;font-weight:700}.primary-cta{min-height:50px;transition:transform .18s ease,box-shadow .18s ease}.primary-cta:hover{transform:translateY(-1px);box-shadow:0 12px 30px #1fd6c357}.compact-button{min-height:40px;padding:0 14px}.strength-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.strength-segment{height:8px;border-radius:999px;background:#94a3b83d}.strength-segment.filled{background:linear-gradient(135deg,#27c98c,#6dd1b1)}.compact-muted{margin:-4px 0 2px}.check-row{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}.check-row input{width:20px;height:20px;margin-top:2px}.auth-google-block{margin-bottom:4px;justify-items:center}.auth-divider{width:100%;display:flex;align-items:center;gap:12px;color:var(--muted-text);font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-top:1px solid var(--soft-border)}.auth-footer-note{margin-top:18px;text-align:center;color:var(--muted-text)}.app-content{padding-bottom:92px}.dashboard-page,.dashboard-layout{display:grid;gap:18px}.order-page-layout{align-items:start}.dashboard-hero{display:flex;justify-content:space-between;gap:18px}.dashboard-hero h1,.portfolio-page h1{max-width:16ch;margin-bottom:0;font-size:clamp(2rem,3vw,2.8rem);line-height:1.02}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start}.dashboard-layout{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:start}.dashboard-panel-header{align-items:flex-start}.panel-header{justify-content:space-between;gap:14px}.stock-picker{min-width:240px;gap:8px}.stock-card,.mini-stock-card,.portfolio-row,.order-row{border:1px solid var(--panel-border);background:var(--surface)}.stock-card,.mini-stock-card,.order-row,.portfolio-row{transition:transform .18s ease,border-color .18s ease,background .18s ease}.stock-card:hover,.mini-stock-card:hover,.order-row:hover,.portfolio-row:hover{transform:translateY(-2px);border-color:var(--accent);background:#37d6c61a}.stock-card{justify-content:space-between;gap:16px;width:100%;padding:16px 18px;text-align:left;border-radius:20px}.stock-card.active{border-color:#37d6c6b3;background:#37d6c629}.stock-card span,.portfolio-row span{display:block;color:var(--muted-text)}.stock-price-block{text-align:right}.frequent-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:12px}.order-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mini-stock-card{display:grid;gap:6px;padding:14px;border-radius:18px;text-align:left}.chart-panel{gap:16px}.chart-summary{display:flex;align-items:baseline;gap:12px}.chart-summary strong{font-size:2rem}.chart-shell{position:relative;min-height:360px;border-radius:22px;background:var(--surface);border:1px solid var(--panel-border);overflow:hidden}.chart-shell:after{content:"";position:absolute;inset:-120% 0 auto -40%;height:200%;width:60%;transform:rotate(22deg);background:linear-gradient(to right,transparent,rgba(255,255,255,.08),transparent);animation:sheen 5s linear infinite;pointer-events:none}.chart-frame{width:100%;height:360px}.chart-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:8px;text-align:center;background:#ffffff0a}.compact-stats{grid-template-columns:repeat(3,1fr)}.stats article{display:grid;gap:6px;padding:16px;border-radius:18px;background:var(--surface);border:1px solid var(--panel-border)}.text-link-button{padding:0;color:var(--accent);background:transparent}.compact-portfolio-page{gap:14px}.compact-panel-header{align-items:flex-start}.portfolio-balance-strip{display:flex;flex-wrap:wrap;gap:12px 20px;padding:14px 16px;border-radius:16px;border:1px solid var(--panel-border);background:var(--surface)}.portfolio-balance-strip span{white-space:nowrap}.portfolio-table{display:grid;gap:12px}.compact-portfolio-table{gap:8px}.portfolio-row{justify-content:space-between;gap:16px;padding:16px;border-radius:18px}.compact-portfolio-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:12px 14px;border-radius:14px}.compact-portfolio-row span{white-space:nowrap}.order-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;padding:16px;border-radius:18px}.inline-actions{display:flex;gap:8px;flex-wrap:wrap}.feedback{padding:14px 16px}.feedback.error{border-color:#d45b4380}.feedback.success{border-color:#138a5b80}.legal-page{max-width:900px;margin:0 auto}.legal-page h1{margin-bottom:8px}.legal-page h3{margin:12px 0 6px}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#070c15a8;z-index:100;padding:16px}.popup-card{width:min(520px,100%);border-radius:20px;border:1px solid var(--panel-border);background:var(--panel-strong);box-shadow:var(--shadow);padding:22px;display:grid;gap:12px}.bottom-nav{position:fixed;left:50%;bottom:18px;transform:translate(-50%);justify-content:center;gap:10px;padding:10px;border-radius:999px;background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20}.bottom-nav-link.active{box-shadow:0 8px 22px #1fd6c352}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sheen{0%{transform:translate(-30%) rotate(22deg)}to{transform:translate(220%) rotate(22deg)}}@media (max-width: 1120px){.auth-stage,.dashboard-layout{grid-template-columns:1fr}}@media (max-width: 760px){.page-shell{padding:14px}.topbar,.dashboard-hero,.portfolio-row{flex-direction:column;align-items:stretch}.auth-hero,.auth-form-shell,.auth-card,.panel{padding:18px}.compact-stats,.portfolio-stats,.order-form-grid,.portfolio-row,.order-row{grid-template-columns:1fr}.stock-picker{min-width:0}.bottom-nav{width:calc(100% - 28px)}.bottom-nav-link{flex:1;padding:0 10px}}