*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-background);color:var(--color-text);font-family:Nunito,sans-serif}.app{flex-direction:column;height:100vh;display:flex}main{flex:1;display:flex}aside{border-right:1px solid #e5e7eb;width:250px}.app{background:var(--color-background);flex-direction:column;height:100vh;display:flex}.main-content{flex:1;display:flex;overflow-y:auto}.content{flex-direction:column;flex:1;min-width:0;padding:30px;display:flex}.child-profile{padding:30px}.child-stats{gap:12px;margin-top:20px;display:flex}.child-stats div{background:#f3f5ff;border-radius:12px;padding:8px 14px;font-weight:600}.child-dashboard{gap:20px;margin-top:30px;display:flex}.dashboard-card{background:#fff;border-radius:18px;padding:20px;box-shadow:0 8px 25px #00000014}.child-profile{width:100%}.child-header{margin-bottom:30px}.dashboard-bottom{grid-template-columns:1fr 1fr;gap:24px;margin-top:32px;display:grid}@media (width<=1200px){.dashboard-bottom{grid-template-columns:1fr}}.child-header{background:var(--color-card);min-height:150px;box-shadow:var(--shadow-sm);margin-bottom:var(--space-xl);border-radius:28px;justify-content:space-between;align-items:center;padding:38px 32px;display:flex}.child-header-left{flex:1;align-items:flex-start;gap:24px;display:flex}.child-photo{background:#f4f4f8;border-radius:50%;flex-shrink:0;width:112px;height:112px;overflow:hidden}.child-photo img{object-fit:cover;width:100%;height:100%}.child-photo-placeholder{background:#ececf3;width:100%;height:100%}.child-info{position:relative}.child-info h1{color:var(--color-title);margin:0;font-size:56px;font-weight:800;line-height:1}.child-day-status{align-items:center;gap:10px;margin-top:2px;display:flex}.status-dot{background:#67c23a;border-radius:50%;flex-shrink:0;width:14px;height:14px}.child-header-date{color:var(--color-title);align-self:flex-start;align-items:center;gap:14px;margin-right:12px;font-size:18px;font-weight:700;display:flex}.date-icon{font-size:24px}.child-day-status span:last-child{font-size:22px;font-weight:600;line-height:1}.child-day-status.green span:last-child{color:#4caf50}.child-day-status.orange span:last-child{color:#ff9800}.child-day-status.red span:last-child{color:#e53935}.child-day-status.green{color:#4caf50}.child-day-status.orange{color:#ff9800}.child-day-status.red{color:#e53935}.child-day-status.green .status-dot{background-color:#4caf50}.child-day-status.orange .status-dot{background-color:#ff9800}.child-day-status.red .status-dot{background-color:#e53935}.stats-panel{background:var(--color-card);border-radius:var(--radius-lg);width:100%;margin-top:30px;display:flex;overflow:hidden;box-shadow:0 8px 25px #00000014}.stat-card{flex:1;justify-content:center;align-items:center;gap:24px;min-width:0;padding:28px;display:flex}.stat-card:not(:last-child){border-right:1px solid var(--color-border)}.stat-icon{flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:48px;display:flex}.stat-title{color:var(--color-text-light);font-size:14px;font-weight:700}.stat-value{color:var(--color-title);margin-top:2px;font-size:42px;font-weight:700}.stat-content{flex-direction:column;align-items:center;gap:2px;display:flex}.stat-card-galaxy{gap:16px}.stat-card-galaxy .stat-content{margin-left:-6px}.stat-card-star{gap:16px}.stat-card-star .stat-content{margin-left:-6px}.stat-card-lightning{gap:16px}.stat-card-lightning .stat-content{margin-left:-6px}.action-panel{gap:24px;width:100%;min-width:0;margin-top:30px;display:flex}.action-card{background:var(--color-card);border-radius:var(--radius-lg);text-align:center;min-width:0;min-height:260px;box-shadow:var(--shadow-md);flex-direction:column;flex:1 1 0;align-items:center;padding:30px;transition:all .2s;display:flex}.action-card:hover{transform:translateY(-4px)}.action-icon{justify-content:center;align-items:center;width:110px;height:110px;margin-bottom:28px;font-size:96px;line-height:1;display:flex}.action-card h2{white-space:nowrap;color:#1b2454;margin:18px 0 0;font-size:22px;font-weight:700}.action-card p{color:#666;white-space:nowrap;margin-top:14px;font-size:18px}.action-counter{color:var(--color-title);margin-top:auto;padding-top:20px;font-size:34px;font-weight:700;line-height:1}.timeline{background:var(--color-card);border-radius:var(--radius-lg);margin-top:30px;margin-bottom:40px;padding:24px;box-shadow:0 8px 25px #00000014}.timeline-header h2{color:var(--color-title);margin:0;font-size:24px}.timeline-content{color:var(--color-text-light);max-height:220px;margin-top:20px;overflow-y:auto}.timeline-item{gap:20px;display:flex}.timeline-time{min-width:50px}.timeline-add-button{background:var(--color-background);color:var(--color-text);cursor:pointer;border:none;border-radius:10px;padding:8px 14px;font-family:inherit;font-size:14px;font-weight:600}.timeline-add-button:hover{opacity:.85}.timeline-header{justify-content:space-between;align-items:center;display:flex}.add-moment-overlay{z-index:1000;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.add-moment-modal{background:var(--color-card);width:520px;box-shadow:var(--shadow-lg);border-radius:28px;padding:32px}.add-moment-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.add-moment-header h2{margin:0}.add-moment-close{cursor:pointer;background:0 0;border:none;border-radius:50%;width:40px;height:40px;font-size:28px;line-height:1}.add-moment-content{flex-direction:column;gap:10px;display:flex}.add-moment-content label{font-size:15px;font-weight:600}.add-moment-content textarea{resize:vertical;box-sizing:border-box;border:1px solid #ddd;border-radius:14px;width:100%;min-height:140px;padding:14px;font-family:inherit;font-size:15px}.add-moment-actions{gap:12px;margin-top:24px;display:flex}.add-moment-actions button{cursor:pointer;border:none;border-radius:12px;flex:1;padding:12px 16px;font-size:14px;font-weight:600}.add-moment-cancel,.add-moment-save{background:var(--color-background)}.add-moment-type{gap:12px;display:flex}.add-moment-type button{background:var(--color-background);cursor:pointer;border:2px solid #0000;border-radius:14px;width:52px;height:52px;font-size:24px}.add-moment-type button.selected{border-color:var(--color-primary)}.day-summary-header{align-items:center;gap:16px;margin-bottom:28px;display:flex}.day-summary-title{align-items:center;gap:16px;display:flex}.day-summary-icon{background:#fff8e8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:28px;display:flex}.day-summary-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1450px;margin-top:28px;margin-left:auto;margin-right:auto;display:grid}.day-summary{background:var(--color-card);box-shadow:var(--shadow-sm);margin-top:var(--space-2xl);border-radius:28px;padding:32px}.day-option{cursor:pointer;border:1px solid;border-radius:20px;align-items:center;gap:20px;min-height:105px;padding:24px;transition:all .2s;display:flex}.day-summary-title h2{color:var(--color-text);margin:0;font-size:32px;font-weight:700}.day-summary-title p{color:var(--color-text-light);margin:4px 0 0;font-size:18px}.day-color{border-radius:50%;width:48px;height:48px}.day-color.good{background:var(--color-success)}.day-color.average{background:var(--color-warning)}.day-color.difficult{background:var(--color-danger)}.day-option-text h3{color:var(--color-title);margin:0;font-size:clamp(18px,2vw,30px);font-weight:700}.day-option-text p{color:var(--color-text-light);margin:0;font-size:clamp(14px,1.3vw,18px);line-height:1.4}.day-option-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.day-option.good .day-option-icon{background:var(--color-success)}.day-option.average .day-option-icon{background:var(--color-warning)}.day-option.difficult .day-option-icon{background:var(--color-danger)}.day-option-text{flex-direction:column;flex:1;justify-content:center;gap:6px;display:flex}.day-option.good{background:#f6fceb;border-color:#d9edc6}.day-option.average{background:#fff8ec;border-color:#f8e2b8}.day-option.difficult{background:#fff3f3;border-color:#f5d0d0}.day-option.good h3{color:#4caf50}.day-option.average h3{color:#f39c12}.day-option.difficult h3{color:#f44336}@media (width<=1400px){.day-summary-actions{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.day-summary-actions{grid-template-columns:1fr}}.day-option.selected{box-shadow:0 0 0 3px var(--color-primary);transform:scale(1.02)}.money-card{background:var(--color-card);width:100%;box-shadow:var(--shadow-sm);border-radius:28px;flex-direction:column;gap:24px;padding:36px;display:flex}.money-card-header{justify-content:space-between;align-items:center;display:flex}.money-card-title{align-items:center;gap:14px;display:flex}.money-card-title h2{color:var(--color-title);margin:0;font-size:30px;font-weight:700}.money-card-icon{font-size:30px;line-height:1}.money-card-goal{color:var(--color-title);font-size:30px;font-weight:700}.money-card-amount{align-items:flex-end;gap:12px;display:flex}.money-card-value{color:var(--color-success);font-size:64px;font-weight:700;line-height:1}.money-card-total{color:var(--color-title);margin-bottom:8px;font-size:28px;font-weight:500}.money-progress{background:#eceaf4;border-radius:999px;width:100%;height:18px;overflow:hidden}.money-progress-fill{background:var(--color-success);border-radius:inherit;width:85%;height:100%;transition:width .3s}.money-progress-wrapper{width:65%;margin-top:20px;margin-bottom:20px;margin-left:8px}.calendar-card{background:var(--color-card);width:100%;box-shadow:var(--shadow-sm);border-radius:28px;padding:36px}.calendar-card-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.calendar-card-title{align-items:center;gap:14px;display:flex}.calendar-card-title h2{color:var(--color-title);margin:0;font-size:30px;font-weight:700}.calendar-card-icon{font-size:28px}.calendar-card-nav{gap:10px;display:flex}.calendar-card-nav button{cursor:pointer;width:42px;height:42px;color:var(--color-title);background:#f7f7fc;border:none;border-radius:50%;font-size:24px;transition:all .2s}.calendar-card-nav button:hover{background:#eceaf4}.calendar-weekdays{text-align:center;grid-template-columns:repeat(7,1fr);margin-bottom:18px;display:grid}.calendar-weekdays span{color:var(--color-text-light);font-size:18px;font-weight:600}.calendar-grid{grid-template-columns:repeat(7,1fr);justify-items:center;gap:16px 10px;display:grid}.calendar-day{width:42px;height:42px;color:var(--color-title);cursor:pointer;background:#f4f5fb;border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:600;transition:all .2s;display:flex}.calendar-day.empty{cursor:default;background:0 0}.calendar-day.good{color:#fff;background:#7ed957}.calendar-day.average{color:#fff;background:#f4b942}.calendar-day.difficult{color:#fff;background:#e85d5d}header{background:var(--color-surface);border-bottom:1px solid var(--color-border);height:72px;padding:0 var(--space-lg);justify-content:space-between;align-items:center;display:flex}.header-title{color:var(--color-primary);letter-spacing:1px;font-size:30px;font-weight:800}.header-actions{gap:var(--space-md);color:#7a7a7a;display:flex}.header-title img{width:auto;height:52px;display:block}.sidebar{box-sizing:border-box;background:#fff;border-right:1px solid #eceef5;flex-direction:column;width:260px;height:100vh;padding:18px;transition:width .25s;display:flex;overflow:hidden}.sidebar.collapsed{width:72px}.sidebar-header{align-items:center;width:44px;height:44px;margin-bottom:28px;display:flex}.sidebar-toggle{cursor:pointer;background:0 0;border:none;border-radius:14px;width:44px;height:44px;font-size:22px;transition:all .2s}.sidebar-toggle:hover{background:#f3f5fa}.sidebar .child-button{box-sizing:border-box;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;margin-bottom:6px;padding:6px 0;transition:background .2s;display:flex}.child-button:hover{background:#f3f5fa}.sidebar .child-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;min-width:32px;max-width:32px;height:32px;min-height:32px;max-height:32px}.child-name{color:#1b2454;font-size:16px;font-weight:600}.sidebar.collapsed .child-button{padding:6px 0}.sidebar-children h2{white-space:nowrap;color:#6b7280;letter-spacing:.2px;margin:0 0 12px 8px;font-size:15px;font-weight:700}.sidebar-title-hidden{visibility:hidden}.sidebar .add-child-button .child-avatar{color:#9ca3af;box-sizing:border-box;background:#f9fafb;border:2px dashed #d1d5db;font-size:18px;font-weight:500}.sidebar-navigation{border-top:1px solid #eceef5;margin-top:14px;padding-top:18px}.sidebar-nav-item{box-sizing:border-box;cursor:pointer;text-align:left;color:#1b2454;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;margin-bottom:4px;padding:8px 6px;font-size:16px;font-weight:600;transition:background .2s;display:flex;position:relative}.sidebar-nav-item:hover{background:#f3f5fa}.sidebar-nav-item.active{color:#5865f2;background:#f3f5fa}.sidebar.collapsed .sidebar-nav-item.active{background:#f3f5fa}.sidebar-nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;font-size:20px;transition:margin-left .25s;display:flex}.sidebar.collapsed .sidebar-nav-item{padding:8px 0}.sidebar.collapsed .sidebar-nav-icon{width:32px;min-width:32px;margin-left:2px}.sidebar-nav-item span,.sidebar-nav-label{white-space:nowrap}.sidebar.collapsed .sidebar-nav-label{opacity:0;pointer-events:none;position:absolute}.sidebar-footer{border-top:1px solid #eceef5;margin-top:auto;padding-top:14px}.settings-overlay{z-index:1000;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-modal{background:var(--color-card);width:520px;box-shadow:var(--shadow-lg);border-radius:28px;padding:32px}.settings-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.settings-header h2{margin:0}.settings-close{cursor:pointer;background:0 0;border:none;border-radius:50%;width:40px;height:40px;font-size:28px;line-height:1}.settings-content{font-size:16px}.settings-section{background:var(--color-background);border-radius:20px;padding:24px}.settings-section h3{margin:0 0 8px}.settings-section p{margin:0 0 20px}.settings-reset-button{background:var(--color-card);cursor:pointer;width:100%;box-shadow:var(--shadow-sm);border:none;border-radius:14px;padding:14px 18px;font-size:15px;font-weight:600;transition:transform .15s,box-shadow .15s}.settings-reset-button:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.settings-reset-button:active{transform:translateY(0)}.settings-cancel-button,.settings-confirm-button{background:var(--color-background)}.settings-reset-confirm{background:var(--color-card);box-shadow:var(--shadow-sm);border-radius:16px;margin-top:20px;padding:20px}.settings-reset-confirm p{margin:0 0 18px;font-weight:600}.settings-reset-actions{gap:12px;display:flex}.settings-reset-actions button{cursor:pointer;border:none;border-radius:12px;flex:1;padding:12px 16px;font-size:14px;font-weight:600}.settings-cancel-button,.settings-confirm-button{background:var(--color-background)}.home{flex-wrap:wrap;flex:1;place-content:flex-start center;width:100%;padding:24px;display:flex}.home-header{width:100%;max-width:1400px;margin:0 auto var(--space-xl)}.home-header h1{color:var(--color-title);margin:0;font-size:42px;font-weight:800}.home-header p{margin-top:var(--space-sm);color:var(--color-text-light);font-size:18px}.children-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:30px;width:100%;max-width:1400px;margin:0 auto;display:grid}.add-child-home{cursor:pointer;background:0 0;border:2px dashed #d8dceb;border-radius:28px;justify-content:center;align-items:center;width:220px;height:220px;display:flex}.add-child-home-icon{color:#5865f2;background:#f3f5fa;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:42px;font-weight:300;display:flex}.home-brand{background:var(--color-card);width:100%;max-width:520px;box-shadow:var(--shadow-sm);text-align:center;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;margin:70px auto 20px;padding:28px 32px;display:flex}.home-brand img{width:180px;height:auto;margin-bottom:12px;display:block}.home-brand p{color:var(--color-text-light);margin:0;font-size:18px;font-weight:500;line-height:1.5}@media (width<=1000px){.home{padding:20px 16px}.home-header{margin-bottom:24px}.home-header h1{font-size:34px}.home-header p{font-size:16px}.children-grid{grid-template-columns:1fr;gap:20px;max-width:360px}.home-brand{max-width:360px;margin-top:40px;padding:24px}.home-brand img{width:150px}.home-brand p{font-size:16px}}.child-card{background:var(--color-surface);width:100%;min-height:280px;box-shadow:var(--shadow-sm);cursor:pointer;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:20px;transition:all .2s;display:flex}.child-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.child-card h3{margin:0;font-size:22px}.child-stats{justify-content:center;align-items:center;gap:18px;width:100%;display:flex}.child-stats span{align-items:center;gap:4px;font-size:18px;font-weight:600;display:flex}.child-avatar{background:#e8ecf5;border-radius:50%;width:120px;height:120px;overflow:hidden}.child-avatar img{object-fit:cover;width:100%;height:100%}@media (width<=700px){.child-card{gap:16px;min-height:240px}.child-avatar{width:100px;height:100px}.child-card h3{font-size:20px}.child-stats{gap:14px}.child-stats span{font-size:16px}}.history-page{padding:32px}.history-title{margin:0 0 28px;font-size:32px;font-weight:700}.history-day{background:var(--color-card);box-shadow:var(--shadow-sm);border-radius:24px;margin-bottom:28px;padding:24px}.history-date{text-transform:capitalize;border-bottom:1px solid #e5e7eb;margin:0 0 16px;padding-bottom:10px;font-size:22px;font-weight:700}.history-child{padding:18px 0}.history-child+.history-child{border-top:1px solid #eef0f4}.history-child-name{color:#202b5c;margin:0 0 10px;font-size:18px;font-weight:700}.history-moment{align-items:center;gap:10px;margin-bottom:8px;display:flex}.history-moment-time{color:#7b8191;flex-shrink:0;width:48px;font-size:14px}.history-moment-icon{text-align:center;flex-shrink:0;width:24px}.history-moment-text{color:#30364d;font-size:15px}.history-empty{color:#7b8191;margin:0;font-size:16px}.history-date-selector{justify-content:center;align-items:center;gap:16px;margin-bottom:20px;display:flex}.history-date-selector button{color:#30364d;cursor:pointer;background:#eef0f6;border:none;border-radius:12px;padding:10px 16px;font-size:14px;font-weight:600}.history-date-selector button.selected{color:#fff;background:#5b7ff5}.history-date-arrow{color:#30364d;cursor:pointer;background:#eef0f6;border:none;border-radius:50%;width:36px;height:36px;padding:0;font-size:22px;line-height:1}.history-date-arrow:hover:not(:disabled){background:#e2e6f0}.history-date-arrow:disabled{opacity:.35;cursor:default}.history-date-selected{color:#30364d;text-align:center;background:#eef0f6;border-radius:14px;min-width:220px;padding:9px 18px;font-size:16px;font-weight:600}.history-day-empty{color:#7b8191;margin:0;padding:12px 0;font-size:15px}:root{--color-background:#f8f9fb;--color-surface:#fff;--color-primary:#5d8bf4;--color-success:#6bcb77;--color-warning:#f6c453;--color-danger:#ff6b6b;--color-border:#e5e7eb;--color-text:#2f3640;--color-text-light:#6b7280;--color-title:#1b2454;--color-card:#fff;--color-sidebar:#fff;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--shadow-sm:0 2px 8px #0000000d;--shadow-md:0 8px 24px #00000014}