:root{--bg-app:#f1f5f9;--bg-gradient:radial-gradient(circle at top left, #eff6ff, #f8fafc 40%, #e2e8f0 100%);--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--bg-modal:#fff;--bg-input:#0f172a0d;--glass-bg:#ffffffbf;--glass-bg-hover:#ffffffe6;--glass-border:#0f172a14;--glass-border-focused:#6366f166;--glass-shadow:0 8px 32px 0 #0f172a0f;--glass-blur:blur(16px);--color-dad:#4f46e5;--color-mom:#db2777;--color-kid1:#0d9488;--color-kid2:#d97706;--border-radius-lg:20px;--border-radius-md:12px;--border-radius-sm:8px;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}.dark-theme{--bg-app:#090a10;--bg-gradient:radial-gradient(circle at top left, #121424, #080911 40%, #040509 100%);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--bg-modal:#0f111a;--bg-input:#0000004d;--glass-bg:#1e293bbf;--glass-bg-hover:#1e293be6;--glass-border:#ffffff1f;--glass-border-focused:#ffffff4d;--glass-shadow:0 8px 32px 0 #0000005e;--glass-blur:blur(16px)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background:var(--bg-app);background-image:var(--bg-gradient);color:var(--text-primary);min-height:100vh;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--border-radius-lg);transition:var(--transition-smooth);padding:24px}.glass-panel:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-focused)}.btn-primary{color:#fff;border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-smooth);background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;align-items:center;gap:8px;padding:10px 20px;font-weight:600;display:inline-flex}.btn-secondary{border:1px solid var(--glass-border);color:var(--text-primary);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-smooth);background:#0f172a0d;align-items:center;gap:8px;padding:8px 16px;font-weight:500;display:inline-flex}.dark-theme .btn-secondary{color:#fff;background:#ffffff14}.form-input,.form-select,.form-textarea{background:var(--bg-input);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:var(--border-radius-md);transition:var(--transition-smooth);box-sizing:border-box;outline:none;width:100%;padding:10px 14px;font-size:.95rem}.badge-dad{background-color:var(--color-dad);color:#fff}.badge-mom{background-color:var(--color-mom);color:#fff}.badge-kid1{background-color:var(--color-kid1);color:#fff}.badge-kid2{background-color:var(--color-kid2);color:#fff}.text-dad{color:#4f46e5}.text-mom{color:#db2777}.text-kid1{color:#0d9488}.text-kid2{color:#d97706}.dark-theme .text-dad{color:#818cf8}.dark-theme .text-mom{color:#f472b6}.dark-theme .text-kid1{color:#2dd4bf}.dark-theme .text-kid2{color:#fbbf24}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0f172a26;border-radius:4px}.app-container{box-sizing:border-box;flex-direction:column;width:100%;max-width:1440px;min-height:100vh;margin:0 auto;padding:24px;display:flex}.mode-header{box-sizing:border-box;justify-content:space-between;align-self:stretch;align-items:center;width:100%;margin-bottom:24px;padding:14px 24px;display:flex}.logo-section{align-items:center;gap:12px;display:flex}.logo-section h1{background:linear-gradient(135deg,#a78bfa,#6366f1);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;margin:0;font-size:28px;font-weight:700}.mode-switches{border-radius:var(--border-radius-md);border:1px solid var(--glass-border);background:#ffffff0d;gap:8px;padding:4px;display:flex}.mode-btn{color:var(--text-secondary);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;align-items:center;gap:6px;padding:8px 16px;font-weight:500;display:flex}.mode-btn.active{color:var(--text-primary);background:#ffffff1a;box-shadow:0 4px 12px #0003}.birthday-banners-wrapper{flex-direction:column;gap:8px;width:100%;margin-bottom:12px;display:flex}.birthday-banner{color:#fff;text-align:center;letter-spacing:.3px;box-sizing:border-box;text-shadow:0 1px 2px #0003;border-radius:12px;justify-content:center;align-items:center;width:100%;padding:10px 16px;font-size:15px;font-weight:700;animation:.4s ease-out fadeIn;display:flex;box-shadow:0 4px 14px #00000026}.tablet-layout{box-sizing:border-box;flex-grow:1;grid-template-columns:350px minmax(0,1fr);gap:24px;width:100%;display:grid}.tablet-sidebar{flex-direction:column;gap:20px;min-width:0;display:flex}.tablet-main{flex-direction:column;gap:24px;min-width:0;display:flex}.tablet-grid-2col{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;width:100%;display:grid}.mobile-simulator{background:var(--bg-app);border:8px solid #ffffff26;border-radius:40px;flex-direction:column;max-width:480px;height:850px;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #000c}.mobile-screen{flex-direction:column;flex-grow:1;gap:20px;padding:20px 20px 90px;display:flex;overflow-y:auto}.mobile-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);z-index:100;background:#0f111ce6;justify-content:space-around;align-items:center;height:72px;display:flex;position:absolute;bottom:0;left:0;right:0}.mobile-nav-item{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;width:60px;font-size:11px;font-weight:500;display:flex}.mobile-nav-item.active{color:#6366f1}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;width:100%;margin-top:12px;display:grid}.calendar-weekday{text-align:center;color:var(--text-secondary);padding:8px 0;font-size:14px;font-weight:600}.calendar-day-cell{aspect-ratio:1;border-radius:var(--border-radius-md);border:1px solid var(--glass-border);cursor:pointer;transition:var(--transition-smooth);background:#ffffff03;flex-direction:column;justify-content:space-between;min-height:80px;padding:6px;display:flex}.calendar-day-cell:hover{background:#ffffff0d;border-color:#ffffff26}.calendar-day-cell.outside-month{opacity:.3}.calendar-day-cell.today{background:#6366f114;border-color:#6366f166}.calendar-day-number{color:var(--text-secondary);font-size:14px;font-weight:600}.calendar-day-cell.today .calendar-day-number{color:#818cf8}.calendar-day-indicators{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.calendar-dot{border-radius:50%;width:8px;height:8px}.meal-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;width:100%;display:grid}.meal-day-card{border-radius:var(--border-radius-md);border:1px solid var(--glass-border);background:#ffffff05;flex-direction:column;justify-content:space-between;min-height:100px;padding:12px;display:flex}.meal-day-name{color:var(--text-secondary);margin-bottom:8px;font-size:14px;font-weight:600}.grocery-list-items{flex-direction:column;gap:8px;max-height:250px;padding-right:4px;display:flex;overflow-y:auto}.grocery-item{border-radius:var(--border-radius-sm);border:1px solid var(--glass-border);transition:var(--transition-smooth);background:#ffffff05;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.grocery-item:hover{background:#ffffff0d}.grocery-item.checked{opacity:.5}.grocery-item-text{cursor:pointer;align-items:center;gap:10px;font-weight:500;text-decoration:none;display:flex}.grocery-item.checked .grocery-item-text{text-decoration:line-through}.notification-banner{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--border-radius-md);z-index:1000;background:#0f172af2;border:1px solid #6366f14d;gap:12px;max-width:380px;padding:16px;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideInRight;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 10px 30px #00000080}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-modal,#fff);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);width:100%;max-width:500px;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideInUp;box-shadow:0 20px 40px #00000026}.event-stripe{border-radius:2px;width:100%;height:4px;margin-top:4px}.event-member-dots{gap:4px;margin-top:4px;display:flex}.event-member-dot{border-radius:50%;width:6px;height:6px}.family-tab-container{flex-direction:column;justify-content:space-between;min-height:360px;display:flex}.family-form{flex-direction:column;gap:14px;width:100%;display:flex}.family-form .input-group{flex-direction:column;gap:6px;width:100%;display:flex}.family-form .input-group label{color:var(--text-secondary);font-size:13px;font-weight:600;display:block}.family-form input[type=text],.family-form input[type=email],.family-form input[type=password]{border-radius:var(--border-radius-md,10px);border:1px solid var(--glass-border,#0f172a26);background:var(--bg-input,#0f172a0a);width:100%;color:var(--text-primary);transition:var(--transition-smooth,all .2s ease);box-sizing:border-box;outline:none;padding:10px 14px;font-family:inherit;font-size:14px}.dark-theme .family-form input[type=text],.dark-theme .family-form input[type=email],.dark-theme .family-form input[type=password]{color:#fff;background:#ffffff0f;border-color:#ffffff26}.family-form input:focus{background:#fffffff2;border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.dark-theme .family-form input:focus{background:#1e293be6}.family-form .color-picker-row{align-items:center;gap:10px;margin-top:4px;display:flex}.family-form .color-chip{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px;transition:transform .15s,border-color .15s,box-shadow .15s}.family-form .color-chip:hover{transform:scale(1.12)}.family-form .color-chip.selected{border-color:#fff;box-shadow:0 0 0 2px #6366f1,0 0 10px #6366f166}.family-form .submit-btn{border-radius:var(--border-radius-md,10px);color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;width:100%;margin-top:8px;padding:12px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #6366f140}.family-form .submit-btn:hover{opacity:.94;transform:translateY(-1px);box-shadow:0 6px 16px #6366f159}.family-form .submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}