:root{--color-primary: #5c7cfa;--color-secondary: #f06595;--color-bg: #f8f9fa;--color-card: #ffffff;--color-text: #212529;--color-text-muted: #868e96;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--font-main: "Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}.app-container{max-width:1200px;margin:0 auto;padding:1rem;min-height:100vh;overflow-x:hidden;width:100%}h1,h2,h3{font-weight:700}button{font-family:inherit;cursor:pointer;border:none;background:none;transition:all .2s ease}.card{background:var(--color-card);border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-sm)}.tab-nav{display:flex;gap:1rem;background:#e9ecef;padding:.5rem;border-radius:var(--radius-lg);margin-bottom:1rem}.tab-btn{flex:1;padding:.8rem;border-radius:var(--radius-lg);font-weight:600;color:var(--color-text-muted)}.tab-btn.active{background:#fff;color:var(--color-primary);box-shadow:var(--shadow-sm)}.setup-wizard{text-align:center;max-width:600px;margin:4rem auto}.setup-options{display:grid;gap:1rem;margin-top:2rem}.setup-btn{display:flex!important;align-items:center;gap:1.5rem;padding:1.5rem;text-align:left;border:1px solid #e9ecef}.setup-btn:hover{border-color:var(--color-primary);background:#f8f9fa;transform:translateY(-2px)}.hint{font-size:.85rem;color:var(--color-text-muted);margin-top:.2rem}.calendar-grid-container{width:100%}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-weight:600;font-size:.8rem;color:var(--color-text-muted);margin-bottom:.5rem}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.calendar-day{min-height:clamp(50px,7vh,85px);background:#f8f9fa;border:1px solid #e9ecef;border-radius:var(--radius-sm);padding:.4rem;display:flex;flex-direction:column;transition:all .2s ease;cursor:pointer;user-select:none;position:relative;overflow:hidden}.calendar-day:hover{background:#e9ecef}.calendar-day.other-month{opacity:.3}.calendar-day.today{border:2px solid var(--color-primary)}.day-header{margin-bottom:.5rem}.day-number{font-size:.9rem;font-weight:600}.care-indicator{display:none}.calendar-legend{display:flex;gap:1.5rem;padding:.8rem 1rem;background:#fff;border-radius:var(--radius-md);margin-bottom:1rem;box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;border:1px solid #eee}.legend-item{display:flex;align-items:center;gap:.6rem;font-size:.85rem;font-weight:600;color:var(--color-text)}.legend-color{width:20px;height:12px;border-radius:3px;box-shadow:inset 0 0 0 1px #0000000d}.calendar-day.selected{box-shadow:inset 0 0 0 2px var(--color-primary);background:#e7f5ff;z-index:1}.appt-dot{width:8px;height:8px;border-radius:50%;background:#ff922b;box-shadow:0 1px 2px #0000001a}.btn-primary-sm{background:var(--color-primary);color:#fff;padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.animate-in{animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.input-field{width:100%;padding:.8rem;border:1px solid #e9ecef;border-radius:var(--radius-sm);font-family:inherit;font-size:.9rem}.input-field:focus{outline:none;border-color:var(--color-primary)}.btn-primary{background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);font-weight:600}.btn-primary:hover{filter:brightness(.95)}.balance-card{border-left:6px solid var(--color-primary)}.modal-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;z-index:1000;padding:4rem 1rem}.modal-content{width:100%;max-width:450px;margin:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1rem}@media(min-width:769px){.expense-history-scroll{max-height:calc(100vh - 340px);overflow-y:auto;padding-right:.5rem}.expense-history-scroll::-webkit-scrollbar{width:6px}.expense-history-scroll::-webkit-scrollbar-thumb{background:#ced4da;border-radius:4px}}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.grid-2>*{min-width:0}.schedule-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:1.5rem;align-items:start}.schedule-layout .sidebar{position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow-y:auto}.schedule-layout .sidebar::-webkit-scrollbar{width:6px}.schedule-layout .sidebar::-webkit-scrollbar-thumb{background:#ced4da;border-radius:4px}.mobile-overlay,.mobile-only{display:none}.hide-mobile{display:inline}table{width:100%;border-collapse:collapse}th,td{padding:.75rem;text-align:left;border-bottom:1px solid #dee2e6}@media(max-width:768px){.app-container{padding:.75rem}.main-header{flex-direction:column;align-items:flex-start!important;gap:1rem}.main-header h1{font-size:1.5rem!important}.main-header p{font-size:.8rem!important}.user-badge span{font-size:.8rem}.notification-dropdown{position:fixed!important;top:6rem!important;right:1rem!important;left:1rem!important;width:auto!important;max-width:none!important;z-index:1050!important}.tab-nav{gap:.5rem;padding:.4rem;margin-bottom:1.5rem;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;justify-content:flex-start}.tab-nav::-webkit-scrollbar{display:none}.tab-btn{padding:.8rem 1rem;font-size:.85rem;display:flex;flex-direction:row;align-items:center;gap:6px;flex:0 0 auto;scroll-snap-align:start}.tab-btn svg{margin-right:0!important;width:18px;height:18px}.calendar-day{min-height:60px;padding:.25rem}.day-number{font-size:.75rem}.calendar-weekdays{font-size:.65rem}.legend-item{font-size:.75rem;gap:.4rem}.modal-content{padding:1rem;max-width:95vw}.grid-2{grid-template-columns:1fr}th,td{padding:.4rem}.schedule-layout{grid-template-columns:1fr}.schedule-layout .sidebar{position:fixed;inset:auto 0 0;background:#fff;padding:1.5rem;border-radius:20px 20px 0 0;box-shadow:0 -4px 20px #00000026;z-index:1001;transform:translateY(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);max-height:85vh;overflow-y:auto}.schedule-layout .sidebar.open{transform:translateY(0)}.mobile-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s}.mobile-overlay.open{opacity:1;pointer-events:auto}.mobile-only{display:block}.hide-mobile{display:none!important}}@media(max-width:480px){.tab-btn{font-size:.6rem}.calendar-days{gap:4px}.calendar-day{min-height:50px}.card{padding:1rem!important}}.mockup-split-container{display:flex;flex-wrap:wrap;gap:4rem;align-items:center}.features-side-list{flex:1 1 400px;display:flex;flex-direction:column;gap:1rem}.desktop-mockup-wrapper{display:block}.mobile-mockup-wrapper{width:240px;height:500px;background:#fff;border-radius:32px;border:8px solid #212529;box-shadow:0 30px 80px #0000004d;position:absolute;right:-30px;bottom:10px;overflow:hidden;display:flex;flex-direction:column;z-index:10}.mobile-active-description{display:none}@media(max-width:900px){.mockup-split-container{flex-direction:column;gap:2rem}.features-side-list{flex:1 1 100%;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.features-side-list>div{padding:.8rem .5rem!important;text-align:center;flex-direction:column;justify-content:center;gap:.5rem!important}.features-side-list h3{font-size:.85rem!important}.features-side-list p{display:none!important}.mobile-active-description{display:block;text-align:center;min-height:80px;margin-bottom:2rem}.desktop-mockup-wrapper{display:none!important}.mobile-mockup-wrapper{position:relative;right:auto;bottom:auto;margin:0 auto;width:100%;max-width:300px;height:600px;border-width:12px}}