.app-bg{background:var(--c-alt);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.auth-page-bg{background-color:#fff;background-image:linear-gradient(#ffffffb8,#ffffffb8),url(/padel-pattern.webp);background-repeat:no-repeat,repeat;background-size:cover,200px}[data-theme=dark] .auth-page-bg{background-color:var(--c-alt);background-image:none}.app-frame{min-height:100vh;padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.app-content{flex:1;overflow-y:auto;padding-bottom:84px}.sidebar{display:none}.mobile-header{display:block}.mobile-bottom-nav{display:flex}@media (min-width: 1024px){.app-bg,.auth-page-bg{background-color:#fff;background-image:linear-gradient(#ffffffb8,#ffffffb8),url(/padel-pattern.webp);background-repeat:no-repeat,repeat;background-size:cover,320px}[data-theme=dark] .app-bg,[data-theme=dark] .auth-page-bg{background-color:var(--c-alt);background-image:none}.app-bg{display:flex;align-items:center;justify-content:center;padding:32px 24px}.app-frame{display:flex;flex-direction:row;max-width:1080px;width:100%;min-height:calc(100vh - 64px);max-height:calc(100vh - 64px);margin:0 auto;border-radius:28px;overflow:hidden;background:var(--c-bg);box-shadow:0 0 0 1px #ffffff1f,0 40px 100px #0a0a328c}.sidebar{display:flex;flex-direction:column;width:220px;flex-shrink:0;background:var(--c-text);border-right:1px solid var(--c-border);padding:28px 16px 24px;gap:4px}.app-content{flex:1;overflow-y:auto;padding-bottom:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.app-content::-webkit-scrollbar{width:4px}.app-content::-webkit-scrollbar-track{background:transparent}.app-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.mobile-header,.mobile-bottom-nav{display:none}}@media (min-width: 1440px){.app-frame{max-width:1200px}.sidebar{width:260px}}.bottomsheet-backdrop{align-items:flex-end!important;padding:0 10px calc(10px + env(safe-area-inset-bottom))!important}.bottomsheet-panel{border-radius:20px!important}@media (min-width: 768px){.bottomsheet-backdrop{align-items:center!important;padding:24px!important}.bottomsheet-panel{border-radius:20px!important;box-shadow:0 20px 60px #0a0a3259!important;max-height:90vh!important}.calendar-modal-panel{max-width:720px!important}.calendar-months-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:24px!important}.dashboard-greeting{padding-top:32px!important}}:root{--c-bg: #FFFFFF;--c-alt: #F9FAFB;--c-text: #0A0A0A;--c-sub: #6B7280;--c-placeholder: #9CA3AF;--c-border: #E5E7EB;--c-primary: #635BFF;--c-primary-subtle: #F2F1FF;--c-primary-text: #4338CA;--c-success: #06C167;--c-success-subtle: #ECFDF3;--c-danger: #EF4444;--c-danger-subtle: #FEF2F2;--c-danger-border: #FECACA;--c-warning: #B45309;--c-warning-subtle: #FFFBEB;--c-warning-border: #FDE68A;--c-warning-mid: #FEF3C7;--c-accent-lime: #D4F547;--shadow-card: 0 10px 30px rgba(20, 15, 60, .18);--shadow-modal: 0 -8px 32px rgba(0, 0, 0, .12);--shadow-frame: 0 40px 100px rgba(10, 10, 50, .55);--shadow-focus: 0 0 0 3px rgba(99, 91, 255, .22);--gradient-app: linear-gradient(180deg, #635BFF 0%, #4F45E8 60%, #3A32C4 100%)}[data-theme=dark]{--c-bg: #1C1C1E;--c-alt: #2C2C2E;--c-text: #F2F2F7;--c-sub: #8E8E93;--c-placeholder: #636366;--c-border: #38383A;--c-primary: #7C74FF;--c-primary-subtle: #2D2B5E;--c-primary-text: #A5A0FF;--c-success: #30D158;--c-success-subtle: #0C2E1A;--c-danger: #FF453A;--c-danger-subtle: #3B1515;--c-danger-border: #7B2020;--c-warning: #FFD60A;--c-warning-subtle: #3B2E00;--c-warning-border: #7A5C00;--c-warning-mid: #3B2E00;--c-accent-lime: #D4F547;--shadow-card: 0 10px 30px rgba(0, 0, 0, .45);--shadow-modal: 0 -8px 32px rgba(0, 0, 0, .45);--shadow-frame: 0 40px 100px rgba(0, 0, 0, .7);--shadow-focus: 0 0 0 3px rgba(124, 116, 255, .3);--gradient-app: linear-gradient(180deg, #4B44CC 0%, #3730A3 60%, #231D80 100%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;background:var(--c-bg)}button,input,textarea{font-family:inherit}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{background:var(--c-border);animation:skeleton-pulse 1.4s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.skeleton{animation:none;opacity:.75}}#root{min-height:100%}