:root{color:#2b2245;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}body{margin:0}#root{min-height:100vh}h1,h2,h3,p{margin-top:0}body{background:radial-gradient(circle at 0 0,#6f5bff29,#0000 34%),linear-gradient(#f6f4ff 0%,#fff 48%,#f2f5ff 100%)}button,input,select{font:inherit}.client-app{box-sizing:border-box;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:24px;min-height:100vh;padding:24px;display:grid}.dashboard-layout{box-sizing:border-box;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:24px;min-height:100vh;padding:24px;display:grid;position:relative;overflow-x:clip}.dashboard-layout--collapsed{grid-template-columns:92px minmax(0,1fr)}.hero-panel,.auth-card,.dashboard-card,.dashboard-sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border:1px solid #7d69ff2e;border-radius:28px;box-shadow:0 24px 60px #3427681f}.hero-panel{text-align:left;padding:36px}.workspace-panel,.dashboard-main{align-content:start;min-width:0;display:grid}.auth-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card,.dashboard-card,.dashboard-sidebar{text-align:left;min-width:0;padding:28px}.eyebrow{color:#7a65ff;text-transform:uppercase;letter-spacing:.16em;margin:0 0 12px;font-size:13px}.hero-text,.muted-text,.switch-text,.dashboard-card small,.section-text,.report-card p,.dashboard-note,.sidebar-link,.sidebar-logout{color:#706987}.form-grid{gap:16px;margin-top:24px;display:grid}.form-grid label{color:#31284e;gap:8px;font-weight:600;display:grid}.form-grid input{color:#1f1833;caret-color:#6f5bff;background:#fff;border:1px solid #d7d0ff;border-radius:16px;padding:14px 16px}.form-grid select{color:#1f1833;background:#fff;border:1px solid #d7d0ff;border-radius:16px;padding:14px 16px}.form-grid input::placeholder{color:#8b84a4}.form-grid input:focus,.form-grid select:focus{outline-offset:0;border-color:#8a79ff;outline:2px solid #6f5bff33}.birth-select-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.birth-select-grid--time{grid-template-columns:repeat(2,minmax(0,1fr))}.autocomplete-field{position:relative}.autocomplete-dropdown{z-index:20;background:#fff;border:1px solid #d7d0ff;border-radius:16px;gap:6px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 18px 40px #1f18331f}.autocomplete-option{text-align:left;color:#1f1833;background:#f7f5ff;border:1px solid #0000;border-radius:12px;gap:4px;width:100%;padding:12px 14px;display:grid}.autocomplete-option:hover{box-shadow:none;border-color:#c8bfff;transform:none}.autocomplete-option span{color:#706987;text-transform:capitalize;font-size:.85rem}.autocomplete-option--meta{color:#706987;background:0 0;padding:6px 4px}.checkbox-field{grid-template-columns:20px 1fr;align-items:start}.checkbox-field input{margin-top:4px}.checkbox-field span{color:#4c4368}button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6f5bff,#aa57ff);border:0;border-radius:16px;padding:14px 18px;font-weight:700;transition:transform .18s,box-shadow .18s,opacity .18s}button:hover{transform:translateY(-1px);box-shadow:0 12px 24px #6f5bff38}button:disabled{opacity:.65;cursor:not-allowed}.link-button,.secondary-button,.ghost-button,.faq-link,.sidebar-link,.sidebar-logout,.sidebar-icon-button,.mobile-menu-button{color:#6f5bff;box-shadow:none;background:0 0}.secondary-button,.ghost-button{border:1px solid #d7d0ff;border-radius:14px;padding:12px 16px}.ghost-button{color:#8b84a4;border-style:dashed}.switch-text{margin-top:20px}.form-error{color:#b4234a;margin:0}.auth-card h2,.dashboard-card h2,.dashboard-card h3,.report-card h4,.dashboard-sidebar strong{color:#1f1833}.dashboard-sidebar{grid-template-rows:auto minmax(0,1fr);align-content:start;gap:12px;min-width:0;height:calc(100vh - 48px);display:grid;position:sticky;top:24px;overflow:hidden}.dashboard-sidebar--collapsed{padding-inline:14px}.sidebar-header,.sidebar-brand,.sidebar-actions{align-items:center;display:flex}.sidebar-header{justify-content:space-between;gap:8px;min-width:0}.sidebar-brand{gap:14px;min-width:0}.sidebar-brand-button{text-align:left;cursor:pointer;background:0 0;border:0;justify-content:flex-start;width:100%;padding:0}.sidebar-brand-button--collapsed{justify-content:center}.sidebar-brand>div{min-width:0}.sidebar-logo{color:#6f5bff;background:linear-gradient(135deg,#6f5bff24,#aa57ff33);border-radius:14px;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:24px;display:grid}.sidebar-actions{flex-shrink:0;gap:8px}.sidebar-icon-button{border:1px solid #d7d0ff;border-radius:12px;width:38px;height:38px;padding:0}.sidebar-close-button,.mobile-menu-button,.sidebar-backdrop{display:none}.sidebar-scroll{scrollbar-width:thin;scrollbar-color:#6f5bff40 transparent;align-content:start;gap:12px;min-height:0;padding-right:4px;display:grid;overflow-y:auto}.sidebar-scroll::-webkit-scrollbar{width:6px}.sidebar-scroll::-webkit-scrollbar-track{background:0 0}.sidebar-scroll::-webkit-scrollbar-thumb{background:#6f5bff33;border-radius:999px}.sidebar-scroll:hover::-webkit-scrollbar-thumb{background:#6f5bff59}.sidebar-nav{gap:6px;min-width:0;display:grid}.sidebar-link,.sidebar-logout{text-align:left;border-radius:14px;justify-content:flex-start;align-items:center;gap:12px;width:100%;min-width:0;padding:10px 12px;font-weight:600;display:flex}.sidebar-link--active{color:#433490;background:linear-gradient(135deg,#6f5bff24,#aa57ff1f)}.sidebar-link--compact,.dashboard-sidebar--collapsed .sidebar-link,.dashboard-sidebar--collapsed .sidebar-logout{justify-content:center;padding-inline:0}.sidebar-link__icon{flex-shrink:0;place-items:center;width:22px;height:22px;font-size:18px;line-height:1;display:inline-grid}.dashboard-sidebar--collapsed .sidebar-link__icon,.dashboard-sidebar--collapsed .sidebar-logout .sidebar-link__icon{width:28px;height:28px;font-size:22px}.sidebar-link__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-logout{border:1px solid #e4dfff;margin-top:4px}.dashboard-home,.placeholder-page,.support-page{gap:14px;display:grid}.dashboard-home--viewport{align-content:start;min-height:calc(100vh - 48px)}.dashboard-home-top{grid-template-columns:minmax(0,1.35fr) minmax(280px,.9fr);gap:12px;display:grid}.dashboard-home-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.dashboard-home-grid--compact .dashboard-section--reports{grid-column:span 2}.dashboard-section{background:linear-gradient(#fff 0%,#faf8ff 100%);border:1px solid #e4dfff;border-radius:22px;gap:12px;min-width:0;padding:16px;display:grid}.dashboard-home button,.dashboard-section button,.report-card button{border-radius:12px;padding:10px 14px}.dashboard-section--hero{background:linear-gradient(135deg,#6f5bff1f,#fffffffa);align-content:space-between;min-height:152px}.dashboard-section--summary{align-content:start}.compact-hero h2,.placeholder-page__hero h2{margin:0 0 8px}.summary-pills{gap:8px;display:grid}.summary-pill{background:#f7f4ff;border-radius:16px;gap:4px;padding:10px 12px;display:grid}.summary-pill span{color:#706987;font-size:13px}.summary-pill strong{color:#1f1833}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.status-pill{border-radius:999px;flex-shrink:0;padding:6px 10px;font-size:13px;font-weight:700}.status-pill--none{color:#6e63a1;background:#f1eefc}.status-pill--processing{color:#ab6b00;background:#fff3dd}.status-pill--ready{color:#157347;background:#e5f8ef}.empty-state{align-content:center;min-height:56px;display:grid}.details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.details-grid div{background:#f7f4ff;border-radius:16px;min-width:0;padding:10px 12px}.details-grid dt{color:#706987;margin-bottom:4px;font-size:14px}.details-grid dd{color:#1f1833;margin:0;font-weight:700}.details-grid__full{grid-column:1/-1}.teaser-blocks{gap:10px;margin-bottom:12px;display:grid}.teaser-block{background:#fbfaff;border:1px solid #ece7ff;border-radius:14px;padding:12px}.teaser-block h4{margin:0 0 6px}.teaser-block__list{color:#4f4665;margin:8px 0 0;padding-left:18px}.reports-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.reports-grid--history{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.report-card{border:1px solid #ece7ff;border-radius:18px;align-content:space-between;gap:10px;min-height:96px;padding:14px;display:grid}.report-card--free{background:#f8f5ff}.report-card--available{background:#f1fbf6}.report-card--locked{background:#fffaf1}.report-card--soon{background:#fbfbfd}.report-card h4,.report-card p{margin-bottom:0}.report-history-card{background:#fbfaff;border:1px solid #ece7ff;border-radius:18px;gap:14px;padding:16px;display:grid;position:relative}.report-history-card__delete{color:#8b84a4;border:1px solid #d7d0ff;border-radius:999px;width:28px;height:28px;padding:0;position:absolute;top:10px;right:10px}.report-history-card__delete:hover{color:#b4234a;border-color:#f2bfd1}.modal-backdrop{z-index:80;background:#1f183373;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.confirm-modal{background:#fff;border:1px solid #ece7ff;border-radius:22px;width:min(420px,100%);padding:20px;box-shadow:0 24px 60px #1f183340}.confirm-modal h3{margin-top:0}.confirm-modal__actions{justify-content:flex-end;gap:10px;display:flex}.report-history-card h3{margin:0}.report-history-card__meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.placeholder-grid,.support-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.faq-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.faq-list li{border-bottom:1px solid #ece7ff;padding-bottom:14px}.faq-list li:last-child{border-bottom:0;padding-bottom:0}.faq-list--support strong{color:#1f1833;margin-bottom:8px;display:block}.faq-list--support p{margin-bottom:0}.support-contact-card{align-content:space-between}.dashboard-note{margin:0}@media (width<=1280px){.dashboard-home-top,.dashboard-home-grid,.placeholder-grid,.support-grid{grid-template-columns:1fr}.dashboard-home-grid--compact .dashboard-section--reports{grid-column:auto}}@media (width<=960px){.client-app,.dashboard-layout{grid-template-columns:1fr}.dashboard-layout,.client-app{padding-top:72px}.mobile-menu-button{z-index:30;background:#fffffff0;border:1px solid #d7d0ff;border-radius:14px;align-items:center;gap:10px;padding:12px 16px;display:inline-flex;position:fixed;top:16px;left:16px}.dashboard-sidebar{z-index:40;border-radius:0 28px 28px 0;width:min(320px,100vw - 24px);height:auto;transition:transform .22s;position:fixed;top:0;bottom:0;left:0;transform:translate(-110%)}.dashboard-sidebar--mobile-open{transform:translate(0)}.sidebar-close-button,.sidebar-backdrop{display:block}.sidebar-collapse-button{display:none}.sidebar-backdrop{z-index:35;background:#1f18335c;border:0;border-radius:0;padding:0;position:fixed;inset:0}}@media (width<=640px){.client-app,.dashboard-layout{gap:16px;padding:72px 16px 16px}.hero-panel,.auth-card,.dashboard-card,.dashboard-sidebar{border-radius:22px;padding:22px}.dashboard-sidebar{border-radius:0 22px 22px 0;width:min(300px,100vw - 16px)}.dashboard-section{border-radius:18px;padding:16px}.reports-grid,.details-grid{grid-template-columns:1fr}.details-grid__full{grid-column:auto}.section-heading{flex-direction:column;align-items:flex-start}.dashboard-section--hero{min-height:auto}}@media (width>=961px){.dashboard-main{min-height:calc(100vh - 48px);overflow:hidden}.dashboard-home--viewport{grid-template-rows:auto auto auto}.dashboard-home-grid--compact{align-items:stretch}.dashboard-section--activity{align-content:space-between}}.natal-chart-page .support-grid{align-items:flex-start}.natal-chart-grid{align-items:start}.pipeline-progress{gap:8px;margin:12px 0 18px;display:grid}.pipeline-progress__bar{background:#ebe7ff;border-radius:999px;width:100%;height:10px;overflow:hidden}.pipeline-progress__value{border-radius:inherit;background:linear-gradient(135deg,#6f5bff,#aa57ff);height:100%;transition:width .35s}.pipeline-progress__steps{color:#6f6787;gap:4px;margin:0;padding-left:18px;font-size:.92rem;display:grid}.pipeline-progress__step--done{color:#3d2fb8}.pipeline-progress__step--active{color:#1f1833;font-weight:600}.natal-wheel{gap:14px;display:grid}.natal-wheel h4{color:#1f1833;margin:0}.natal-wheel--placeholder{background:#f8f7ff;border:1px dashed #d7d0ff;border-radius:18px;padding:18px}.natal-wheel--placeholder p{color:#706987;margin:0}.natal-wheel__svg{width:100%;max-width:420px;margin-inline:auto}.natal-wheel__outer{fill:#f8f5ff;stroke:#cfc7fb;stroke-width:1.5px}.natal-wheel__inner,.natal-wheel__ring{fill:none;stroke:#d9d4fb}.natal-wheel__sector{stroke:#d7d0ff;stroke-width:1px}.natal-wheel__house{stroke:#8e7dff;stroke-width:1px;opacity:.7}.natal-wheel__aspect{stroke:currentColor;stroke-width:1.6px;opacity:.76}.natal-wheel__point{fill:#fff;stroke:#705bff;stroke-width:1.2px}.natal-wheel__sign{fill:#4f4278;font-size:16px;font-weight:700}.natal-wheel__point-label{fill:#3e3364;font-size:9px;font-weight:700}.natal-wheel__legend{flex-wrap:wrap;gap:8px;display:flex}.natal-wheel__legend span{color:#5f547f;background:#fff;border:1px solid #ddd7ff;border-radius:999px;padding:6px 10px;font-size:13px}
