:root{--bg-primary: #FAF7F0;--bg-secondary: #F5EDD8;--bg-card: #FFFDF7;--bg-elevated: #FFFFFF;--bg-accent: #FDF6E3;--gold: #C9A84C;--gold-dark: #A07830;--gold-deep: #7A5A20;--gold-light: #E8C87A;--gold-pale: #F5E9C4;--gold-muted: rgba(201,168,76,.15);--text-primary: #2C1A0E;--text-secondary: #5C3D11;--text-muted: #9B7D4F;--text-light: #C4A46B;--text-placeholder: #B8A070;--border: #E2C87A;--border-light: #EDD98A;--border-soft: rgba(201,168,76,.25);--success: #3D7A50;--success-bg: #EBF5EE;--error: #B84444;--error-bg: #FDEAEA;--warning: #B87A00;--warning-bg: #FFF8E8;--info: #3A6A9A;--info-bg: #EBF2FA;--sidebar-bg: #FDF8EE;--sidebar-border: rgba(201,168,76,.2);--sidebar-text: #5C3D11;--sidebar-active-bg: rgba(201,168,76,.12);--sidebar-active-text: #A07830;--shadow-sm: 0 1px 4px rgba(160,100,30,.08);--shadow-md: 0 4px 16px rgba(160,100,30,.12);--shadow-lg: 0 8px 32px rgba(160,100,30,.14);--shadow-gold: 0 4px 20px rgba(201,168,76,.2);--font-display: "Cormorant Garamond", Georgia, serif;--font-body: Arial, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition: .22s cubic-bezier(.4,0,.2,1);--sidebar-w: 240px;--topbar-h: 58px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:17px;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{font-family:Arial,sans-serif;background:#faf7f0;color:#2c1a0e;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 1px 1px,rgba(160,120,48,.03) 1px,transparent 0);background-size:28px 28px;pointer-events:none;z-index:0}#root{position:relative;z-index:1}h1,h2,h3,h4,h5{font-family:Cormorant Garamond,Arial,serif;font-weight:600;line-height:1.2;color:#2c1a0e}a{color:#a07830;text-decoration:none}a:hover{color:#c9a84c}img,svg{display:block}input,button,textarea,select{font-family:Arial,sans-serif;font-size:1rem}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#f5edd8}::-webkit-scrollbar-thumb{background:#c9a84c;border-radius:3px}::selection{background:#f5e9c4;color:#2c1a0e}:focus-visible{outline:2px solid #C9A84C;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.divider-gold{height:1px;background:linear-gradient(90deg,transparent,#C9A84C,transparent);border:none;margin:24px 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes rotateCompass{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fadeIn{animation:fadeIn .5s ease forwards}.animate-fadeInUp{animation:fadeInUp .5s ease forwards}.animate-scaleIn{animation:scaleIn .3s ease forwards}.delay-1{animation-delay:.1s;opacity:0}.delay-2{animation-delay:.2s;opacity:0}.delay-3{animation-delay:.3s;opacity:0}.delay-4{animation-delay:.4s;opacity:0}.delay-5{animation-delay:.5s;opacity:0}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}@media (max-width: 768px){html{font-size:16px}body:before{background-size:20px 20px}}@media (max-width: 480px){html{font-size:15px}}.zone-chart-sticky{position:sticky;top:0;z-index:100;background:var(--bg-primary, #FAF7F0);padding-bottom:12px;padding-top:4px;border-bottom:2px solid rgba(201,168,76,.25);margin-bottom:16px;box-shadow:0 4px 12px #a0641e1a}:root{--page-px: 32px;--page-py: 28px;--card-p: 20px;--topbar-h: 52px;--sidebar-w: 220px}@media (max-width: 768px){:root{--page-px: 16px;--page-py: 16px;--card-p: 14px;--topbar-h: 52px}}@media (max-width: 480px){:root{--page-px: 12px;--page-py: 12px;--card-p: 12px}}@media (max-width: 768px){.layout-sidebar{display:none!important}.topbar-mobile{display:flex!important}}@media (min-width: 769px){.topbar-mobile{display:none!important}.layout-sidebar{display:block!important}}@media (max-width: 768px){.page-content,.page-wrap{padding-left:var(--page-px)!important;padding-right:var(--page-px)!important}}.stepper-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 640px){.stepper-wrap{padding-bottom:4px}.stepper-step-label{display:none!important}}@media (max-width: 640px){.chart-grid,.zone-area-grid{grid-template-columns:repeat(4,1fr)!important}}@media (max-width: 360px){.chart-grid,.zone-area-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width: 640px){.form-grid,.detail-grid,.grid-2,.grid-3{grid-template-columns:1fr!important}.grid-4{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 768px){.stat-cards-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.five-elements-grid{grid-template-columns:repeat(2,1fr)!important}.dash-bottom-grid{grid-template-columns:1fr!important}}@media (max-width: 400px){.stat-cards-grid{grid-template-columns:1fr!important}}@media (max-width: 640px){.panchang-inline-vals{flex-wrap:wrap;gap:6px!important}.panchang-expanded-grid{grid-template-columns:1fr!important}}.tabs-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs-scroll::-webkit-scrollbar{display:none}@media (max-width: 640px){.tab-btn{padding:8px 12px!important;font-size:12px!important;white-space:nowrap}}@media (max-width: 640px){.zone-card-header{flex-wrap:wrap;gap:6px!important}.zone-card-actions{flex-direction:column;gap:8px!important}}@media (max-width: 640px){.client-detail-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.client-detail-tab{flex-shrink:0;font-size:12px!important;padding:8px 12px!important}}@media (max-width: 640px){.activity-type-grid{grid-template-columns:repeat(2,1fr)!important}.activity-record-grid{grid-template-columns:1fr!important}}@media (max-width: 640px){.reports-grid{grid-template-columns:1fr!important}.report-action-row{flex-direction:column!important;gap:8px!important}.report-action-row button{width:100%!important;justify-content:center}}@media (max-width: 640px){.floor-plans-grid{grid-template-columns:1fr!important}}@media (max-width: 400px){.btn-mobile-full{width:100%!important;justify-content:center!important}}@media (max-width: 640px){.card-padded{padding:var(--card-p)!important}}@media (max-width: 480px){h1{font-size:1.6rem!important}h2{font-size:1.4rem!important}h3{font-size:1.2rem!important}}button,a,[role=button]{min-height:36px}@media (max-width: 768px){button,a,[role=button]{min-height:44px}}body{overflow-x:hidden}main{overflow-x:hidden}@supports (padding: env(safe-area-inset-bottom)){.topbar-mobile{padding-top:env(safe-area-inset-top)}main{padding-bottom:env(safe-area-inset-bottom)}}@media (max-width: 640px){.toast-container{top:auto!important;bottom:16px!important;right:12px!important;left:12px!important}}@media (max-width: 768px){.dash-header{padding:16px 16px 0!important}.dash-section{padding:0 16px!important}.dash-divider{margin:0 16px!important}}@media (max-width: 640px){.wallet-grid{grid-template-columns:1fr!important}}@media (max-width: 640px){.barchart-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 640px){.nv-step-label{font-size:10px!important}.nv-step-num{width:26px!important;height:26px!important;font-size:11px!important}}@media (max-width: 640px){.entrance-grid{grid-template-columns:repeat(4,1fr)!important}}@media (max-width: 360px){.entrance-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width: 640px){.profile-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.profile-logo{width:80px!important;height:80px!important}}@media (max-width: 640px){.portal-tabs{flex-wrap:nowrap;overflow-x:auto;gap:4px!important}.portal-tab{flex-shrink:0;padding:7px 12px!important;font-size:12px!important}.portal-remedy-row{flex-direction:column!important;gap:8px!important}}@media (max-width: 640px){.modal-wrap{padding:8px!important}.modal-box{max-height:95vh!important;border-radius:10px!important}}@media (max-width: 1100px){.five-elements-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width: 768px){.topbar-mobile{padding-right:80px!important}}@media (max-width: 400px){.astro-popup-grid{grid-template-columns:1fr!important}}@media (max-width: 640px){.vastu-tabs{flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;padding-bottom:4px!important;scrollbar-width:none!important}.vastu-tabs::-webkit-scrollbar{display:none!important}}@media (max-width: 768px){main{padding-top:8px!important}}@media (max-width: 480px){.client-card{margin:0 8px!important}}.tab-btn,.client-detail-tab{position:relative;overflow:hidden;transition:all .25s ease!important}.tab-btn:after,.client-detail-tab:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2.5px;background:linear-gradient(90deg,#c9a84c,#a07830);border-radius:2px;transition:width .3s ease}.tab-btn:hover:after,.client-detail-tab:hover:after{width:60%}.tab-btn.active:after,.client-detail-tab.active:after{width:100%}.tab-btn:active,.client-detail-tab:active{transform:scale(.96)}.tab-btn:hover,.client-detail-tab:hover{background:#c9a84c14!important;color:#a07830!important}