:root{--mobile-header-h:60px;--bottom-nav-h:64px;--trial-banner-h:36px}html{-webkit-text-size-adjust:100%}button,[role=button]{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:active,[role=button]:active{transform:scale(.98)}@media (hover:none){button:hover,[role=button]:hover{background:inherit}}@media (width<=768px){input,select,textarea{font-size:16px!important}}.app-container{height:100dvh;display:flex;position:relative;overflow:hidden}.main-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;padding:32px 40px 64px;overflow-y:auto}.full-dvh{height:100dvh}.page-title{color:#1f231c;letter-spacing:-.03em;margin:0;font-family:Playfair Display,serif;font-size:clamp(26px,4.2vw,36px);font-weight:600;line-height:1.1}.page-subtitle{color:#646a5e;margin-top:4px;font-family:DM Sans,sans-serif;font-size:clamp(13px,1.7vw,15px);line-height:1.45}.section-title{color:#1f231c;margin:0;font-family:Playfair Display,serif;font-size:clamp(18px,2.6vw,22px);font-weight:600}.mobile-header{padding:14px 18px;padding-top:calc(14px + env(safe-area-inset-top,0px));-webkit-backdrop-filter:blur(16px);z-index:60;background:#fafaf8eb;border-bottom:1px solid #e8e5df;justify-content:space-between;align-items:center;display:none}.mobile-menu-btn{cursor:pointer;color:#737373;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px;display:flex}.sidebar-overlay{z-index:45;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;background:#0006;transition:opacity .3s;display:none;position:fixed;inset:0}.sidebar-overlay.active{opacity:1}.grid-2-cols{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.grid-3-cols{grid-template-columns:repeat(3,1fr);align-items:start;gap:20px;display:grid}.grid-4-cols{grid-template-columns:repeat(4,1fr);align-items:start;gap:16px;display:grid}.grid-5-cols{grid-template-columns:repeat(5,1fr);align-items:start;gap:16px;display:grid}.grid-layout-sidebar{grid-template-columns:1fr 360px;align-items:start;gap:24px;display:grid}.grid-layout-sidebar-reverse{grid-template-columns:360px 1fr;align-items:start;gap:24px;display:grid}.grid-1-2-cols{grid-template-columns:1fr 2fr;align-items:start;gap:24px;display:grid}.grid-2-1-cols{grid-template-columns:2fr 1fr;align-items:start;gap:24px;display:grid}.grid-3-1-cols{grid-template-columns:3fr 1fr;align-items:start;gap:24px;display:grid}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-items:start;gap:20px;display:grid}.grid-auto-fill-sm{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-items:start;gap:16px;display:grid}.responsive-grid{align-items:start;gap:16px;display:grid}.flex-row-mobile-col{flex-flow:wrap;align-items:center;gap:16px;display:flex}.flex-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}:is(.app-container:has(.modal-backdrop) .bottom-nav,.app-container:has(.modal-backdrop) .mobile-header){display:none!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes glowPulse{0%,to{box-shadow:0 0 #5c6f5100}50%{box-shadow:0 0 24px 4px #5c6f5114}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes drawIn{0%{stroke-dashoffset:var(--circumference,283)}to{stroke-dashoffset:var(--offset,0)}}.stagger-1{animation-delay:40ms}.stagger-2{animation-delay:80ms}.stagger-3{animation-delay:.12s}.stagger-4{animation-delay:.16s}.stagger-5{animation-delay:.2s}.stagger-6{animation-delay:.24s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.card-responsive{background:#fff;border:1px solid #e4e6df;border-radius:20px;padding:28px;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s cubic-bezier(.2,.8,.2,1);animation:.45s cubic-bezier(.2,.8,.2,1) both fadeInUp;box-shadow:0 1px 4px #00000008}@media (hover:hover){.card-responsive:hover{transform:translateY(-3px);box-shadow:0 12px 40px #00000012}.stat-card:hover{transform:translateY(-3px);box-shadow:0 10px 32px #0000000f}}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:200;background:#00000059;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-responsive{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:560px;max-height:90dvh;display:flex;overflow:hidden;box-shadow:0 32px 64px #0000002e}.modal-responsive>div:first-child,.modal-responsive>div:last-child{flex-shrink:0}.modal-responsive>div:not(:first-child):not(:last-child){-webkit-overflow-scrolling:touch;flex-grow:1;min-height:0;overflow-y:auto}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.hide-mobile{display:initial}.show-mobile{display:none}@media (width<=768px){.hide-mobile{display:none!important}.show-mobile{display:initial!important}}@media (width<=1024px){.grid-4-cols,.grid-5-cols{grid-template-columns:repeat(2,1fr)}.grid-layout-sidebar,.grid-layout-sidebar-reverse,.grid-1-2-cols,.grid-2-1-cols,.grid-3-1-cols{grid-template-columns:1fr}.main-content{padding:28px 28px 56px}}@media (width<=768px){.app-container{flex-direction:column!important;height:100dvh!important;overflow:hidden!important}.main-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;overflow-y:auto;padding:calc(var(--mobile-header-h) + 16px) 16px calc(var(--bottom-nav-h) + env(safe-area-inset-bottom,0px) + 16px)!important}.mobile-header{width:100%;min-height:var(--mobile-header-h);z-index:60;box-sizing:border-box;top:0;left:0;right:0;display:flex!important;position:fixed!important}.trial-banner{min-height:var(--trial-banner-h);z-index:70;white-space:nowrap;top:0;left:0;right:0;overflow:hidden;padding:7px 12px!important;position:fixed!important}.has-trial-banner .mobile-header{top:var(--trial-banner-h)}.has-trial-banner .main-content{padding-top:calc(var(--trial-banner-h) + var(--mobile-header-h) + 16px)!important}.sidebar-container{transition:transform .3s;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #0000001a;width:280px!important;height:100dvh!important;position:fixed!important}.sidebar-container.mobile-open{transform:translate(0);z-index:90!important}.sidebar-overlay.active{z-index:80;display:block}.desktop-collapse-btn{display:none!important}.grid-2-cols,.grid-3-cols,.grid-4-cols,.grid-5-cols,.grid-layout-sidebar,.grid-layout-sidebar-reverse,.grid-1-2-cols,.grid-2-1-cols,.grid-3-1-cols,.grid-auto-fill,.grid-auto-fill-sm,.responsive-grid{grid-template-columns:1fr!important;gap:12px!important}.flex-row-mobile-col{flex-direction:column!important;align-items:stretch!important}.modal-responsive{max-width:100%;max-height:88dvh;padding-bottom:env(safe-area-inset-bottom,0px);border-radius:20px 20px 0 0;animation:.28s cubic-bezier(.2,.8,.2,1) modalSlideUp}.modal-backdrop{z-index:200;align-items:flex-end;padding:0}.card-responsive{border-radius:14px;padding:16px}}@media (width<=380px){.main-content{padding-left:12px!important;padding-right:12px!important}}.bottom-nav{display:none}@media (width<=768px){.bottom-nav{z-index:55;-webkit-backdrop-filter:blur(20px);padding:6px 8px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));min-height:var(--bottom-nav-h);background:#ffffffeb;border-top:1px solid #e8e5df;justify-content:space-around;align-items:center;gap:0;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #0000000a}}@keyframes loginGradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes loginFloatUp{0%{opacity:0;transform:translateY(100vh)rotate(0)scale(0)}10%{opacity:.6;transform:translateY(80vh)rotate(15deg)scale(.8)}90%{opacity:.3}to{opacity:0;transform:translateY(-10vh)rotate(360deg)scale(.2)}}@keyframes loginShake{0%,to{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(6px)}45%{transform:translate(-4px)}60%{transform:translate(3px)}75%{transform:translate(-1px)}}@keyframes loginCheckPop{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes loginFadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes loginPulseGlow{0%,to{box-shadow:0 0 #6e816300}50%{box-shadow:0 0 32px 8px #6e81631f}}@keyframes loginSuccessBounce{0%{transform:scale(0)}60%{transform:scale(1.15)}80%{transform:scale(.95)}to{transform:scale(1)}}@keyframes loginStrengthPulse{0%,to{opacity:.85}50%{opacity:1}}.login-shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both loginShake}.login-particle{pointer-events:none;will-change:transform, opacity;animation:linear infinite loginFloatUp;position:absolute}.login-fade-in{animation:.55s cubic-bezier(.2,.8,.2,1) both loginFadeSlideIn}.login-fade-in-1{animation-delay:50ms}.login-fade-in-2{animation-delay:.1s}.login-fade-in-3{animation-delay:.15s}.login-fade-in-4{animation-delay:.2s}.login-fade-in-5{animation-delay:.25s}.login-fade-in-6{animation-delay:.3s}.login-fade-in-7{animation-delay:.35s}.login-fade-in-8{animation-delay:.4s}@keyframes loginSpin{to{transform:rotate(360deg)}}.login-spin{animation:1s linear infinite loginSpin}
