*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;font-size:14px}body.child-theme-boy{--accent-color: #4A90E2;--accent-light: #64A8F5;--accent-dark: #357ABD}body.child-theme-girl{--accent-color: #D88BA6;--accent-light: #E5A4BB;--accent-dark: #B97A94}body.child-theme-not-set{--accent-color: #667eea;--accent-light: #8b9aee;--accent-dark: #764ba2}#root{min-height:100vh}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#ffffff80}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}input,textarea{font-family:inherit}.notification{position:fixed;top:10px;left:50%;transform:translate(-50%);min-width:300px;max-width:500px;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;align-items:center;justify-content:space-between;gap:1rem;z-index:2000;animation:slideDown .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes slideDown{0%{transform:translate(-50%) translateY(-100px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.notification.success{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.notification.error{background:linear-gradient(135deg,#f44336,#da190b);color:#fff}.notification.warning{background:linear-gradient(135deg,#ff9800,#e68900);color:#fff}.notification.info{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.notification-content{display:flex;align-items:center;gap:.75rem;flex:1}.notification-icon{font-size:1.5rem;font-weight:700;width:30px;height:30px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-message{font-size:1rem;font-weight:500;line-height:1.4}.notification-close{background:#fff3;border:none;color:#fff;font-size:1.5rem;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0;padding:0;line-height:1}.notification-close:hover{background:#ffffff4d}@media (max-width: 768px){.notification{left:10px;right:10px;transform:none;min-width:unset;max-width:unset}@keyframes slideDown{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}}.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000bf;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;color:#fff;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.loading-spinner{border:8px solid rgba(255,255,255,.2);border-top:8px solid var(--accent-color, #667eea);border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite}.loading-message{margin-top:20px;font-size:1.2rem;font-weight:500;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.language-selector{display:flex;align-items:center;gap:.5rem}.language-label{font-size:1.2rem;margin:0}.language-select{padding:8px 12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;background-color:#fff;cursor:pointer;transition:border-color .2s}.language-select:hover{border-color:#4caf50}.language-select:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.language-selector.compact{gap:.25rem}.language-selector.compact .language-select{padding:4px 8px;font-size:12px}.language-selector.inline,.language-selector.inline .language-select{width:100%}.language-selector.icon-only .language-label{display:none}.form-error{background-color:#fee;color:#c33;padding:12px 16px;border-radius:8px;margin-bottom:16px;border:1px solid #fcc;font-size:14px;text-align:center}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-group input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#4caf50}.password-input-wrapper input{width:100%;padding-inline-end:48px;box-sizing:border-box}.password-toggle{position:absolute!important;inset-inline-end:8px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:20px;cursor:pointer;padding:8px;display:inline-block!important;width:36px!important;height:36px!important;line-height:1;text-align:center;border-radius:4px;transition:background-color .2s}.password-toggle:hover:not(:disabled){background-color:#0000000d}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.register-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.register-container{background:#fff;border-radius:16px;padding:40px;max-width:440px;width:100%;box-shadow:0 20px 60px #0000004d;position:relative}.register-header{text-align:center;margin-bottom:32px;margin-top:20px}.register-header h1{margin:0 0 8px;font-size:32px;color:#1a1a1a}.register-header p{margin:0;color:#666;font-size:14px}.register-form{margin-bottom:24px}.btn-register{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-register:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #667eea66}.btn-register:active:not(:disabled){transform:translateY(0)}.btn-register:disabled{opacity:.6;cursor:not-allowed}.register-footer{text-align:center;padding-top:20px;border-top:1px solid #e0e0e0}.register-footer p{margin:0;color:#666;font-size:14px}@media (max-width: 480px){.register-container{padding:32px 24px}.register-header h1{font-size:28px}}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-container{background:#fff;border-radius:16px;padding:40px;max-width:440px;width:100%;box-shadow:0 20px 60px #0000004d;position:relative}.login-header{text-align:center;margin-bottom:32px;margin-top:20px}.login-header h1{margin:0 0 8px;font-size:32px;color:#1a1a1a}.login-header p{margin:0;color:#666;font-size:14px}.login-form{margin-bottom:24px}.form-group input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .2s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#667eea}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.btn-login{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #667eea66}.btn-login:active:not(:disabled){transform:translateY(0)}.btn-login:disabled{opacity:.6;cursor:not-allowed}.login-divider{position:relative;text-align:center;margin:24px 0}.login-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e0e0e0}.login-divider span{position:relative;background:#fff;padding:0 16px;color:#999;font-size:14px}.btn-google{width:100%;padding:14px;background:#fff;color:#444;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:12px}.btn-google:hover:not(:disabled){border-color:#4285f4;box-shadow:0 2px 8px #4285f433}.btn-google:disabled{opacity:.6;cursor:not-allowed}.google-icon{width:20px;height:20px}.login-footer{margin-top:24px;text-align:center}.login-footer p{margin:0 0 12px;color:#999;font-size:13px;line-height:1.5}.link-button{background:none;border:none;color:#667eea;font-weight:600;cursor:pointer;padding:0;font-size:14px;text-decoration:underline}.link-button:hover:not(:disabled){color:#764ba2}.link-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.login-container{padding:32px 24px}.login-header h1{font-size:28px}}.setup-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.setup-container{background:#fff;border-radius:16px;padding:40px;max-width:560px;width:100%;box-shadow:0 20px 60px #0000004d;position:relative}.language-selector-wrapper{position:absolute;top:20px;inset-inline-end:20px;z-index:10}.language-select{padding:8px 12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;background-color:#fff;cursor:pointer;transition:all .2s;font-weight:500}.language-select:hover{border-color:#667eea}.language-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.setup-header{text-align:center;margin-bottom:32px;margin-top:20px}.setup-header h1{margin:0 0 8px;font-size:32px;color:#1a1a1a}.setup-header p{margin:0;color:#666;font-size:14px}.setup-progress{display:flex;align-items:center;justify-content:center;margin-bottom:40px}.progress-step{display:flex;flex-direction:column;align-items:center;gap:8px}.step-number{width:40px;height:40px;border-radius:50%;background:#e0e0e0;color:#999;display:flex;align-items:center;justify-content:center;font-weight:600;transition:all .3s}.progress-step.active .step-number{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.progress-step.completed .step-number{background:#4caf50;color:#fff}.step-label{font-size:12px;color:#999;font-weight:500}.progress-step.active .step-label{color:#667eea;font-weight:600}.progress-line{width:80px;height:2px;background:#e0e0e0;margin:0 8px 24px}.setup-form{margin-top:24px}.setup-step{min-height:300px}.setup-step h2{margin:0 0 8px;font-size:24px;color:#1a1a1a}.step-description{margin:0 0 24px;color:#666;font-size:14px}[dir=rtl] .step-description{text-align:right}.setup-step input{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:18px;transition:border-color .2s;box-sizing:border-box}.setup-step input:focus{outline:none;border-color:#667eea}.setup-step input:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333;font-size:14px}.form-group input{font-size:16px;padding:12px 16px}.password-input-wrapper{position:relative;width:100%;display:block}.password-input-wrapper input{width:100%;padding-inline-end:50px;box-sizing:border-box}.password-toggle{position:absolute!important;inset-inline-end:8px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:20px;cursor:pointer;padding:8px;display:inline-block!important;opacity:.6;transition:opacity .2s;width:36px!important;height:36px!important;line-height:1;text-align:center}.password-toggle:hover:not(:disabled){opacity:1}.password-toggle:disabled{cursor:not-allowed;opacity:.3}.setup-summary{display:flex;flex-direction:column;gap:24px}.summary-box{background:#f8f9fa;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:16px}.summary-item{display:flex;justify-content:space-between;align-items:center}.summary-label{font-weight:500;color:#666;font-size:14px}.summary-value{font-weight:600;color:#1a1a1a;font-size:16px}.setup-info{background:#e3f2fd;border:1px solid #90caf9;border-radius:8px;padding:16px}.setup-info p{margin:0;color:#1565c0;font-size:14px;line-height:1.5}.setup-actions{display:flex;gap:12px;margin-top:32px}.btn-back{flex:1;padding:14px;background:#fff;color:#667eea;border:2px solid #667eea;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-back:hover:not(:disabled){background:#f5f5ff}.btn-back:disabled{opacity:.6;cursor:not-allowed}.btn-next,.btn-finish{flex:2;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-next:hover:not(:disabled),.btn-finish:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #667eea66}.btn-next:active:not(:disabled),.btn-finish:active:not(:disabled){transform:translateY(0)}.btn-next:disabled,.btn-finish:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 600px){.setup-container{padding:32px 24px}.setup-header h1{font-size:28px}.progress-line{width:40px}.setup-step{min-height:280px}.setup-step h2{font-size:20px}}.server-config-warning{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:15px;margin-bottom:20px;color:#856404}.server-config-warning strong{display:block;margin-bottom:8px}.server-config-warning p{margin:0;font-size:14px;line-height:1.5}.attempted-urls{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:15px;margin-bottom:15px;font-size:13px}.attempted-urls strong{display:block;margin-bottom:8px}.attempted-urls ul{margin:0;padding-left:20px;list-style:disc}.attempted-urls[dir=rtl] ul{padding-left:0;padding-right:20px}.attempted-urls li{color:#666;margin-bottom:6px;line-height:1.4}.url-helper-text{color:#666;font-size:12px;margin-top:5px;display:block}.troubleshooting-section{margin-top:20px;padding:15px;background:#f8f9fa;border-radius:8px;font-size:13px;color:#666}.troubleshooting-section strong{display:block;margin-bottom:8px;color:#333}.troubleshooting-section ul{margin:0;padding-left:20px;list-style:disc}.troubleshooting-section[dir=rtl] ul{padding-left:0;padding-right:20px}.troubleshooting-section li{margin-bottom:6px;line-height:1.4}.troubleshooting-section li:last-child{margin-bottom:0}.troubleshooting-section .clear-session-link{margin-top:12px;padding-top:12px;border-top:1px solid #dee2e6;list-style:none}.link-button{background:none;border:none;color:#dc3545;font-size:13px;font-family:inherit;cursor:pointer;padding:0;text-align:start;display:inline-flex;align-items:center;gap:4px;transition:color .2s,text-decoration .2s}.link-button:hover:not(:disabled){color:#c82333;text-decoration:underline}.link-button:disabled{color:#aaa;cursor:not-allowed}.migration-wizard-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem;animation:fadeIn .3s ease}.migration-wizard{background:#fff;border-radius:16px;padding:2.5rem;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 70px #0006;position:relative;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.migration-wizard .modal-close{position:absolute;top:1.5rem;inset-inline-end:1.5rem;background:#f8f9fa;border:none;font-size:1.5rem;cursor:pointer;color:#666;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s;z-index:10;font-weight:300}.migration-wizard .modal-close:hover{background:#e9ecef;color:#333;transform:scale(1.05)}.wizard-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #f0f0f0}.wizard-header h1{font-size:1.75rem;color:#2c3e50;margin:0 0 .5rem;font-weight:600}.wizard-header .version-info{color:#666;font-size:.9rem;margin:0}.wizard-header .version-info strong{color:#667eea;font-weight:600}.up-to-date-content{text-align:center;padding:40px 20px}.success-icon{font-size:48px;margin-bottom:20px}.success-title{color:#28a745;margin-bottom:10px}.success-message{color:#666;font-size:14px}.error-message{text-align:center;padding:20px;font-size:16px}.migration-step{padding:1rem 0}.migration-step h2{color:#2c3e50;margin-bottom:.75rem;font-size:1.5rem;font-weight:600}.migration-icon{font-size:4rem;margin-bottom:1.5rem;display:inline-block}.migration-icon.success{animation:bounce .6s ease-in-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.step-description{text-align:start;margin:0 0 1.5rem;padding:1rem 1.25rem;background:#f8f9fa;border-radius:10px;border-inline-start:4px solid #667eea;color:#495057;line-height:1.6;font-size:.95rem}.step-description.warning{background:#fff3cd;border-inline-start-color:#ffc107;color:#856404}.current-version-info{text-align:start;background:#f8f9fa;padding:1.5rem;border-radius:12px;margin-bottom:2rem;border:1px solid #e9ecef}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-top:1rem}.stat-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#fff;border-radius:8px;text-align:center;border:1px solid #e9ecef;transition:all .2s}.stat-item:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.stat-label{color:#6c757d;font-size:.85rem;font-weight:500}.stat-value{font-weight:700;font-size:1.5rem;color:#667eea}.migration-paths{display:flex;flex-direction:column;gap:1.25rem;margin:1.5rem 0 2rem}.migration-path-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:1.5rem;text-align:start;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.migration-path-card:before{content:"";position:absolute;top:0;inset-inline-start:0;width:4px;height:100%;background:#667eea;transform:scaleY(0);transition:transform .3s ease}.migration-path-card:hover{border-color:#667eea;transform:translateY(-3px);box-shadow:0 8px 24px #667eea33}.migration-path-card:hover:before{transform:scaleY(1)}.migration-path-card.selected{border-color:#667eea;background:linear-gradient(135deg,#f8f9ff,#fff);box-shadow:0 4px 16px #667eea26}.migration-path-card.selected:before{transform:scaleY(1)}.path-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.migration-path-card h3{color:#2c3e50;margin:0;font-size:1.25rem;font-weight:600}.path-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.35rem .85rem;border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.5px}.path-description{color:#6c757d;margin:.75rem 0 1.25rem;line-height:1.6;font-size:.95rem}.path-details{display:flex;gap:1.5rem;margin-bottom:1rem;padding:.75rem 1rem;background:#f8f9fa;border-radius:8px}.detail-item{display:flex;align-items:center;gap:.5rem}.detail-label{color:#6c757d;font-size:.85rem;font-weight:500}.detail-value{color:#667eea;font-weight:600;font-size:.95rem}.path-steps-preview{margin-top:1rem;padding-top:1rem;border-top:1px solid #e9ecef}.path-steps-preview h4{color:#495057;font-size:.9rem;font-weight:600;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.5px}.path-steps-preview ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.path-steps-preview li{padding:.5rem .75rem;background:#f8f9fa;border-radius:6px;display:flex;align-items:center;gap:.75rem;transition:background .2s}.path-steps-preview li:hover{background:#e9ecef}.step-number{background:#667eea;color:#fff;width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.step-name{color:#495057;font-size:.9rem}.family-options{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.family-option{padding:1.5rem;background:#fff;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative}.family-option:before{content:"";position:absolute;top:0;inset-inline-start:0;width:4px;height:100%;background:#667eea;border-start-start-radius:12px;border-end-start-radius:12px;transform:scaleY(0);transition:transform .3s ease}.family-option:hover{background:#f8f9fa;border-color:#667eea;transform:translate(4px)}.family-option:hover:before{transform:scaleY(1)}.family-option.selected{border-color:#667eea;background:linear-gradient(135deg,#f8f9ff,#fff);box-shadow:0 4px 16px #667eea26}.family-option.selected:before{transform:scaleY(1)}.option-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.option-header input[type=radio]{width:20px;height:20px;cursor:pointer;accent-color:#667eea}.option-header h3{margin:0;color:#2c3e50;font-size:1.1rem;font-weight:600}.family-option p{margin:.5rem 0 0 2.25rem;color:#6c757d;font-size:.9rem;line-height:1.5}.option-info{margin:1rem 0 0 2.25rem;padding:.75rem 1rem;background:#e7f5ff;border-radius:8px;border-inline-start:3px solid #1971c2}.option-info strong{display:block;color:#1971c2;margin-bottom:.25rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.option-info p{margin:0;color:#495057;font-size:.85rem;padding:0}.family-name-input{text-align:start;margin:1rem 0 0 2.25rem;padding-top:1rem;border-top:1px solid #e9ecef}.family-name-input label{display:block;color:#495057;font-weight:600;margin-bottom:.5rem;font-size:.9rem}.family-name-input input{width:100%;padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:all .2s;font-family:inherit}.family-name-input input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.current-data-preview{margin-top:2rem;padding:1.5rem;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.current-data-preview h4{margin:0 0 1rem;color:#495057;font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.data-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem}.backup-warning{background:#fff3cd;padding:1.25rem;border-radius:10px;margin:1.5rem 0;text-align:start;border-inline-start:4px solid #ffc107}.backup-warning strong{display:block;color:#856404;margin-bottom:.5rem;font-weight:600}.backup-warning p{margin:0;color:#856404;font-size:.9rem;line-height:1.5}.backup-success{background:#d4edda;padding:1.5rem;border-radius:12px;margin:1.5rem 0;text-align:start;border-inline-start:4px solid #28a745}.backup-success h3{color:#28a745;margin:0 0 1rem;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.backup-details{background:#fff;padding:1rem;border-radius:8px}.backup-details p{margin:.5rem 0;color:#495057;font-size:.9rem}.backup-details strong{color:#2c3e50;font-weight:600}.backup-action{text-align:center;margin:2rem 0}.btn-create-backup{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2.5rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.btn-create-backup:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-create-backup:disabled{opacity:.6;cursor:not-allowed;transform:none}.existing-backups{margin-top:2rem;padding:1.5rem;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.existing-backups h4{margin:0 0 1rem;color:#495057;font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.backup-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.backup-list li{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#fff;border-radius:8px;border:1px solid #e9ecef;font-size:.85rem}.backup-name{color:#495057;font-weight:500;font-family:Courier New,monospace}.backup-date{color:#6c757d;font-size:.8rem}.progress-bar-container{position:relative;width:100%;height:48px;background:#e9ecef;border-radius:24px;overflow:hidden;margin:2rem 0;box-shadow:inset 0 2px 4px #0000001a}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .6s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:flex-end;padding-inline-end:1.5rem;box-shadow:0 2px 8px #667eea66}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700;font-size:.95rem;color:#2c3e50;z-index:1;text-shadow:0 1px 2px rgba(255,255,255,.8)}.current-step{background:#f8f9fa;padding:1.25rem;border-radius:10px;margin:1.5rem 0;text-align:start;border-inline-start:4px solid #667eea}.current-step p{margin:.5rem 0;color:#495057;font-size:.95rem}.current-step strong{color:#667eea;font-weight:600}.migration-logs{text-align:start;margin:2rem 0}.migration-logs h4{color:#2c3e50;margin:0 0 1rem;font-weight:600;font-size:1rem}.logs-container{background:#1e1e1e;border-radius:10px;padding:1.25rem;max-height:250px;overflow-y:auto;font-family:Courier New,Consolas,monospace;font-size:.85rem;box-shadow:inset 0 2px 8px #0000004d}.log-entry{display:flex;gap:1rem;padding:.4rem 0;color:#d4d4d4;line-height:1.5}.log-entry.running{color:#4ec9b0;font-weight:500}.log-entry.completed-step{color:#6a9955}.log-entry.error{color:#f48771;font-weight:500}.log-time{color:#858585;white-space:nowrap;font-size:.75rem}.log-message{flex:1}.migration-summary{background:linear-gradient(135deg,#e7f5ff,#f0f8ff);padding:1.5rem;border-radius:12px;margin:2rem 0;text-align:start;border:1px solid #d0ebff}.migration-summary h3{color:#1971c2;margin:0 0 1rem;font-weight:600;font-size:1.1rem}.migration-summary ul{list-style:none;padding:0;margin:1rem 0;display:flex;flex-direction:column;gap:.5rem}.migration-summary li{padding:.5rem .75rem;padding-inline-start:2.5rem;position:relative;color:#495057;background:#fff;border-radius:8px;font-size:.9rem}.migration-summary li:before{content:"✔";position:absolute;inset-inline-start:.75rem;color:#28a745;font-weight:700;font-size:1.1rem}.backup-reminder{background:#fff3cd;padding:1rem 1.25rem;border-radius:10px;margin:1.5rem 0;text-align:start;font-size:.9rem;color:#856404;border-inline-start:4px solid #ffc107;line-height:1.5}.success-message{color:#28a745;font-size:1.1rem;font-weight:600;margin:1.5rem 0}.error-message{background:#f8d7da;color:#721c24;padding:1.25rem;border-radius:10px;margin:1rem 0;border-inline-start:4px solid #dc3545;font-size:.95rem;line-height:1.5}.wizard-error{background:#f8d7da;color:#721c24;padding:1.25rem;border-radius:10px;margin:0 0 1.5rem;border-inline-start:4px solid #dc3545;font-size:.95rem;line-height:1.5}.wizard-error strong{font-weight:600}.warning-note{background:#fff3cd;color:#856404;padding:1rem 1.25rem;border-radius:10px;margin:1rem 0;font-size:.9rem;border-inline-start:4px solid #ffc107;line-height:1.5}.wizard-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:2px solid #f0f0f0}.wizard-button{padding:.85rem 2rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:.5rem;font-family:inherit}.wizard-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.wizard-button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.wizard-button.primary:active:not(:disabled){transform:translateY(0)}.wizard-button.primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.wizard-button.secondary{background:#f8f9fa;color:#495057;border:2px solid #e9ecef}.wizard-button.secondary:hover{background:#e9ecef;border-color:#dee2e6}.step-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.btn-primary,.btn-secondary{padding:.85rem 2rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:#f8f9fa;color:#495057;border:2px solid #e9ecef}.btn-secondary:hover{background:#e9ecef;border-color:#dee2e6}.loader{border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;width:60px;height:60px;animation:spin 1.2s linear infinite;margin:2rem auto}.logs-container::-webkit-scrollbar{width:10px}.logs-container::-webkit-scrollbar-track{background:#2d2d2d;border-radius:5px}.logs-container::-webkit-scrollbar-thumb{background:#555;border-radius:5px;transition:background .2s}.logs-container::-webkit-scrollbar-thumb:hover{background:#666}.success-step{text-align:center;padding:2rem 1rem}.success-step h3{margin:.5rem 0 1rem;font-size:1.5rem}.error-step{text-align:center;padding:2rem 1rem}@media (max-width: 768px){.migration-wizard-overlay{padding:1rem}.migration-wizard{padding:2rem 1.25rem;max-height:95vh}.wizard-header h1{font-size:1.4rem}.migration-icon{font-size:3rem}.stats-grid{grid-template-columns:1fr 1fr}.path-header{flex-direction:column;align-items:flex-start}.path-details{flex-direction:column;gap:.75rem}.wizard-actions{flex-direction:column-reverse}.wizard-button,.btn-primary,.btn-secondary{width:100%;justify-content:center}.migration-path-card:hover{transform:translateY(-2px)}.family-option:hover{transform:translate(2px)}}@media (max-width: 480px){.wizard-header{padding-bottom:1rem}.wizard-header h1{font-size:1.25rem}.stats-grid{grid-template-columns:1fr}.data-stats{grid-template-columns:1fr 1fr}.migration-wizard .modal-close{width:32px;height:32px;font-size:1.25rem}}.confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;animation:fadeIn .2s ease-out}.confirm-dialog{background:#fff;border-radius:20px;padding:2rem;max-width:450px;width:100%;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease-out;text-align:center;position:relative}.confirm-dialog .modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.confirm-dialog .modal-close:hover{background:#f0f0f0;color:#333}.confirm-icon{font-size:4rem;margin-bottom:1rem}.confirm-title{color:#333;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.confirm-message{color:#333;font-size:1.2rem;line-height:1.6;margin-bottom:2rem;font-weight:500}.confirm-actions{display:flex;gap:1rem;justify-content:center}.confirm-button{padding:.75rem 2rem;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;min-width:120px}.confirm-button.cancel{background:#e0e0e0;color:#333}.confirm-button.cancel:hover{background:#d0d0d0}.confirm-button.confirm{background:linear-gradient(135deg,#f44336,#da190b);color:#fff}.confirm-button.success{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.confirm-button.success:hover{background:linear-gradient(135deg,#059669,#047857)}.confirm-button.confirm:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f443364d}@media (max-width: 768px){.confirm-dialog{padding:1.5rem}.confirm-message{font-size:1rem}.confirm-actions{flex-direction:column-reverse}.confirm-button{width:100%}}.status-tab{animation:fadeIn .3s}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.status-header h2{margin:0;color:#f0f0f0}.refresh-btn{padding:.5rem 1rem;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .2s}.refresh-btn:hover{background:#5568d3}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.status-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem}.status-card h3{margin:0 0 1rem;color:#667eea;font-size:1.1rem}.status-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #f0f0f0}.status-item:last-child{border-bottom:none}.status-item span{color:#666}.status-item strong{color:#333}.recent-activity{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem}.recent-activity h3{margin:0 0 1rem;color:#667eea}@media (max-width: 768px){.status-grid{grid-template-columns:1fr}}.schema-tab{animation:fadeIn .3s}.schema-tab h2{margin:0 0 1.5rem;color:#f0f0f0}.schema-layout{display:grid;grid-template-columns:250px 1fr;gap:1.5rem}.tables-list{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;max-height:70vh;overflow-y:auto}.tables-list h3{margin:0 0 1rem;color:#667eea;font-size:1rem}.table-item{width:100%;padding:.75rem;background:none;border:none;border-radius:6px;text-align:left;cursor:pointer;margin-bottom:.5rem;transition:background .2s;color:#333}.table-item:hover{background:#667eea1a}.table-item.selected{background:#667eea;color:#fff}.table-details{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;max-height:70vh;overflow-y:auto}.table-details h3{margin:0 0 1.5rem;color:#667eea}.no-selection{text-align:center;padding:3rem;color:#999}.columns-section,.indexes-section,.sql-section{margin-bottom:2rem}.columns-section h4,.indexes-section h4,.sql-section h4{margin:0 0 1rem;color:#333}.columns-table{width:100%;border-collapse:collapse}.columns-table th,.columns-table td{padding:.75rem;text-align:left;border-bottom:1px solid #e0e0e0}.columns-table th{background:#f8f9fa;font-weight:600;color:#333}.columns-table td{color:#333}.columns-table code{background:#f0f0f0;padding:2px 6px;border-radius:3px;font-size:.9em}.badge{display:inline-block;padding:2px 8px;background:#e0e0e0;border-radius:3px;font-size:.75rem;margin-left:.5rem}.badge.pk{background:#667eea;color:#fff}.indexes-section ul{list-style:none;padding:0;margin:0}.indexes-section li{padding:.5rem 0;color:#333}.sql-code{background:#282c34;color:#abb2bf;padding:1rem;border-radius:6px;overflow-x:auto;font-size:.9rem}@media (max-width: 768px){.schema-layout{grid-template-columns:1fr}.tables-list{max-height:300px}}.sql-tab{animation:fadeIn .3s}.sql-tab h2{margin:0 0 1rem;color:#f0f0f0}.sql-warning{background:#fff3cd;border:1px solid #ffc107;color:#856404;padding:1rem;border-radius:6px;margin-bottom:1.5rem}.sql-input-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.sql-textarea{width:100%;padding:1rem;border:1px solid #e0e0e0;border-radius:6px;font-family:Consolas,Monaco,monospace;font-size:.95rem;resize:vertical;margin-bottom:1rem}.sql-textarea:focus{outline:none;border-color:#667eea}.execute-btn{padding:.75rem 1.5rem;background:#28a745;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;transition:background .2s}.execute-btn:hover:not(:disabled){background:#218838}.execute-btn:disabled{background:#ccc;cursor:not-allowed}.sql-result{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem}.sql-result h3{margin:0 0 1rem;color:#667eea}.sql-result p{color:#333}.sql-result strong{color:#f0f0f0}.result-table-wrapper{max-height:500px;overflow:auto;margin-top:1rem}.result-table{width:100%;border-collapse:collapse;font-size:.9rem}.result-table th,.result-table td{padding:.75rem;text-align:left;border:1px solid #e0e0e0}.result-table th{background:#f8f9fa;font-weight:600;position:sticky;top:0}.result-table td{font-family:Consolas,Monaco,monospace;font-size:.85rem;color:#333}.result-table em{color:#999}.activity-tab{animation:fadeIn .3s}.activity-tab>p{color:#ccc}.activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.activity-header h2{margin:0;color:#f0f0f0}.activity-table{width:100%;background:#fff;border:1px solid #e0e0e0;border-radius:8px;border-collapse:collapse;overflow:hidden}.activity-table th,.activity-table td{padding:1rem;text-align:left;border-bottom:1px solid #e0e0e0}.activity-table th{background:#f8f9fa;font-weight:600;color:#333}.activity-table td{color:#ddd}.activity-table code{background:#f0f0f0;padding:2px 6px;border-radius:3px;font-size:.9em}.activity-table small{color:#999}.metadata-code{background:#f8f9fa;padding:.5rem;border-radius:4px;font-size:.8rem;max-width:300px;overflow-x:auto}.backup-tab{animation:fadeIn .3s}.backup-tab h2{margin:0 0 .5rem;color:#f0f0f0}.backup-description{color:#ccc;margin-bottom:2rem}.backup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.backup-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:2rem}.backup-card h3{margin:0 0 1rem;color:#667eea;font-size:1.2rem}.backup-card p{color:#666;margin-bottom:1.5rem}.backup-warning{background:#fff3cd;border:1px solid #ffc107;color:#856404;padding:1rem;border-radius:6px;margin-bottom:1.5rem;font-size:.9rem}.backup-button{padding:.75rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s;display:inline-block}.backup-button.primary{background:#28a745;color:#fff}.backup-button.primary:hover{background:#218838;transform:translateY(-2px)}.backup-button.secondary{background:#667eea;color:#fff}.backup-button.secondary:hover{background:#5568d3;transform:translateY(-2px)}.backup-info{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem}.backup-info h4{margin:0 0 1rem;color:#667eea}.backup-info ul{margin:0;padding-left:1.5rem}.backup-info li{color:#666;margin-bottom:.5rem}[dir=rtl] .backup-info{text-align:right}[dir=rtl] .backup-info ul{padding-left:0;padding-right:1.5rem}.admin-dashboard{padding:2rem;max-width:1400px;margin:0 auto}.admin-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.admin-header div{flex:1}.admin-header h1{margin:0 0 .5rem;color:#f0f0f0}.admin-header p{margin:0;color:#ccc}.btn-migration{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-migration:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.admin-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid #e0e0e0}.admin-tab{padding:1rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:1rem;font-weight:500;color:#a9a9a9;transition:all .2s}.admin-tab:hover{color:#fff;background:#667eea26}.admin-tab.active{color:#fff;border-bottom-color:#667eea}.admin-error{background:#fee;border:1px solid #fcc;color:#c33;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.admin-loading{text-align:center;padding:3rem;color:#ccc;font-size:1.2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.admin-dashboard{padding:1rem}.admin-tabs{flex-wrap:wrap;gap:.5rem}.admin-tab{padding:.75rem 1rem;font-size:.9rem}}.child-avatar{border-radius:50%;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0003;flex-shrink:0;transition:all .3s ease}.child-avatar img{width:100%;height:100%;object-fit:cover}.child-avatar-small{width:32px;height:32px;border:2px solid transparent}.child-avatar-small .emoji-avatar,.child-avatar-small .default-avatar{font-size:1.4rem}.child-avatar-medium{width:36px;height:36px;border:2px solid transparent}.child-avatar-medium .emoji-avatar,.child-avatar-medium .default-avatar{font-size:1.5rem}.child-avatar-large{width:45px;height:45px;border:2px solid #ffd700}.child-avatar-large .emoji-avatar,.child-avatar-large .default-avatar{font-size:2rem}.child-avatar-xlarge{width:60px;height:60px;border:3px solid #667eea}.child-avatar-xlarge .emoji-avatar,.child-avatar-xlarge .default-avatar{font-size:2.5rem}.child-avatar[role=button]{cursor:pointer}.child-avatar[role=button]:hover{transform:translateY(-3px) scale(1.1);box-shadow:0 6px 16px #0000004d;border-color:gold;background:#fff}.child-avatar[role=button]:focus{outline:2px solid #667eea;outline-offset:2px}.sidenav-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998;animation:fadeIn .3s ease}.sidenav{position:fixed;top:0;left:-200px;width:200px;height:100vh;background:linear-gradient(135deg,var(--accent-color, #667eea) 0%,var(--accent-dark, #764ba2) 100%);box-shadow:2px 0 10px #0000004d;z-index:999;display:flex;flex-direction:column;transition:left .3s ease;overflow-y:auto}.sidenav.open{left:0}[dir=rtl] .sidenav{left:auto;right:-200px;box-shadow:-2px 0 10px #0000004d;transition:right .3s ease,left 0s}[dir=rtl] .sidenav.open{left:auto;right:0}.sidenav-header{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.2)}.app-logo{display:flex;align-items:center;gap:6px;color:#fff}.logo-icon{font-size:20px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.logo-text{font-size:14px;font-weight:600}.sidenav-content{flex:1;display:flex;flex-direction:column;padding:6px 0}.sidenav-section{display:flex;flex-direction:column}.sidenav-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:none;border:none;color:#fff;font-size:13px;cursor:pointer;transition:background .2s ease;position:relative;text-align:left}[dir=rtl] .sidenav-item{text-align:right}.sidenav-item:hover{background:#ffffff1a}.sidenav-item.active{background:#fff3;font-weight:600}.sidenav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#fff}[dir=rtl] .sidenav-item.active:before{left:auto;right:0}.item-icon{font-size:16px;flex-shrink:0}.item-label{flex:1}.expand-icon{font-size:9px;transition:transform .2s ease;padding:3px}.expand-icon.expanded{transform:rotate(180deg)}[dir=rtl] .expand-icon{transform:rotate(0)}[dir=rtl] .expand-icon.expanded{transform:rotate(180deg)}.sidenav-nested{display:flex;flex-direction:column;background:#0000001a}.sidenav-item.nested{padding-left:32px;font-size:12px}[dir=rtl] .sidenav-item.nested{padding-left:12px;padding-right:32px}.sidenav-divider{height:1px;background:#fff3;margin:6px 12px}.sidenav-footer{margin-top:auto;padding-bottom:6px}@media (max-width: 768px){.sidenav{width:200px;left:-200px}[dir=rtl] .sidenav{right:-200px}}.toolbar{position:fixed;top:0;left:0;right:0;height:60px;background:linear-gradient(135deg,var(--accent-color, #667eea) 0%,var(--accent-dark, #764ba2) 100%);box-shadow:0 2px 8px #0003;display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:1000}.toolbar-left{display:flex;align-items:center;gap:15px}[dir=rtl] .toolbar-left{margin-left:auto;margin-right:0}.hamburger-button{background:none;border:none;width:30px;height:24px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;padding:0;transition:transform .3s ease}.hamburger-button:hover{transform:scale(1.1)}.hamburger-line{width:100%;height:3px;background:#fff;border-radius:2px;transition:all .3s ease;transform-origin:center}.hamburger-button.open .hamburger-line:nth-child(1){transform:translateY(10.5px) rotate(45deg)}.hamburger-button.open .hamburger-line:nth-child(2){opacity:0}.hamburger-button.open .hamburger-line:nth-child(3){transform:translateY(-10.5px) rotate(-45deg)}.toolbar-title{color:#fff;font-size:24px;font-weight:600;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2)}.toolbar-right{display:flex;align-items:center;gap:16px}.toolbar-admin-link{font-size:1.5rem;text-decoration:none;padding:.5rem;border-radius:6px;transition:background .2s;line-height:1}.toolbar-admin-link:hover{background:#ffffff1a}.toolbar-user{color:#fff;font-size:14px;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.2)}.toolbar-logout{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:20px;padding:6px 12px;border-radius:8px;cursor:pointer;transition:all .2s}.toolbar-logout:hover{background:#ffffff4d;transform:scale(1.05)}.toolbar-logout:active{transform:scale(.95)}.app{padding-top:60px}.toolbar .language-selector{position:static;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toolbar .language-selector button{background:transparent;border:2px solid rgba(255,255,255,.3);color:#fff;font-weight:600}.toolbar .language-selector button:hover{background:#fff3}.toolbar .language-selector button.active{background:#ffffffe6;color:#667eea;border-color:#ffffffe6}.children-view{min-height:calc(100vh - 60px);padding:2rem;display:flex;flex-direction:column;align-items:center}.children-view .back-button{align-self:flex-start;background:#fff3;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-size:1rem;margin-bottom:1rem;cursor:pointer;transition:background .2s}.children-view .back-button:hover{background:#ffffff4d}.children-view h1{color:#fff;font-size:2.5rem;margin-bottom:3rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.children-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem;width:100%;max-width:1200px}.child-card{background:#fff;border-radius:20px;padding:2rem;text-align:center;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 30px #0003}.child-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #0000004d}.children-view-avatar{width:150px;height:150px;margin:0 auto 1rem;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.children-view-avatar img{width:100%;height:100%;object-fit:cover}.emoji-avatar,.default-avatar{font-size:5rem}.child-card h2{font-size:1.8rem;color:#333;margin-bottom:.5rem}.child-balance{font-size:1.5rem;font-weight:700;color:#667eea}.no-children{color:#fff;font-size:1.2rem;text-align:center;margin-top:2rem}@media (max-width: 768px){.children-view h1{font-size:2rem}.children-grid{grid-template-columns:1fr}}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid rgba(255,255,255,.2);gap:.75rem;min-height:auto}.child-info{display:flex;align-items:center;gap:.5rem;flex:1;justify-content:center}.current-child-avatar{border:2px solid #ffd700!important;box-shadow:0 0 12px #ffd70080}.child-name{font-size:1.1rem;font-weight:700;color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.3)}.balance-chip{display:flex;align-items:center;gap:.4rem;background:linear-gradient(135deg,gold,#ffed4e);padding:.4rem 1rem;border-radius:20px;box-shadow:0 4px 15px #ffd70066;flex-shrink:0}.balance-icon{font-size:1.1rem}.balance-value{font-size:1.2rem;font-weight:700;color:#333}.other-children{display:flex;gap:.5rem;align-items:center}@media (max-width: 768px){.top-bar{padding:.8rem 1rem;flex-wrap:wrap}.child-info{order:1;justify-content:flex-start}.child-name{font-size:1rem}.balance-chip{order:2;padding:.5rem 1rem}.balance-value{font-size:1.1rem}.other-children{order:3;width:100%;justify-content:center;margin:.5rem 0}}.view-toggle{display:flex;gap:1rem;margin-bottom:1.5rem;justify-content:center}.toggle-btn{flex:1;max-width:300px;padding:1rem 2rem;font-size:1.3rem;font-weight:700;border:none;border-radius:15px;background:#ffffff4d;color:#fff;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toggle-btn:hover{background:#fff6;transform:translateY(-3px)}.toggle-btn.active{background:#fff;color:var(--accent-color, #667eea);box-shadow:0 6px 20px #0000004d;transform:scale(1.05)}@media (max-width: 768px){.toggle-btn{font-size:1.1rem;padding:.8rem 1.5rem}}.tasks-view{flex:1;display:flex;gap:1.5rem;overflow:hidden}.category-tabs{display:flex;flex-direction:column;gap:.8rem;min-width:140px;padding-right:1rem;border-right:2px solid rgba(255,255,255,.2);overflow-y:auto;overflow-x:hidden;max-height:100%}.category-tab{display:flex;align-items:center;gap:.8rem;padding:1rem 1.2rem;background:#ffffff40;border:none;border-radius:15px;cursor:pointer;transition:all .15s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;will-change:transform,background-color}.category-tab:hover{background:#ffffff59;transform:translate(5px)}.category-tab.active{background:#fff;box-shadow:0 6px 20px #0000004d;transform:translate(8px) scale(1.05)}.tab-icon{font-size:2rem;flex-shrink:0}.tab-label{font-size:1rem;font-weight:600;color:#fff;white-space:nowrap}.category-tab.active .tab-label{color:var(--accent-color, #667eea)}.tasks-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:.5rem}.tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.5rem;max-height:100%;grid-auto-rows:1fr;padding:.5rem}.task-card-wrapper{position:relative;display:flex}.task-card{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 8px 24px #00000026;cursor:pointer;transition:all .2s ease;text-align:center;position:relative;display:flex;flex-direction:column;width:100%;height:220px;will-change:transform,box-shadow}.task-card:hover:not(.completed):not(:disabled){transform:translateY(-8px) scale(1.05);box-shadow:0 15px 35px color-mix(in srgb,var(--accent-color, #667eea) 40%,transparent)}.task-card.animating{animation:taskPop .3s ease}@keyframes taskPop{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.task-card.completed{background:linear-gradient(135deg,#a8e6cf,#dcedc1);opacity:.8;cursor:not-allowed}.task-card.completed:before{background:linear-gradient(90deg,#4caf50,#8bc34a)}.task-card-content{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:.4rem;height:100%}.task-icon-large{font-size:2.5rem;flex-shrink:0}.task-name{font-size:1rem;font-weight:700;color:#333;margin:0;line-height:1.3;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;flex:1;display:flex;align-items:center;justify-content:center}.task-points{display:flex;align-items:center;justify-content:center;gap:.3rem;font-size:1.2rem;font-weight:700;color:var(--accent-color, #667eea);padding:.4rem .8rem;background:var(--accent-light, rgba(102, 126, 234, .1));background:color-mix(in srgb,var(--accent-color, #667eea) 10%,transparent);border-radius:12px;flex-shrink:0}.completed-badge{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:2rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#4caf50,#66bb6a);border-radius:50%;box-shadow:0 4px 12px #4caf5066;flex-shrink:0}.task-status{font-size:1.1rem;font-weight:700;color:#4caf50}.undo-button{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#ffa726,#ff9800);color:#fff;border:none;padding:.4rem .9rem;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:0 3px 10px #ff980080;transition:all .2s ease;z-index:10;display:flex;align-items:center;gap:.3rem;will-change:transform}.undo-button:before{content:"↶";font-size:1rem}.undo-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 5px 15px #ff980099;background:linear-gradient(135deg,#ffb74d,#ffa726)}.undo-button:active{transform:translateY(0) scale(.98)}@keyframes slideIn{0%{opacity:0;transform:translate(20px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}.task-card.multiple{cursor:default;display:flex;flex-direction:column;padding:1rem}.task-card.multiple:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.task-counter{display:flex;align-items:center;justify-content:center;gap:8px;margin:.5rem 0;width:100%}.task-counter button{width:36px;height:36px;border-radius:8px;border:none;background:linear-gradient(135deg,var(--accent-color, #667eea) 0%,color-mix(in srgb,var(--accent-color, #667eea) 60%,#a7c5ff) 100%);color:#fff;font-size:1.25rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out;box-shadow:0 2px 6px #00000026;line-height:1;flex-shrink:0}.task-counter button:disabled{opacity:.3;cursor:not-allowed;background:#ccc}.task-counter button:hover:not(:disabled){transform:translateY(-2px) scale(1.05);box-shadow:0 6px 12px #0003}.task-counter button:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:0 2px 4px #00000026}.counter-value{font-size:1.25rem;font-weight:700;min-width:2.5ch;text-align:center;color:var(--accent-color, #667eea);background:#667eea1a;padding:.25rem .5rem;border-radius:6px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem}.empty-icon{font-size:6rem;opacity:.5}.empty-text{font-size:1.5rem;color:#fff;opacity:.7;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.tasks-container::-webkit-scrollbar{width:8px}.tasks-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.tasks-container::-webkit-scrollbar-thumb{background:#fff6;border-radius:10px}.tasks-container::-webkit-scrollbar-thumb:hover{background:#fff9}@media (max-width: 768px){.tasks-view{flex-direction:column}.category-tabs{flex-direction:row;min-width:auto;padding-right:0;border-right:none;border-bottom:2px solid rgba(255,255,255,.2);padding-bottom:1rem;overflow-x:auto}.category-tab{flex-direction:column;padding:.6rem 1rem;gap:.3rem;min-width:80px}.category-tab:hover,.category-tab.active{transform:translate(0) translateY(-3px)}.tab-icon{font-size:1.5rem}.tab-label{font-size:.8rem}.tasks-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.task-icon-large{font-size:2.5rem}.task-name{font-size:1.1rem}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content.reward-details-modal{background-color:#fff;border-radius:10px;padding:25px;max-width:900px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding-bottom:15px;margin-bottom:20px}.modal-header h2{margin:0;font-size:1.75rem;font-weight:600;color:#333}.close-button{background:none;border:none;font-size:2rem;cursor:pointer;color:#aaa;transition:color .2s;line-height:1}.close-button:hover{color:#666}.modal-body{display:flex;gap:30px;flex-wrap:wrap;flex-grow:1;overflow-y:auto;padding-right:10px}.reward-gallery{flex:2;min-width:300px;display:flex;flex-direction:column;gap:15px}.main-image-container{width:100%;height:300px;background-color:#f0f0f0;display:flex;justify-content:center;align-items:center;border-radius:8px;overflow:hidden}.main-image{max-width:100%;max-height:100%;object-fit:contain}.main-image-icon{font-size:6rem;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.no-image-placeholder{color:#888;font-style:italic;font-size:1rem}.thumbnail-container{display:flex;gap:10px;overflow-x:auto;padding-bottom:5px}.thumbnail{width:80px;height:80px;object-fit:cover;border-radius:5px;cursor:pointer;border:2px solid transparent;transition:border-color .2s,transform .2s}.thumbnail:hover{transform:scale(1.05)}.thumbnail.active{border-color:#667eea}.reward-info{flex:3;min-width:350px}.reward-info h3{font-size:1.25rem;font-weight:600;color:#555;margin-top:0;margin-bottom:10px}.reward-info p{font-size:1rem;line-height:1.6;color:#666;margin-bottom:20px}.reward-links{list-style:none;padding:0;margin-top:10px}.reward-links li{margin-bottom:8px}.reward-links a{color:#667eea;text-decoration:none;font-size:1rem;transition:color .2s}.reward-links a:hover{color:#5568d3;text-decoration:underline}.modal-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee;padding-top:15px;margin-top:20px}.reward-cost{font-size:1.25rem;color:#333}.reward-cost strong{font-weight:600;color:#667eea}.footer-buttons{display:flex;gap:10px}.btn-primary,.btn-secondary{padding:10px 20px;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s;border:none}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-secondary{background-color:#f8f9fa;color:#343a40;border:2px solid #dee2e6}.btn-secondary:hover{background-color:#e2e6ea;border-color:#adb5bd}@media (max-width: 768px){.modal-body{flex-direction:column}.reward-gallery,.reward-info{min-width:unset;width:100%}.main-image-container{height:250px}}@media (max-width: 480px){.modal-content.reward-details-modal{padding:15px}.modal-header h2{font-size:1.5rem}.main-image-container{height:200px}.thumbnail{width:60px;height:60px}.modal-footer{flex-direction:column;gap:10px}.footer-buttons{width:100%;justify-content:stretch}.btn-primary,.btn-secondary{flex-grow:1}}.rewards-view{flex:1;display:flex;flex-direction:column;overflow:hidden}.rewards-container{flex:1;overflow-y:auto;padding:.5rem}.rewards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;max-height:100%}.reward-card{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 8px 24px #00000026;text-align:center;transition:all .3 ease;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:180px;height:100%}.reward-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#f093fb,#f5576c)}.reward-card:hover:not(.disabled){transform:translateY(-8px) scale(1.05);box-shadow:0 15px 35px #f5576c66}.reward-card.disabled{opacity:.6;cursor:not-allowed}.reward-card.disabled:before{background:#ccc}.reward-card-content{display:flex;flex-direction:column;align-items:center;gap:.8rem}.reward-image-large{font-size:5rem;margin-bottom:.5rem}.reward-name{font-size:1.2rem;font-weight:700;color:#333;margin:.8rem 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:2.8rem}.reward-cost{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:.3rem;font-size:1.4rem;font-weight:700;background:linear-gradient(135deg,gold,#ffed4e);padding:.6rem 1rem;border-radius:12px;color:#333}.reward-cost.too-expensive{color:#f5576c;background:#f5576c1a}.need-more{font-size:.9rem;color:#f5576c;font-weight:600}.rewards-container::-webkit-scrollbar{width:8px}.rewards-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.rewards-container::-webkit-scrollbar-thumb{background:#fff6;border-radius:10px}.rewards-container::-webkit-scrollbar-thumb:hover{background:#fff9}@media (max-width: 768px){.rewards-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.reward-image-large{font-size:2.5rem}.reward-name{font-size:.9rem}}.category-section{background:#f8f9fa;border-radius:12px;overflow:hidden;transition:all .3s ease}.category-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;cursor:pointer;transition:background .2s}.category-header:hover{background:#f0f1f3}.category-info{display:flex;align-items:center;gap:.75rem;flex:1}.category-name{font-size:1rem;font-weight:600;color:#333}.category-badge{font-size:.75rem;padding:.25rem .5rem;background:#0000001a;border-radius:12px;color:#666}.category-points{display:flex;align-items:center;gap:.5rem}.points-value{font-size:1.1rem;font-weight:700;color:var(--accent-color, #667eea)}.expand-arrow{font-size:.75rem;color:#999;transition:transform .3s ease}.expand-arrow.expanded{transform:rotate(180deg)}.category-tasks{padding:0 1rem 1rem;display:flex;flex-direction:column;gap:.5rem}.task-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.task-info{display:flex;align-items:center;gap:.75rem;flex:1}.task-icon{font-size:1.25rem}.task-details{display:flex;flex-direction:column;gap:.25rem}.task-name{font-size:.9rem;font-weight:500;color:#333}.task-time{font-size:.75rem;color:#999}.task-status{display:flex;align-items:center;gap:.5rem}.task-points{font-size:.95rem;font-weight:600;color:#4caf50}.status-badge{font-size:.85rem;padding:.25rem .5rem;border-radius:12px}.status-badge.reviewed{background:#4caf50;color:#fff}.status-badge.pending{background:#ff9800;color:#fff}[dir=rtl] .category-info,[dir=rtl] .task-info{direction:rtl}.daily-summary-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.daily-summary-modal{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.daily-summary-header{padding:1.5rem;border-bottom:1px solid #e0e0e0;position:relative}.daily-summary-header h2{margin:0 0 .5rem;font-size:1.5rem;color:#333}.daily-summary-date{margin:0;font-size:.9rem;color:#666}.daily-summary-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;font-size:2rem;color:#666;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.daily-summary-close:hover{background:#0000000d}[dir=rtl] .daily-summary-close{right:auto;left:1rem}.daily-summary-body{flex:1;overflow-y:auto;padding:1.5rem}.daily-summary-total{display:flex;gap:1rem;margin-bottom:1.5rem}.summary-stat{flex:1;background:linear-gradient(135deg,var(--accent-light, #f0f0f0) 0%,var(--accent-color, #e0e0e0) 100%);padding:1.25rem;border-radius:16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem;box-shadow:0 4px 12px #0000001a;transition:transform .2s}.summary-stat:hover{transform:scale(1.05)}.stat-icon{font-size:2rem;line-height:1}.stat-value{display:block;font-size:2.5rem;font-weight:700;color:#fff;line-height:1}.stat-label{display:block;font-size:1rem;font-weight:500;color:#fffffff2}.daily-summary-categories{display:flex;flex-direction:column;gap:1rem}.no-activity{text-align:center;padding:2rem;color:#999}.daily-summary-footer{padding:1rem 1.5rem;border-top:1px solid #e0e0e0;display:flex;justify-content:center}.btn-close-modal{padding:.75rem 2rem;background:var(--accent-color, #667eea);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-close-modal:hover{background:var(--accent-dark, #5568d3);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media (max-width: 768px){.daily-summary-modal{max-height:90vh;border-radius:16px 16px 0 0;margin-top:auto}.daily-summary-total{flex-direction:column}}.daily-summary-bar{position:fixed;bottom:0;left:0;right:0;height:60px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(0,0,0,.1);display:flex;align-items:center;padding:0 1rem;cursor:pointer;transition:all .3s ease;z-index:100;box-shadow:0 -2px 10px #0000001a}.daily-summary-bar:hover{background:#fffffff2;box-shadow:0 -4px 15px #00000026}.daily-summary-content{display:flex;align-items:center;gap:1rem;width:100%}.daily-summary-text{font-size:.95rem;font-weight:600;color:#333;white-space:nowrap}.daily-progress-bar{flex:1;height:12px;background:#0000001a;border-radius:20px;overflow:hidden;min-width:100px}.daily-progress-fill{height:100%;background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;transition:width .5s ease}.daily-summary-action{font-size:.85rem;color:#666;white-space:nowrap}[dir=rtl] .daily-summary-content{direction:rtl}@media (max-width: 768px){.daily-summary-bar{padding:0 .75rem}.daily-summary-text{font-size:.85rem}.daily-summary-action{font-size:.75rem}}.daily-summary-drawer{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:60%;max-width:900px;background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #0003;z-index:100;transition:max-height .3s ease-out;max-height:60px;overflow:hidden}.daily-summary-drawer.open{max-height:80vh}.drawer-handle{height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background:#fffffff2;border-radius:16px 16px 0 0;transition:background .2s;padding:0 1.5rem}.drawer-handle:hover{background:#f5f5f5}.handle-bar{width:40px;height:4px;background:#0003;border-radius:2px;margin-bottom:8px}.drawer-handle-content{display:flex;align-items:center;gap:1rem;width:100%}.drawer-title-text{font-size:.95rem;font-weight:600;color:#333;white-space:nowrap}.drawer-progress-bar{flex:1;height:12px;background:#0000001a;border-radius:20px;overflow:hidden;min-width:100px}.drawer-progress-fill{height:100%;background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;transition:width .5s ease}.drawer-toggle-icon{font-size:1.2rem;color:#666;min-width:20px;text-align:center}.drawer-content{padding:1.5rem;overflow-y:auto;max-height:calc(80vh - 60px)}.drawer-date{margin:0 0 1rem;font-size:.9rem;color:#666;text-align:center}.drawer-summary-total{display:flex;gap:1rem;margin-bottom:1.5rem}.drawer-summary-total .summary-stat{flex:1;background:linear-gradient(135deg,var(--accent-light, #f0f0f0) 0%,var(--accent-color, #e0e0e0) 100%);padding:1.25rem;border-radius:16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem;box-shadow:0 4px 12px #0000001a;transition:transform .2s}.drawer-summary-total .summary-stat:hover{transform:scale(1.05)}.drawer-summary-total .stat-icon{font-size:2rem;line-height:1}.drawer-summary-total .stat-value{display:block;font-size:2.5rem;font-weight:700;color:#fff;line-height:1}.drawer-summary-total .stat-label{display:block;font-size:1rem;font-weight:500;color:#fffffff2}.drawer-categories{display:flex;flex-direction:column;gap:1rem}.drawer-categories .no-activity{text-align:center;padding:2rem;color:#666}.drawer-categories .no-activity p{font-size:1.1rem}@media (max-width: 768px){.daily-summary-drawer{width:95%;left:2.5%;transform:none}.drawer-summary-total{flex-direction:column}.drawer-title-text{font-size:.85rem}}[dir=rtl] .drawer-handle-content{direction:rtl}@keyframes confetti-fall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.confetti{position:fixed;width:10px;height:10px;top:-10px;z-index:9999;animation:confetti-fall 3s ease-out forwards;pointer-events:none}.confetti.star{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.confetti.circle{border-radius:50%}.confetti.square{border-radius:0}@keyframes firework{0%{transform:translate(-50%,-50%) scale(0);opacity:1}50%{opacity:1}to{transform:translate(-50%,-50%) scale(3);opacity:0}}.firework{position:fixed;width:5px;height:5px;border-radius:50%;z-index:9999;pointer-events:none}.firework:before{content:"";position:absolute;top:50%;left:50%;width:100px;height:100px;border-radius:50%;border:3px solid currentColor;animation:firework 1s ease-out forwards}@keyframes emoji-fall{0%{top:-100px;transform:rotate(0) scale(1)}80%{top:calc(100vh - 80px);transform:rotate(360deg) scale(1)}85%{transform:rotate(360deg) scale(1.1)}90%{transform:rotate(360deg) scale(.95)}to{top:calc(100vh - 80px);transform:rotate(360deg) scale(1)}}.celebration-emoji-fall{position:fixed;font-size:4rem;z-index:9999;animation:emoji-fall 2s cubic-bezier(.4,0,.6,1) forwards;pointer-events:none}.emoji-pile{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:1rem;font-size:3rem;z-index:9998;animation:pile-bounce .5s ease-out}@keyframes pile-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}@keyframes float-up{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) scale(1.5);opacity:0}}.celebration-emoji{position:fixed;font-size:3rem;z-index:9999;animation:float-up 4s ease-out forwards;pointer-events:none}@keyframes emoji-fly-left{0%{left:-100px;transform:translateY(0) scaleX(1)}25%{transform:translateY(-30px) scaleX(1)}50%{transform:translateY(0) scaleX(1)}75%{transform:translateY(-30px) scaleX(1)}to{left:calc(100vw + 100px);transform:translateY(0) scaleX(1)}}@keyframes emoji-fly-right{0%{right:-100px;transform:translateY(0) scaleX(-1)}25%{transform:translateY(-30px) scaleX(-1)}50%{transform:translateY(0) scaleX(-1)}75%{transform:translateY(-30px) scaleX(-1)}to{right:calc(100vw + 100px);transform:translateY(0) scaleX(-1)}}.celebration-emoji{position:fixed;font-size:4rem;z-index:9999;pointer-events:none}.celebration-emoji.from-left{animation:emoji-fly-left 4s ease-in-out forwards}.celebration-emoji.from-right{animation:emoji-fly-right 4s ease-in-out forwards}.child-dashboard{height:calc(100vh - 60px);display:flex;flex-direction:column;overflow:hidden;position:relative}.child-dashboard-boy{background:linear-gradient(135deg,#4a90e2,#357abd);--accent-color: #4A90E2;--accent-light: #64A8F5;--accent-dark: #357ABD}.child-dashboard-girl{background:linear-gradient(135deg,#d88ba6,#b97a94);--accent-color: #D88BA6;--accent-light: #E5A4BB;--accent-dark: #B97A94}.child-dashboard-not-set{background:linear-gradient(135deg,#667eea,#764ba2);--accent-color: #667eea;--accent-light: #8b9aee;--accent-dark: #764ba2}.main-content{flex:1;display:flex;flex-direction:column;padding:1.5rem 2rem 80px;overflow-y:auto;overflow-x:hidden}.loading{color:#fff;font-size:2rem;text-align:center;padding:4rem}@media (max-width: 768px){.main-content{padding:1rem 1rem 80px}}.prompt-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;animation:fadeIn .2s ease-out}.prompt-dialog{background:#fff;border-radius:20px;padding:2rem;max-width:400px;width:100%;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease-out;position:relative}.prompt-dialog .modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.prompt-dialog .modal-close:hover{background:#f0f0f0;color:#333}.prompt-message{color:#333;font-size:1.2rem;line-height:1.6;margin-bottom:1.5rem;font-weight:500;text-align:center}.prompt-input{width:100%;padding:1rem;border:2px solid #e0e0e0;border-radius:10px;font-size:1.1rem;margin-bottom:1.5rem;transition:border-color .2s;box-sizing:border-box}.prompt-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.prompt-actions{display:flex;gap:1rem;justify-content:center}.prompt-button{padding:.75rem 2rem;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;min-width:100px}.prompt-button:disabled{opacity:.5;cursor:not-allowed}.prompt-button.cancel{background:#e0e0e0;color:#333}.prompt-button.cancel:hover:not(:disabled){background:#d0d0d0}.prompt-button.confirm{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.prompt-button.confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}@media (max-width: 768px){.prompt-dialog{padding:1.5rem}.prompt-message{font-size:1rem}.prompt-actions{flex-direction:column-reverse}.prompt-button{width:100%}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:#fff;border-radius:20px;padding:2rem;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.modal-header h2{color:#333;font-size:1.8rem;margin:0}.modal-close{background:none;border:none;font-size:2rem;color:#999;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close:hover{background:#f0f0f0;color:#333}.modal-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:700;color:#333;font-size:1.1rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.form-group select option:disabled{color:#999;font-style:italic}.image-upload{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;border:2px dashed #e0e0e0;border-radius:10px;background:#f9f9f9;cursor:pointer;transition:all .2s}.image-upload:hover{border-color:#667eea;background:#f5f5ff}.image-preview{width:150px;height:150px;border-radius:50%;object-fit:cover;border:3px solid #667eea}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#999}.upload-placeholder .icon{font-size:3rem}.upload-placeholder p{margin:0;font-size:.9rem}.icon-selector{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}.icon-option{background:#f5f5f5;border:2px solid #e0e0e0;border-radius:8px;padding:.75rem;font-size:1.5rem;cursor:pointer;transition:all .2s}.icon-option:hover{background:#e8e8ff;border-color:#667eea}.icon-option.selected{background:#667eea;border-color:#667eea;transform:scale(1.1)}.selected-tasks-list{max-height:200px;overflow-y:auto;border:2px solid #e0e0e0;border-radius:10px;padding:.5rem;background:#f9f9f9}.selected-task-item{padding:.75rem;background:#fff;border-radius:8px;margin-bottom:.5rem;display:flex;align-items:center;box-shadow:0 1px 3px #0000001a}.selected-task-item:last-child{margin-bottom:0}.selected-task-item span{font-size:1rem;color:#333}.modal-actions{display:flex;gap:1rem;margin-top:1rem}.modal-button{flex:1;padding:1rem;border:none;border-radius:10px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s}.modal-button.primary{background:#667eea;color:#fff}.modal-button.primary:hover{background:#5568d3}.modal-button.primary:disabled{background:#ccc;cursor:not-allowed}.modal-button.secondary{background:#f0f0f0;color:#333}.modal-button.secondary:hover{background:#e0e0e0}.preferences-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e0e0e0}.preferences-section:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.preferences-section h3{margin:0 0 1rem;color:#667eea;font-size:1.1rem}.preferences-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500;color:#333}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.hint{display:block;color:#666;font-size:.85rem;margin-top:.25rem;font-style:italic}.preference-category{border:1px solid #e0e0e0;border-radius:8px;padding:1rem;background-color:#f9f9f9}.preference-category h4{margin-top:0;border-bottom:1px solid #ddd;padding-bottom:.5rem;margin-bottom:1rem}@media (max-width: 768px){.modal{padding:1.5rem}.modal-header h2{font-size:1.5rem}.icon-selector{grid-template-columns:repeat(4,1fr)}}.child-assignment-list{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#f9f9f9;border-radius:8px;margin-top:.5rem}.child-checkbox{margin:0}.child-checkbox label{font-weight:400;margin:0}.assignment-info{margin-top:.5rem;font-size:.9rem;color:#667eea;font-style:italic}.no-children-text{padding:1rem;background:#f9f9f9;border-radius:8px;color:#999;text-align:center;font-style:italic}.help-text{font-size:.85rem;color:#999;font-weight:400}.checkbox-group{display:flex;align-items:center;gap:.5rem}.checkbox-group input[type=checkbox]{width:auto;margin:0;cursor:pointer}.checkbox-group label{margin:0;cursor:pointer;-webkit-user-select:none;user-select:none}.preference-category.goal-preferences{background-color:#e9f7ef;border-color:#d4edda}.preference-category.goal-preferences h4{color:#155724;border-bottom-color:#c3e6cb}.category-modal{max-width:650px}.category-edit-form .icon-selector,.add-category-form .icon-selector{display:flex;flex-wrap:wrap;gap:.5rem;max-height:180px;overflow-y:auto;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;background:#fafafa;width:100%;box-sizing:border-box}.category-edit-form .icon-selector .icon-option,.add-category-form .icon-selector .icon-option{flex-shrink:0}.category-icon{font-size:1.5rem}.category-edit-form .image-upload,.add-category-form .image-upload{max-width:100%}.category-edit-form .image-preview,.add-category-form .image-preview{max-width:150px;max-height:150px}.error-banner{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fee;border:2px solid #fcc;border-radius:10px;color:#c33;margin-bottom:1.5rem}.error-icon{font-size:1.5rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.spinner{width:40px;height:40px;border:4px solid #f0f0f0;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.categories-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid #f0f0f0}.add-category-section{padding:1.5rem;background:#f9f9ff;border-radius:12px;border:2px dashed #e0e0ff}.section-title{font-size:1.2rem;font-weight:600;color:#333;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:#999}.empty-icon{font-size:3rem;margin-bottom:.5rem;opacity:.5}.categories-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.category-item{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:1rem;transition:all .2s;display:flex;flex-direction:column}.category-item:hover{box-shadow:0 2px 8px #0000001a;border-color:#d0d0d0}.category-display{display:flex;flex-direction:column;gap:.75rem;height:100%}.category-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.category-name{font-size:1.1rem;font-weight:600;color:#333;display:flex;align-items:center;gap:.5rem}.default-badge{display:inline-block;padding:.2rem .6rem;background:#667eea;color:#fff;font-size:.75rem;font-weight:600;border-radius:12px;text-transform:uppercase}.category-time{font-size:.9rem}.time-badge{display:inline-block;padding:.3rem .8rem;background:#f0f0f0;color:#666;border-radius:6px;font-size:.85rem}.time-badge.all-day{background:#e9f7ef;color:#27ae60}.category-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:auto}.btn-icon{background:none;border:2px solid #e0e0e0;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:all .2s}.btn-icon:hover{transform:scale(1.1)}.btn-edit{color:#667eea}.btn-edit:hover{background:#f5f5ff;border-color:#667eea}.btn-delete{color:#e74c3c}.btn-delete:hover{background:#fee;border-color:#e74c3c}.category-edit-form{display:flex;flex-direction:column;gap:1rem;padding:.5rem 0}.category-edit-form .form-group{margin:0;width:100%}.category-edit-form .form-group label{display:block;font-size:.9rem;font-weight:600;color:#666;margin-bottom:.5rem}.category-edit-form input[type=text],.category-edit-form input[type=time]{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem}.category-edit-form input[type=text]:focus,.category-edit-form input[type=time]:focus{outline:none;border-color:#667eea}.time-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.edit-actions{display:flex;gap:.5rem}.btn-save{flex:1;padding:.75rem;background:#27ae60;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-save:hover{background:#229954}.btn-cancel{flex:1;padding:.75rem;background:#f0f0f0;color:#333;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#e0e0e0}.add-category-form{display:flex;flex-direction:column;gap:1rem;padding:.5rem 0}.add-category-form .form-group{margin:0;width:100%}.add-category-form .form-group label{display:block;font-size:.9rem;font-weight:600;color:#666;margin-bottom:.5rem}.add-category-form input[type=text],.add-category-form input[type=time]{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem}.add-category-form input[type=text]:focus,.add-category-form input[type=time]:focus{outline:none;border-color:#667eea}.btn-add-category{padding:1rem;background:#667eea;color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-add-category:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-add-category:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.category-modal{max-width:100%}.categories-list{grid-template-columns:1fr}.category-display{flex-direction:column;align-items:flex-start}.category-actions{width:100%;justify-content:flex-end}.time-inputs{grid-template-columns:1fr}}.dashboard-overview{display:flex;flex-direction:column;gap:2rem}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1rem}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;padding:1.5rem;text-align:center;color:#fff;box-shadow:0 4px 15px #667eea66;transition:transform .2s;animation:slideUp .3s ease-out}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.2s}.stat-card:nth-child(4){animation-delay:.3s}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-card:hover{transform:translateY(-5px)}.stat-icon{font-size:2.5rem;margin-bottom:.5rem}.stat-value{font-size:2.5rem;font-weight:700;margin-bottom:.25rem}.stat-label{font-size:1rem;opacity:.9}.dashboard-section{background:#667eea0d;border-radius:15px;padding:1.5rem}.dashboard-section h3{color:#667eea;font-size:1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.children-overview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem}.child-overview-card{background:#fff;border-radius:15px;padding:1.5rem;text-align:center;box-shadow:0 2px 10px #0000001a;transition:transform .2s,box-shadow .2s;position:relative}.child-overview-card:hover{transform:translateY(-3px);box-shadow:0 4px 15px #667eea4d}.child-overview-card:hover .item-actions{opacity:1}.child-overview-icon{width:80px;height:80px;margin:0 auto 1rem;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.child-overview-icon img{width:100%;height:100%;object-fit:cover}.child-overview-icon .child-emoji{font-size:3rem}.child-overview-name{font-size:1.2rem;font-weight:700;color:#333;margin-bottom:.5rem}.child-overview-balance{font-size:1.5rem;color:#667eea;font-weight:700;margin-bottom:.25rem}.child-overview-tasks{font-size:.9rem;color:#666}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.quick-action-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 1.5rem;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.quick-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.quick-action-btn.assign-task{background:linear-gradient(135deg,#4caf50,#45a049)}.quick-action-btn.give-bonus{background:linear-gradient(135deg,#2196f3,#1976d2)}.quick-action-btn.apply-penalty{background:linear-gradient(135deg,#ff9800,#f57c00)}.quick-action-btn.adjust-points{background:linear-gradient(135deg,#9c27b0,#7b1fa2)}.recent-activity-list{display:flex;flex-direction:column;gap:1rem}.recent-activity-item{background:#fff;padding:1rem;border-radius:10px;display:grid;grid-template-columns:auto 1fr 2fr auto;gap:1rem;align-items:center;box-shadow:0 2px 5px #0000000d;transition:box-shadow .2s}.recent-activity-item:hover{box-shadow:0 4px 10px #0000001a}.activity-icon{font-size:1.5rem}.activity-child{font-weight:700;color:#333}.activity-description{color:#666}.activity-points{font-weight:700;font-size:1.1rem}.activity-points.positive{color:#4caf50}.activity-points.negative{color:#f44336}@media (max-width: 768px){.stats-cards{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1rem}.stat-icon,.stat-value{font-size:2rem}.children-overview-grid{grid-template-columns:repeat(2,1fr)}.child-overview-icon{width:60px;height:60px}.quick-actions{grid-template-columns:1fr}.recent-activity-item{grid-template-columns:auto 1fr;gap:.5rem}.activity-child,.activity-description{grid-column:1 / -1}.activity-points{grid-column:1 / -1;text-align:left}}.child-preference-item{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #eee}.children-list{border:1px solid #ddd;border-radius:8px;overflow:hidden}.edit-button{background:#667eea;color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;cursor:pointer;font-weight:500;display:inline-flex;align-items:center;gap:.5rem;transition:background-color .2s}.edit-button:hover{background:#5568d3}.setup-section{display:flex;flex-direction:column;gap:2.5rem}.setup-subsection{background:#667eea0d;border-radius:15px;padding:2rem;border-left:4px solid #667eea}.setup-subsection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.setup-subsection-header h3{color:#667eea;font-size:1.5rem;margin:0;display:flex;align-items:center;gap:.5rem}.tasks-header-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.tasks-with-assignments{display:grid;gap:1rem;max-height:600px;overflow-y:auto;overflow-x:hidden;padding-right:.5rem}.tasks-with-assignments::-webkit-scrollbar{width:8px}.tasks-with-assignments::-webkit-scrollbar-track{background:#667eea1a;border-radius:4px}.tasks-with-assignments::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:4px}.tasks-with-assignments::-webkit-scrollbar-thumb:hover{background:#667eea80}.task-library-item{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:box-shadow .2s}.task-library-item:hover{box-shadow:0 4px 12px #0000001f}.task-library-card{cursor:pointer;transition:background-color .2s}.task-library-card.selected{background:#4caf501a;border-left:4px solid #4CAF50}[dir=rtl] .task-library-card.selected{border-left:none;border-right:4px solid #4CAF50}.task-library-main{display:flex;align-items:center;gap:1rem;padding:1rem;position:relative}.task-library-icon{font-size:2rem;min-width:50px;text-align:center}.task-library-info{flex:1}.task-library-name{font-size:1.1rem;font-weight:700;color:#333;margin-bottom:.25rem}.task-library-meta{font-size:.9rem;color:#666}.task-library-actions{display:flex;gap:.5rem}.task-assignments-inline{padding:.75rem 1rem;background:#667eea0d;border-top:1px solid rgba(102,126,234,.1);display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.assignments-label{font-size:.9rem;color:#666;font-weight:500}.assignment-badge{display:inline-flex;align-items:center;gap:.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500}.assignment-badge-delete{background:#ffffff4d;color:#fff;border:none;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;line-height:1;padding:0;margin-left:.25rem;transition:background-color .2s}.assignment-badge-delete:hover{background:#ffffff80}.management-section{display:flex;flex-direction:column;gap:1.5rem}.tasks-header{display:flex;gap:1rem;flex-wrap:wrap}.assign-selected-button{background:#4caf50!important}.assign-selected-button:hover{background:#45a049!important}.clear-selection-button{background:#ff9800!important}.clear-selection-button:hover{background:#e68900!important}.add-button{background:#667eea;color:#fff;border:none;padding:1rem 2rem;border-radius:10px;font-size:1.1rem;font-weight:700;align-self:flex-start}.add-button:hover{background:#5568d3}.penalty-button{background:#f44336}.penalty-button:hover{background:#da190b}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.item-card{background:#f5f5f5;border-radius:15px;padding:1.5rem;text-align:center;transition:transform .2s,box-shadow .2s,background .2s;position:relative;cursor:pointer}.item-card.inactive{opacity:.6;background:#e0e0e0}.item-card.selected{background:#e3f2fd;outline:3px solid #2196F3;outline-offset:-3px;transform:translateY(-3px)}.item-card:hover{transform:translateY(-5px)}.selection-checkbox{position:absolute;top:50%;left:-2px;transform:translateY(-50%);width:4px;height:60%;background:#4caf50;border-radius:0 2px 2px 0;display:flex;align-items:center;justify-content:center;font-size:0;transition:all .3s ease}[dir=rtl] .selection-checkbox{left:auto;right:-2px;border-radius:2px 0 0 2px}.item-card:hover .item-actions{opacity:1}.item-actions{position:absolute;top:.5rem;left:.5rem;display:flex;gap:.25rem;opacity:0;transition:opacity .2s}.item-action-btn{background:#fff;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s;box-shadow:0 2px 5px #0000001a}.item-action-btn.edit:hover{background:#2196f3;color:#fff}.item-action-btn.delete:hover{background:#f44336;color:#fff}.item-icon{font-size:3rem;margin-bottom:.5rem}.item-name{font-size:1.2rem;font-weight:700;color:#333;margin-bottom:.5rem}.item-info{color:#666;font-size:1rem}.reward-status-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;justify-content:center}.status-badge{padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;display:inline-flex;align-items:center;gap:.25rem}.status-badge.active{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.status-badge.inactive{background:#999;color:#fff}.status-badge.assigned{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.status-badge.everyone{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.assignments-list{display:flex;flex-direction:column;gap:1rem}.assignments-header{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.assignment-filter{padding:.75rem 1.5rem;border:2px solid #667eea;background:#fff;border-radius:10px;font-size:1rem;font-weight:500;color:#333;cursor:pointer;transition:all .2s;outline:none}.assignment-filter:hover{background:#f5f5f5;border-color:#5568d3}.assignment-filter:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.assignment-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#f5f5f5;border-radius:15px;gap:1rem;transition:transform .2s,background .2s,box-shadow .2s}.assignment-item:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.assignment-item.selected{background:#e3f2fd;box-shadow:0 0 0 3px #2196f3;transform:translateY(-2px)}.assignment-info{display:flex;align-items:center;gap:1rem;flex:1}.assignment-icon{font-size:2rem;width:50px;height:50px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center}.assignment-details{display:flex;flex-direction:column;gap:.25rem;flex:1}.assignment-details strong{font-size:1.1rem;color:#667eea}.assignment-details span{color:#333}.assignment-category{font-size:.9rem;color:#999}.assignment-points{font-size:1.3rem;font-weight:700;color:#4caf50;min-width:100px;text-align:center}.assignment-actions{display:flex;gap:.5rem}@media (max-width: 768px){.setup-subsection{padding:1rem}.setup-subsection-header{flex-direction:column;align-items:flex-start}.tasks-header-buttons{width:100%}.tasks-header-buttons button{flex:1;min-width:120px}.task-library-main{flex-wrap:wrap}.task-library-actions{width:100%;justify-content:flex-end}.items-grid{grid-template-columns:1fr}.assignment-item{flex-direction:column;align-items:flex-start}.assignment-info{width:100%}.assignment-actions{width:100%;justify-content:flex-end}}.review-section h2{color:#333;margin-bottom:1.5rem}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.review-header h2{margin:0}.review-filter{margin-bottom:1.5rem;padding:1rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;box-shadow:0 2px 8px #0000000d}.review-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;box-shadow:0 2px 8px #0000000d}.child-filter-select,.filter-select{flex:1;min-width:180px;padding:.75rem 2.5rem .75rem 1rem;border:2px solid #dee2e6;border-radius:8px;font-size:14px;background:#fff;color:#495057;transition:all .2s;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23495057' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.child-filter-select:hover,.filter-select:hover{border-color:#667eea}.child-filter-select:focus,.filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.review-bulk-actions{display:flex;gap:.75rem}.approve-all-button,.reject-all-button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.approve-all-button{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff}.approve-all-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.reject-all-button{background:linear-gradient(135deg,#f44336,#e57373);color:#fff}.reject-all-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f4433666}.empty-message{text-align:center;color:#999;font-size:1.2rem;padding:3rem}.pending-list{display:flex;flex-direction:column;gap:1rem}.pending-item{position:relative;display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#f5f5f5;border-radius:10px;gap:1rem}.pending-info{display:flex;flex-direction:row;align-items:center;gap:1.5rem;flex:1;padding-top:0}.pending-info>*{flex-shrink:0}.pending-info strong{font-size:1rem;color:#333;min-width:120px;flex-shrink:0}.pending-info>span:nth-child(3){flex:1;color:#666;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pending-info .positive{color:#4caf50;font-weight:700;min-width:100px;text-align:right}.pending-info .negative{color:#f44336;font-weight:700;min-width:100px;text-align:right}.transaction-category{font-size:.75rem;color:#667eea;background:#667eea26;padding:.25rem .6rem;border-radius:4px;display:inline-block;font-weight:600;text-transform:capitalize;white-space:nowrap}.task-info{display:flex;align-items:center;gap:.5rem;color:#666}.task-icon{font-size:1.1rem;display:inline-flex;align-items:center}.timestamp{font-size:.85rem;color:#999;min-width:150px;text-align:right}.pending-actions{display:flex;gap:.5rem}.approve-button,.reject-button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:700;transition:all .2s}.approve-button{background:#4caf50;color:#fff}.approve-button:hover{background:#45a049}.reject-button{background:#f44336;color:#fff}.reject-button:hover{background:#da190b}.pagination-info{text-align:center;color:#666;font-size:.9rem;margin:.5rem 0 1rem;padding:.5rem;background:#f8f9fa;border-radius:8px}@media (max-width: 768px){.pending-item{flex-direction:column;align-items:flex-start}.pending-info{flex-direction:column;align-items:flex-start;gap:.5rem;width:100%}.pending-info>*{width:100%}.pending-info strong{min-width:auto}.pending-info>span:nth-child(2){white-space:normal}.pending-info .positive,.pending-info .negative,.timestamp{min-width:auto;text-align:left}.pending-actions{width:100%}.approve-button,.reject-button{flex:1}}.history-section{animation:fadeIn .2s ease-in}.history-section h2{margin-bottom:1.5rem}.filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;box-shadow:0 2px 8px #0000000d}.filters select,.filters input[type=date]{flex:1;min-width:180px;padding:.75rem 1rem;border:2px solid #dee2e6;border-radius:8px;font-size:14px;background:#fff;color:#495057;transition:all .2s;cursor:pointer}.filters select:hover,.filters input[type=date]:hover{border-color:#667eea}.filters select:focus,.filters input[type=date]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filters select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23495057' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:10px;transition:all .2s}.history-item:hover{background:#e9ecef;transform:translate(-5px)}.transaction-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.transaction-child{font-weight:700;color:#333}.transaction-desc{color:#666;font-size:.9rem}.transaction-date{color:#999;font-size:.85rem}.transaction-amount{font-size:1.2rem;font-weight:700;min-width:100px;text-align:right}.pagination-info{text-align:center;color:#666;font-size:.9rem;margin:1rem 0 .5rem;padding:.5rem;background:#f8f9fa;border-radius:8px}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;padding:1rem}.pagination-btn{padding:.5rem 1rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:1.2rem;cursor:pointer;transition:all .2s;min-width:50px}.pagination-btn:hover:not(:disabled){background:#5568d3;transform:scale(1.05)}.pagination-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.pagination-text{font-size:.9rem;color:#666;font-weight:500;min-width:120px;text-align:center}.reports-section{padding:1.5rem}.reports-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.reports-header h2{margin:0 0 .5rem;color:#333}.reports-description{color:#666;margin:0}.reports-content{display:flex;flex-direction:column;gap:2rem}.report-types h3,.report-filters h3,.export-section h3,.report-info h4{margin:0 0 1rem;color:#444;font-size:1.1rem}.report-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.report-type-card{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:all .2s}.report-type-card:hover{border-color:#4caf50;background:#f8fdf8;transform:translateY(-2px);box-shadow:0 4px 12px #4caf5026}.report-type-card.selected{border-color:#4caf50;background:linear-gradient(135deg,#f8fdf8,#e8f5e9);box-shadow:0 4px 12px #4caf5033}.report-type-icon{font-size:2.5rem;margin-bottom:.5rem}.report-type-label{font-weight:600;color:#333;text-align:center}.report-filters{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:1.5rem}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-weight:600;color:#555;font-size:.9rem}.filter-select,.filter-input{padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;background:#fff;transition:border-color .2s}.filter-select:focus,.filter-input:focus{outline:none;border-color:#4caf50}.export-section{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:1.5rem}.export-description{color:#666;margin-bottom:1rem}.export-buttons{display:flex;gap:1rem;flex-wrap:wrap}.export-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.export-btn:disabled{opacity:.6;cursor:not-allowed}.export-btn.csv{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.export-btn.csv:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.export-btn.json{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.export-btn.json:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #2196f34d}.export-btn.pdf{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.export-btn.pdf:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #f443364d}.btn-icon{font-size:1.2rem}.report-info{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;padding:1.5rem}.report-info ul{margin:0;padding-left:1.5rem}.report-info li{color:#555;margin-bottom:.75rem;line-height:1.5}.report-info strong{color:#333}@media (max-width: 768px){.reports-section{padding:1rem}.report-type-grid{grid-template-columns:repeat(2,1fr)}.filters-grid{grid-template-columns:1fr}.export-buttons{flex-direction:column}.export-btn{width:100%;justify-content:center}}.goals-tab{padding:1.5rem}.goals-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.goals-header h2{margin:0;color:#333}.btn-add-goal{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s}.btn-add-goal:hover{transform:translateY(-2px)}.goal-form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.goal-form{background:#fff;border-radius:12px;padding:2rem;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;position:relative}.goal-form .modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;color:#999;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;z-index:1}.goal-form .modal-close:hover{background:#f0f0f0;color:#333}.goal-form h3{margin:0 0 1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#555}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.btn-cancel,.btn-save{padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:600;cursor:pointer}.btn-cancel{background:#e0e0e0;color:#666}.btn-save{background:#4caf50;color:#fff}.goals-list{display:grid;gap:1.5rem}.empty-state{text-align:center;padding:3rem;color:#999}.goal-card{background:#fff;border:1px solid #e0e0e0;border-left:4px solid #2196F3;border-radius:8px;padding:1.5rem;transition:box-shadow .2s}.goal-card:hover{box-shadow:0 4px 12px #0000001a}.goal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.goal-header h3{margin:0;color:#333}.goal-actions{display:flex;gap:.5rem}.btn-icon{background:none;border:none;font-size:1.2rem;cursor:pointer;opacity:.6;transition:opacity .2s}.btn-icon:hover{opacity:1}.goal-description{color:#666;margin:.5rem 0}.goal-meta{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0;font-size:.9rem}.goal-meta span{display:flex;align-items:center;gap:.3rem}.goal-status{padding:.25rem .75rem;border-radius:12px;font-weight:600}.goal-status.active{background:#e8f5e9;color:#4caf50}.goal-status.inactive{background:#f5f5f5;color:#999}.goal-progress-section{margin-top:1rem;padding-top:1rem;border-top:1px solid #f0f0f0}.progress-info{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;color:#666}.progress-bar{height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;transition:width .3s ease}.progress-percent{font-size:.85rem;color:#999}.goal-meta-separator{color:#ddd;margin:0 8px}.progress-fill.completed{background-color:#4caf50}.progress-fill.active{background-color:#2196f3}.goal-card.inactive{border-left-color:#999}.goal-card.completed{border-left-color:#4caf50}.goal-card.active{border-left-color:#2196f3}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.goal-meta{flex-direction:column;gap:.5rem}}.parent-dashboard{height:calc(100vh - 60px);padding:2rem;overflow-y:auto;overflow-x:hidden}.parent-dashboard h1{color:#fff;font-size:2.5rem;margin-bottom:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.tabs{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.tabs button{background:#fff3;color:#fff;border:none;padding:1rem 2rem;border-radius:10px;font-size:1.1rem;transition:all .2s}.tabs button:hover{background:#ffffff4d}.tabs button.active{background:#fff;color:#667eea;font-weight:700}.tab-content{background:#fff;border-radius:20px;padding:2rem;min-height:400px;position:relative}.tab-content>div{animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.parent-dashboard{padding:1rem}.parent-dashboard h1{font-size:2rem}.tabs{justify-content:center}.tabs button{padding:.75rem 1rem;font-size:.95rem}}.app{min-height:100vh;display:flex;flex-direction:column;padding-top:60px}.home{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 60px);padding:2rem}.home h1{color:#fff;font-size:3rem;margin-bottom:3rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.home-buttons{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.home-button{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 4rem;border-radius:20px;text-decoration:none;font-size:1.5rem;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 30px #0000004d}.home-button:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0006}.home-button .icon{font-size:4rem}.child-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.parent-button{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}@media (max-width: 768px){.home h1{font-size:2rem}.home-button{padding:2rem 3rem;font-size:1.2rem}.home-button .icon{font-size:3rem}}