.loading-spinner-overlay{position:fixed;inset:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:9999}.loading-spinner-content{display:flex;flex-direction:column;align-items:center;gap:16px}.spinner{display:inline-block;position:relative}.spinner-circle{border-radius:50%;border-style:solid;border-color:#4caf50 transparent #4caf50 transparent;animation:spin 1.2s linear infinite}.loading-spinner-content.small .spinner-circle{width:24px;height:24px;border-width:3px}.loading-spinner-content.medium .spinner-circle{width:40px;height:40px;border-width:4px}.loading-spinner-content.large .spinner-circle{width:64px;height:64px;border-width:6px}.loading-message{margin:0;color:#666;font-size:1rem;text-align:center}.loading-spinner-content.small .loading-message{font-size:.875rem}.loading-spinner-content.large .loading-message{font-size:1.125rem}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;max-width:400px}[dir=rtl] .toast-container{left:20px;right:auto}.toast{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fff;border-radius:8px;box-shadow:0 4px 16px #00000026;border-left:4px solid;animation:slideIn .3s ease-out;min-width:320px}[dir=rtl] .toast{border-left:none;border-right:4px solid}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRTL{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}[dir=rtl] .toast{animation:slideInRTL .3s ease-out}.toast-success{border-left-color:#4caf50}[dir=rtl] .toast-success{border-right-color:#4caf50}.toast-success .toast-icon{color:#4caf50;background:#e8f5e9}.toast-error{border-left-color:#f44336}[dir=rtl] .toast-error{border-right-color:#f44336}.toast-error .toast-icon{color:#f44336;background:#ffebee}.toast-warning{border-left-color:#ff9800}[dir=rtl] .toast-warning{border-right-color:#ff9800}.toast-warning .toast-icon{color:#ff9800;background:#fff3e0}.toast-info{border-left-color:#2196f3}[dir=rtl] .toast-info{border-right-color:#2196f3}.toast-info .toast-icon{color:#2196f3;background:#e3f2fd}.toast-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}.toast-message{flex:1;color:#333;font-size:.95rem;line-height:1.4}.toast-action{border:1px solid rgba(33,150,243,.35);background:#2196f314;color:#0f5fa7;padding:4px 10px;border-radius:999px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background-color .2s,border-color .2s;flex-shrink:0}.toast-action:hover{background:#2196f324;border-color:#2196f38c}.toast-close{background:none;border:none;color:#666;font-size:1.2rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s,color .2s;flex-shrink:0}.toast-close:hover{background:#f0f0f0;color:#333}@media(max-width:600px){.toast-container{top:10px;right:10px;left:10px;max-width:none}[dir=rtl] .toast-container{right:10px;left:10px}.toast{min-width:auto;width:100%}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.error-container{background:#fff;border-radius:16px;padding:48px 40px;max-width:600px;width:100%;box-shadow:0 20px 60px #0000004d;text-align:center}.error-icon{font-size:4rem;margin-bottom:24px;animation:shake .5s ease-in-out}.error-container h1{font-size:2rem;color:#333;margin:0 0 16px}.error-message{font-size:1.1rem;color:#666;margin:0 0 32px;line-height:1.6}.error-details{margin:24px 0;text-align:left;background:#f8f9fa;border-radius:8px;padding:16px;border:1px solid #e0e0e0}.error-details summary{cursor:pointer;font-weight:600;color:#555;padding:8px;user-select:none}.error-details summary:hover{color:#333}.error-stack{margin:16px 0 0;padding:16px;background:#fff;border-radius:6px;border:1px solid #e0e0e0;overflow-x:auto;font-size:.85rem;color:#d32f2f;white-space:pre-wrap;word-break:break-word}.error-actions{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.error-actions button{padding:12px 24px;font-size:1rem;border-radius:8px;border:none;cursor:pointer;font-weight:500;transition:transform .2s,box-shadow .2s}.error-actions .btn-primary{background:#4caf50;color:#fff}.error-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.error-actions .btn-secondary{background:#f0f0f0;color:#333}.error-actions .btn-secondary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.error-support{font-size:.9rem;color:#888;margin:0}.error-support a{color:#667eea;text-decoration:none;font-weight:500}.error-support a:hover{text-decoration:underline}[dir=rtl] .error-details{text-align:right}@media(max-width:600px){.error-container{padding:32px 24px}.error-container h1{font-size:1.5rem}.error-message{font-size:1rem}.error-actions{flex-direction:column}.error-actions button{width:100%}}:root{--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--text-primary: #1e293b;--text-secondary: #64748b;--text-tertiary: #6b7280;--text-muted: #9ca3af;--primary-color: #6366f1;--primary-dark: #4f46e5;--brand-primary: #7c3aed;--brand-primary-hover: #6d28d9;--secondary-color: #64748b;--success-color: #10b981;--danger-color: #ef4444;--warning-color: #f59e0b;--color-success: #10b981;--color-danger: #ef4444;--color-warning: #f59e0b;--color-info: #3b82f6;--background: #f8fafc;--surface: #ffffff;--border: #e2e8f0;--border-color: #e5e7eb;--border-light: #f3f4f6;--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 4px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--error-bg: #fee2e2;--error-text: #991b1b;--info-bg: #dbeafe;--info-text: #1e40af;--success-bg: #d1fae5;--success-text: #065f46;--warning-bg: #fef3c7;--warning-text: #92400e;--widget-error-bg: #fef2f2}[data-theme=dark]{--bg-primary: #1f2937;--bg-secondary: #111827;--bg-tertiary: #374151;--text-primary: #f9fafb;--text-secondary: #e5e7eb;--text-tertiary: #9ca3af;--text-muted: #6b7280;--primary-color: #818cf8;--primary-dark: #6366f1;--brand-primary: #a78bfa;--brand-primary-hover: #8b5cf6;--secondary-color: #94a3b8;--success-color: #34d399;--danger-color: #f87171;--warning-color: #fbbf24;--color-success: #34d399;--color-danger: #f87171;--color-warning: #fbbf24;--color-info: #60a5fa;--background: #111827;--surface: #1f2937;--border: #374151;--border-color: #374151;--border-light: #4b5563;--shadow: 0 1px 3px 0 rgb(0 0 0 / .4), 0 1px 2px -1px rgb(0 0 0 / .3);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 4px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .3);--error-bg: #451a1a;--error-text: #fca5a5;--info-bg: #1e3a5f;--info-text: #93c5fd;--success-bg: #14332a;--success-text: #6ee7b7;--warning-bg: #3b2f1a;--warning-text: #fde68a;--widget-error-bg: #451a1a}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-primary: #1f2937;--bg-secondary: #111827;--bg-tertiary: #374151;--text-primary: #f9fafb;--text-secondary: #e5e7eb;--text-tertiary: #9ca3af;--text-muted: #6b7280;--primary-color: #818cf8;--primary-dark: #6366f1;--brand-primary: #a78bfa;--brand-primary-hover: #8b5cf6;--secondary-color: #94a3b8;--success-color: #34d399;--danger-color: #f87171;--warning-color: #fbbf24;--color-success: #34d399;--color-danger: #f87171;--color-warning: #fbbf24;--color-info: #60a5fa;--background: #111827;--surface: #1f2937;--border: #374151;--border-color: #374151;--border-light: #4b5563;--shadow: 0 1px 3px 0 rgb(0 0 0 / .4), 0 1px 2px -1px rgb(0 0 0 / .3);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 4px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .3);--error-bg: #451a1a;--error-text: #fca5a5;--info-bg: #1e3a5f;--info-text: #93c5fd;--success-bg: #14332a;--success-text: #6ee7b7;--warning-bg: #3b2f1a;--warning-text: #fde68a;--widget-error-bg: #451a1a}}*{margin:0;padding:0;box-sizing:border-box}.skip-nav{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:9999}.skip-nav:focus{position:fixed;top:10px;left:10px;width:auto;height:auto;padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;box-shadow:var(--shadow-lg);outline:2px solid white}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-color:var(--background);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1.2rem;color:var(--text-secondary)}.btn-primary,.btn-secondary,.btn-success,.btn-danger,.btn-disabled{padding:.625rem 1.25rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark)}.btn-secondary{background-color:var(--secondary-color);color:#fff}.btn-secondary:hover:not(:disabled){background-color:#475569}.btn-success{background-color:var(--success-color);color:#fff}.btn-success:hover:not(:disabled){background-color:#059669}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-disabled{background-color:var(--border);color:var(--text-secondary);cursor:not-allowed}button:disabled{opacity:.6;cursor:not-allowed}input,textarea,select{width:100%;padding:.625rem;border:1px solid var(--border);border-radius:.5rem;font-size:.875rem;font-family:inherit;transition:border-color .2s;background-color:var(--surface);color:var(--text-primary)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:600;color:var(--text-primary)}.error-message{padding:.75rem 1rem;background-color:var(--error-bg);color:var(--error-text);border-radius:.5rem;margin-bottom:1rem;font-size:.875rem}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-secondary);font-size:.875rem}.skeleton-text{background-color:var(--border);border-radius:4px;height:1em;animation:pulse 1.5s infinite ease-in-out}.skeleton-text.h1{height:2rem}.skeleton-text.h2{height:1.5rem}.skeleton-circle{background-color:var(--border);border-radius:50%;animation:pulse 1.5s infinite ease-in-out}.skeleton-button{background-color:var(--border);border-radius:.5rem;height:40px;animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}.widget-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background-color:var(--widget-error-bg);border:1px dashed var(--danger-color);border-radius:.5rem;color:var(--danger-color);gap:.5rem;font-size:.875rem}.password-input-wrapper{width:100%;margin-bottom:16px}.password-label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#333}[dir=rtl] .password-label{text-align:right}.password-input-container{position:relative;width:100%}.password-input{width:100%;padding:12px 48px 12px 16px;font-size:16px;border:2px solid #e0e0e0;border-radius:8px;outline:none;transition:all .2s ease;background-color:#fff}[dir=rtl] .password-input{padding:12px 16px 12px 48px}.password-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.password-input.error{border-color:#ef4444}.password-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:#666;transition:color .2s ease;border-radius:4px}[dir=rtl] .password-toggle{right:auto;left:12px}.password-toggle:hover{color:#6366f1;background-color:#6366f10d}.password-toggle:focus{outline:2px solid #6366f1;outline-offset:2px}.password-error{display:block;margin-top:6px;font-size:13px;color:#ef4444}[dir=rtl] .password-error{text-align:right}@keyframes slideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.password-error{animation:slideIn .2s ease}@media(max-width:600px){.password-input{padding:10px 44px 10px 14px;font-size:16px}[dir=rtl] .password-input{padding:10px 14px 10px 44px}.password-toggle{right:10px}[dir=rtl] .password-toggle{left:10px}}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.auth-container:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.4;pointer-events:none}.auth-card{background-color:#fff;padding:2.5rem;border-radius:1.5rem;box-shadow:0 20px 60px #0000004d;width:100%;max-width:440px;position:relative;z-index:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}.auth-header{margin-bottom:2rem}.auth-card h1{font-size:2rem;font-weight:700;text-align:center;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-card h2{font-size:1.5rem;font-weight:600;text-align:center;margin-bottom:.5rem;color:#1f2937}.auth-description{text-align:center;color:#6b7280;font-size:.875rem;margin-bottom:1.5rem;line-height:1.5}.auth-card form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.auth-link{text-align:center;margin-top:1rem;font-size:.875rem;color:var(--text-secondary)}.auth-link a{color:var(--primary-color);text-decoration:none;font-weight:600}.auth-link a:hover{text-decoration:underline}.auth-divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:var(--text-secondary);font-size:.875rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--border)}.auth-divider span{padding:0 1rem}.btn-google{width:100%;padding:.75rem 1.25rem;background-color:#fff;border:1px solid var(--border);border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.75rem;color:var(--text-primary)}.btn-google:hover:not(:disabled){background-color:var(--background);box-shadow:var(--shadow)}.btn-google:disabled{opacity:.6;cursor:not-allowed}.info-message{padding:.75rem 1rem;background-color:#dbeafe;color:#1e40af;border-radius:.5rem;margin-bottom:1rem;font-size:.875rem;text-align:center}.error-message{padding:.75rem 1rem;background-color:#fee2e2;color:#991b1b;border-radius:.75rem;margin-bottom:1rem;font-size:.875rem;display:flex;align-items:center;gap:.5rem;animation:slideDown .3s ease-out}.success-message{padding:.75rem 1rem;background-color:#d1fae5;color:#065f46;border-radius:.75rem;margin-bottom:1rem;font-size:.875rem;display:flex;align-items:center;gap:.5rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;cursor:pointer;user-select:none}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#6366f1}.checkbox-label span{font-weight:500}.link-button{background:none;border:none;color:#6366f1;font-size:.875rem;font-weight:600;cursor:pointer;padding:0;transition:color .2s}.link-button:hover{color:#4f46e5;text-decoration:underline}.btn-text{width:100%;padding:.75rem;background:none;border:none;color:#6366f1;font-size:.875rem;font-weight:600;cursor:pointer;transition:color .2s;margin-top:.5rem}.btn-text:hover{color:#4f46e5}.spinner{animation:spin 1s linear infinite}.btn-primary{display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.btn-primary:active:not(:disabled){transform:translateY(0)}[dir=rtl] .form-options,[dir=rtl] .checkbox-label,[dir=rtl] .error-message,[dir=rtl] .success-message{flex-direction:row-reverse}@media(max-width:600px){.auth-container{padding:.5rem}.auth-card{padding:2rem 1.5rem;border-radius:1.25rem}.auth-card h1{font-size:1.75rem}.auth-card h2{font-size:1.25rem}.form-options{flex-direction:column;align-items:flex-start;gap:.75rem}[dir=rtl] .form-options{align-items:flex-end}}.signup-hero{text-align:center;margin-bottom:2rem}.hero-icon{font-size:4rem;color:#667eea;margin-bottom:1rem;animation:bounceIn .8s ease}.signup-hero h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.hero-subtitle{font-size:1rem;color:var(--text-secondary);margin:0}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;user-select:none}.checkbox-label input[type=checkbox]{width:auto;cursor:pointer}.checkbox-label span{font-size:.9375rem;color:var(--text-primary)}.invite-code-group{background:linear-gradient(135deg,#667eea0d,#764ba20d);border:2px solid rgba(102,126,234,.2);border-radius:.75rem;padding:1.25rem;margin-bottom:1.5rem;animation:slideInDown .4s ease}.invite-code-group label{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.code-badge{display:inline-flex;align-items:center;gap:.25rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600}.code-from-url{border-color:#10b981!important;background:linear-gradient(135deg,#10b9810d,#0596690d)!important}.help-text{display:block;margin-top:.5rem;font-size:.875rem;color:var(--text-secondary);text-align:center}.success-message{background:linear-gradient(135deg,#10b9811a,#0596691a);border:2px solid rgba(16,185,129,.3);color:#10b981;padding:1rem;border-radius:.75rem;margin-bottom:1.5rem;font-size:.9375rem;font-weight:600;text-align:center;animation:slideInDown .4s ease}@media(max-width:768px){.hero-icon{font-size:3rem}.signup-hero h1{font-size:1.5rem}.invite-code-group{padding:1rem}}.password-strength-indicator{margin-top:8px;margin-bottom:16px}.strength-bar-container{width:100%;height:4px;background-color:#e0e0e0;border-radius:2px;overflow:hidden;margin-bottom:4px}.strength-bar{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:2px}.strength-label{font-size:.875rem;font-weight:600;margin-bottom:8px}.strength-feedback{list-style:none;padding:0;margin:0}.strength-feedback li{font-size:.75rem;color:#f44336;margin-bottom:4px;padding-left:16px;position:relative}.strength-feedback li:before{content:"•";position:absolute;left:0;color:#f44336}[dir=rtl] .strength-feedback li{padding-left:0;padding-right:16px}[dir=rtl] .strength-feedback li:before{left:auto;right:0}.welcome-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;gap:2rem;position:relative}.welcome-illustration{width:100%;max-width:400px;height:300px;display:flex;align-items:center;justify-content:center}.welcome-illustration img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(0,0,0,.2))}.welcome-card{background:#fff;border-radius:20px;padding:40px;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d;text-align:center;position:relative;z-index:1}.welcome-title{font-size:2.5rem!important;margin-bottom:10px;color:#333}.welcome-card h1{font-size:2.5rem;margin-bottom:10px;color:#333}.subtitle{font-size:1.2rem;color:#666;margin-bottom:40px}.action-buttons{display:flex;flex-direction:column;gap:20px}.action-btn{display:flex;flex-direction:row;align-items:center;gap:1.5rem;padding:30px 20px;border:2px solid #e0e0e0;border-radius:15px;background:#fff;cursor:pointer;transition:all .3s ease;text-align:right}[dir=ltr] .action-btn{text-align:left}.btn-content{display:flex;flex-direction:column;gap:.5rem;flex:1}.action-btn:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026;border-color:#667eea}.action-btn.create-family:hover{background:linear-gradient(135deg,#667eea15,#764ba215)}.action-btn.join-family:hover{background:linear-gradient(135deg,#f093fb15,#f5576c15)}.btn-icon{font-size:3rem;margin-bottom:15px}.btn-text{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:8px}.btn-description{font-size:.9rem;color:#999}@media(max-width:600px){.welcome-card{padding:30px 20px}.welcome-card h1{font-size:2rem}.btn-text{font-size:1.3rem}}.context-hint{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid rgba(102,126,234,.3);border-radius:1rem;padding:1.25rem;margin-bottom:1.5rem;text-align:center}.context-hint p{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.code-preview{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#fff;border:2px solid #667eea;border-radius:.5rem;font-size:1rem;margin-top:.75rem}.code-preview strong{font-family:Courier New,monospace;font-size:1.25rem;letter-spacing:.2em;color:#667eea}.btn-badge{position:absolute;top:-10px;right:-10px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;box-shadow:0 4px 12px #10b98166;animation:pulse 2s infinite}.primary-action{border-color:#667eea!important;box-shadow:0 8px 24px #667eea4d!important;transform:scale(1.05)}.primary-action:hover{transform:scale(1.08)!important}.example-hint{text-align:center;margin-top:1.5rem;padding:1rem;background:var(--background);border-radius:.75rem}.example-hint p{font-size:.875rem;color:var(--text-secondary);margin:0}.example-hint code{font-family:Courier New,monospace;font-size:1rem;font-weight:700;letter-spacing:.15em;color:#667eea;background:#667eea1a;padding:.25rem .625rem;border-radius:.375rem}@media(max-width:768px){.context-hint{padding:1rem}.code-preview{flex-direction:column;gap:.375rem;padding:.75rem 1rem}.code-preview strong{font-size:1.125rem}.btn-badge{font-size:.6875rem;padding:.3125rem .625rem}.primary-action{transform:scale(1.02)}.primary-action:hover{transform:scale(1.04)!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out forwards}.fade-in-up{animation:fadeInUp .6s ease-out forwards}.fade-in-down{animation:fadeInDown .6s ease-out forwards}.fade-out{animation:fadeOut .4s ease-out forwards}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.slide-in-right{animation:slideInRight .5s cubic-bezier(.68,-.55,.265,1.55) forwards}.slide-in-left,[dir=rtl] .slide-in-right{animation:slideInLeft .5s cubic-bezier(.68,-.55,.265,1.55) forwards}[dir=rtl] .slide-in-left{animation:slideInRight .5s cubic-bezier(.68,-.55,.265,1.55) forwards}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.scale-in{animation:scaleIn .4s cubic-bezier(.68,-.55,.265,1.55) forwards}.scale-out{animation:scaleOut .3s ease-out forwards}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.bounce{animation:bounce 1s ease infinite}.bounce-in{animation:bounceIn .6s ease-out forwards}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.shake{animation:shake .5s ease-in-out}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-200deg) scale(.5)}to{opacity:1;transform:rotate(0) scale(1)}}.rotate{animation:rotate 2s linear infinite}.rotate-in{animation:rotateIn .6s ease-out forwards}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{background:linear-gradient(to right,#f6f7f8,#edeef1 20%,#f6f7f8 40% 100%);background-size:1000px 100%;animation:shimmer 2s linear infinite}@keyframes confetti-fall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.confetti{position:absolute;width:10px;height:10px;animation:confetti-fall 3s linear infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.float{animation:float 3s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 0 5px #4caf5080}50%{box-shadow:0 0 20px #4caf50cc,0 0 30px #4caf5099}}.glow{animation:glow 2s ease-in-out infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:transparent}}.typing{overflow:hidden;border-right:2px solid #4caf50;white-space:nowrap;animation:typing 3.5s steps(40,end),blink .75s step-end infinite}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.slide-up{animation:slideUp .4s cubic-bezier(.68,-.55,.265,1.55) forwards}@keyframes heartbeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.1)}20%,40%{transform:scale(1)}}.heartbeat{animation:heartbeat 1.5s ease-in-out infinite}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.animate-fast{animation-duration:.3s!important}.animate-normal{animation-duration:.5s!important}.animate-slow{animation-duration:1s!important}.animate-slower{animation-duration:2s!important}.animate-once{animation-iteration-count:1;animation-fill-mode:forwards}.animate-infinite{animation-iteration-count:infinite}.animate-paused{animation-play-state:paused!important}.animate-running{animation-play-state:running!important}.smooth-transition{transition:all .3s ease}.smooth-transition-slow{transition:all .6s ease}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow .3s ease}.hover-glow:hover{box-shadow:0 0 15px #4caf5099}.illustration-enter{animation:scaleIn .8s cubic-bezier(.68,-.55,.265,1.55) forwards}.illustration-float{animation:float 4s ease-in-out infinite}.illustration-pulse{animation:pulse 3s ease-in-out infinite}@keyframes celebrate{0%{transform:scale(.5) rotate(0);opacity:0}50%{transform:scale(1.2) rotate(180deg);opacity:1}to{transform:scale(1) rotate(360deg);opacity:1}}.celebrate{animation:celebrate .8s cubic-bezier(.68,-.55,.265,1.55) forwards}.stagger-children>*{opacity:0;animation:fadeInUp .6s ease-out forwards}.stagger-children>*:nth-child(1){animation-delay:.1s}.stagger-children>*:nth-child(2){animation-delay:.2s}.stagger-children>*:nth-child(3){animation-delay:.3s}.stagger-children>*:nth-child(4){animation-delay:.4s}.stagger-children>*:nth-child(5){animation-delay:.5s}.stagger-children>*:nth-child(6){animation-delay:.6s}.create-family-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.create-family-card{background:#fff;border-radius:20px;padding:40px;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d}.create-family-card h1{font-size:2rem;margin-bottom:10px;color:#333;text-align:center}.form-group input,.form-group select{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s}.form-group input:disabled,.form-group select:disabled{background:#f5f5f5;cursor:not-allowed}.submit-btn{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .3s,box-shadow .3s;margin-bottom:12px}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea66}.back-btn{width:100%;padding:12px;background:#fff;color:#667eea;border:2px solid #667eea;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.back-btn:hover:not(:disabled){background:#667eea;color:#fff}@media(max-width:600px){.create-family-card{padding:30px 20px}.create-family-card h1{font-size:1.7rem}}.join-family-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#f093fb,#f5576c);padding:20px}.join-family-card{background:#fff;border-radius:20px;padding:40px;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d}.join-family-card h1{font-size:2rem;margin-bottom:10px;color:#333;text-align:center}.subtitle{font-size:1rem;color:#666;margin-bottom:30px;text-align:center}.error-message{background:#fee;color:#c33;padding:12px;border-radius:8px;margin-bottom:20px;font-size:.9rem}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500}.form-group input{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#f093fb}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.form-group small{display:block;margin-top:8px;color:#999;font-size:.85rem}.submit-btn{width:100%;padding:14px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .3s,box-shadow .3s;margin-bottom:12px}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #f093fb66}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.back-btn{width:100%;padding:12px;background:#fff;color:#f093fb;border:2px solid #f093fb;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.back-btn:hover:not(:disabled){background:#f093fb;color:#fff}.back-btn:disabled{opacity:.6;cursor:not-allowed}.code-autofilled-message{background:linear-gradient(135deg,#10b9811a,#0596691a);border:2px solid rgba(16,185,129,.3);color:#10b981;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:.75rem;font-size:.9375rem;font-weight:600;text-align:center;animation:slideInDown .4s ease}.code-autofilled{border-color:#10b981!important;background:linear-gradient(135deg,#10b9810d,#0596690d)!important;animation:pulse .6s ease}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@media(max-width:600px){.join-family-card{padding:30px 20px}.join-family-card h1{font-size:1.7rem}.code-autofilled-message{font-size:.875rem;padding:.625rem .875rem}}.join-with-code-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2)}.join-card{background:#fff;border-radius:1.5rem;padding:3rem 2.5rem;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d;animation:slideInUp .5s ease}.join-header{text-align:center;margin-bottom:2rem}.join-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.5rem;animation:bounceIn .6s ease}.join-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.join-subtitle{font-size:1rem;color:var(--text-secondary);margin:0}.invite-preview{background:var(--background);border-radius:1rem;padding:1.5rem;text-align:center;margin-bottom:2rem;border:2px solid rgba(102,126,234,.2)}.invite-preview.success{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea4d}.check-icon{font-size:3rem;color:#10b981;margin-bottom:1rem}.invite-preview h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.invite-preview p{font-size:.9375rem;color:var(--text-secondary);margin:0 0 1rem}.family-name{font-size:1.5rem!important;font-weight:700!important;color:var(--text-primary)!important;margin:1rem 0!important}.invite-code-display{display:inline-block;padding:.75rem 1.5rem;background:#fff;border:2px solid #667eea;border-radius:.5rem;font-size:1.5rem;font-weight:700;letter-spacing:.2em;color:#667eea;margin:1rem 0;font-family:Courier New,monospace}.role-badge{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:9999px;font-size:.875rem;font-weight:600;margin-top:1rem!important}.invite-error{background:#ef44441a;border:2px solid rgba(239,68,68,.3);border-radius:1rem;padding:1.5rem;text-align:center;margin-bottom:2rem}.invite-error p{color:#ef4444;font-weight:600;margin:0 0 1rem}.join-actions{display:flex;flex-direction:column;gap:1rem}.btn-large{padding:1rem 2rem;font-size:1.125rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.join-hint{text-align:center;font-size:.9375rem;color:var(--text-secondary);margin:0}.link-button{background:none;border:none;color:#667eea;font-weight:600;cursor:pointer;padding:0;text-decoration:underline}.link-button:hover{color:#764ba2}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.join-with-code-page{padding:1rem}.join-card{padding:2rem 1.5rem}.join-icon{width:70px;height:70px;font-size:2rem}.join-header h1{font-size:1.5rem}.family-name{font-size:1.25rem!important}.invite-code-display{font-size:1.25rem;padding:.625rem 1.25rem}}.claim-account-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 1rem}.claim-card{background:#fff;border-radius:20px;padding:3rem;max-width:550px;width:100%;box-shadow:0 20px 60px #0000004d}.claim-header{text-align:center;margin-bottom:2rem}.claim-header.error .header-icon{color:#ef4444}.header-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;margin-bottom:1.5rem}.header-icon{font-size:3rem;color:#fff}.claim-header h1{font-size:2rem;margin-bottom:.5rem;color:#333}.claim-subtitle{font-size:1.1rem;color:#666}.child-info-preview{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid rgba(102,126,234,.3);border-radius:1rem;padding:1.5rem;margin-bottom:2rem;position:relative}.child-info-preview .check-icon{position:absolute;top:1rem;right:1rem;font-size:1.5rem;color:#10b981}.info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.info-row:last-child{margin-bottom:0}.info-label{font-size:.95rem;color:#666;font-weight:500}.info-value{font-size:1rem;color:#333;font-weight:600}.claim-form{display:flex;flex-direction:column;gap:1.5rem}.form-section{text-align:center;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb;margin-bottom:.5rem}.form-section h3{font-size:1.3rem;color:#333;margin-bottom:.25rem}.form-hint{font-size:.9rem;color:#666}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;color:#333}.form-group label svg{font-size:1.1rem;color:#667eea}.form-group input{padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background-color:#f3f4f6;cursor:not-allowed}.error-message{padding:1rem;background-color:#fee;border:1px solid #fcc;border-radius:.5rem;color:#c33;font-size:.9rem;text-align:center}.btn-primary.btn-large{padding:1rem 2rem;font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:.75rem;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.btn-primary.btn-large:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #667eea66}.btn-primary.btn-large:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-footer{text-align:center;margin-top:.5rem}.security-note{font-size:.85rem;color:#999;margin:0;line-height:1.5}.btn-secondary{padding:.75rem 1.5rem;background-color:#f3f4f6;color:#333;border:2px solid #e5e7eb;border-radius:.75rem;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;width:100%;margin-top:1rem}.btn-secondary:hover{background-color:#e5e7eb;transform:translateY(-2px)}.loading{text-align:center;padding:3rem;font-size:1.2rem;color:#667eea}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .5s ease-out}[dir=rtl] .child-info-preview .check-icon{right:auto;left:1rem}[dir=rtl] .form-group label{flex-direction:row-reverse}@media(max-width:768px){.claim-card{padding:2rem 1.5rem}.claim-header h1{font-size:1.75rem}.header-icon-wrapper{width:70px;height:70px}.header-icon{font-size:2.5rem}.child-info-preview{padding:1.25rem}.form-section h3{font-size:1.1rem}.btn-primary.btn-large{padding:.875rem 1.5rem;font-size:1rem}}.route-guard-loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;color:#667eea}.notification-prompt{position:fixed;bottom:20px;right:20px;left:auto;background-color:#4caf50;color:#fff;padding:16px 24px;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:350px;z-index:1000}[dir=rtl] .notification-prompt{right:auto;left:20px}.notification-prompt-title{margin:0 0 8px;font-size:16px}.notification-prompt-text{margin:0 0 12px;font-size:14px;opacity:.9}.notification-prompt-actions{display:flex;gap:8px}.notification-prompt-btn-primary{background-color:#fff;color:#4caf50;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:700}.notification-prompt-btn-secondary{background-color:transparent;color:#fff;border:1px solid white;padding:8px 16px;border-radius:4px;cursor:pointer}.notification-prompt-error{margin:8px 0 0;font-size:12px;color:#ffebee}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:10001;background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;padding:12px 20px;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 2px 8px #0003;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.offline-icon{font-size:1.5rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.offline-content{display:flex;flex-direction:column;gap:4px}.offline-content strong{font-size:1rem;font-weight:600}.offline-content span{font-size:.85rem;opacity:.9}[dir=rtl] .offline-banner{flex-direction:row-reverse}@media(max-width:600px){.offline-banner{padding:10px 16px}.offline-icon{font-size:1.25rem}.offline-content strong{font-size:.9rem}.offline-content span{font-size:.8rem}}.admin-layout{display:flex;min-height:100vh;background-color:#f9fafb}.admin-sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;background:linear-gradient(180deg,#7c3aed,#6366f1);color:#fff;display:flex;flex-direction:column;transition:all .3s ease;z-index:1000;box-shadow:4px 0 12px #0000001a}.admin-sidebar.closed{width:72px}.sidebar-header{padding:1.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;gap:1rem}.sidebar-title{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.admin-badge{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:#fff3;padding:.25rem .75rem;border-radius:9999px;width:fit-content}.app-name{font-size:1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-toggle{background:#ffffff1a;border:none;color:#fff;padding:.5rem;border-radius:.5rem;cursor:pointer;transition:all .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sidebar-toggle:hover{background:#fff3}.sidebar-nav{flex:1;padding:1rem .5rem;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;color:#ffffffe6;text-decoration:none;border-radius:.75rem;transition:all .2s;font-weight:500;font-size:.9375rem;position:relative}.admin-sidebar.closed .nav-item{justify-content:center;padding:.875rem}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:#ffffff26;color:#fff;font-weight:600}.nav-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-arrow{flex-shrink:0;margin-left:auto}.admin-sidebar.closed .nav-label,.admin-sidebar.closed .nav-arrow{display:none}.sidebar-footer{padding:1rem;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:.75rem}.user-info{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff1a;border-radius:.75rem}.user-info.collapsed{justify-content:center;padding:.75rem .5rem}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#f59e0b);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;color:#fff;flex-shrink:0}.user-details{flex:1;min-width:0}.user-name{font-weight:600;font-size:.9375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.75rem;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-info.collapsed .user-details{display:none}.btn-signout{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;border-radius:.75rem;cursor:pointer;transition:all .2s;font-weight:500;font-size:.9375rem}.admin-sidebar.closed .btn-signout{padding:.75rem}.admin-sidebar.closed .btn-signout span{display:none}.btn-signout:hover{background:#ef444433;border-color:#ef444480;color:#fef2f2}.admin-main{flex:1;margin-left:280px;transition:margin-left .3s ease;display:flex;flex-direction:column;min-height:100vh}.admin-sidebar.closed+.admin-main{margin-left:72px}.admin-breadcrumbs{display:flex;align-items:center;gap:.5rem;padding:1.5rem 2rem;background:#fff;border-bottom:1px solid #e5e7eb;font-size:.875rem}.breadcrumb-link{color:#6366f1;text-decoration:none;font-weight:500;transition:color .2s}.breadcrumb-link:hover{color:#4f46e5;text-decoration:underline}.breadcrumb-separator{color:#9ca3af}.breadcrumb-current{color:#6b7280;font-weight:600}.admin-content{flex:1;padding:2rem}.sidebar-overlay{display:none}[dir=rtl] .admin-sidebar{left:auto;right:0;box-shadow:-4px 0 12px #0000001a}[dir=rtl] .admin-main{margin-left:0;margin-right:280px}[dir=rtl] .admin-sidebar.closed+.admin-main{margin-left:0;margin-right:72px}[dir=rtl] .nav-item{flex-direction:row-reverse}[dir=rtl] .nav-arrow{margin-left:0;margin-right:auto;transform:scaleX(-1)}[dir=rtl] .user-info,[dir=rtl] .btn-signout,[dir=rtl] .admin-breadcrumbs{flex-direction:row-reverse}@media(max-width:1024px){.admin-sidebar{transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}[dir=rtl] .admin-sidebar{transform:translate(100%)}[dir=rtl] .admin-sidebar.open{transform:translate(0)}.admin-main{margin-left:0}[dir=rtl] .admin-main{margin-right:0}.sidebar-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:999}}@media(max-width:768px){.admin-content{padding:1.5rem 1rem}.admin-breadcrumbs{padding:1rem 1.5rem;font-size:.8125rem}}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}[dir=rtl]{direction:rtl;text-align:right}[dir=rtl] body{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans Arabic,Droid Arabic Naskh,Tahoma,sans-serif}[dir=rtl] .dashboard-header,[dir=rtl] .tabs{flex-direction:row-reverse}[dir=rtl] .form-actions{justify-content:flex-start}[dir=rtl] .task-header{flex-direction:row-reverse}[dir=rtl] .task-header>div{flex-direction:row-reverse}[dir=rtl] .task-meta,[dir=rtl] .task-actions,[dir=rtl] .reward-cost,[dir=rtl] .redemption-card,[dir=rtl] .redemption-actions{flex-direction:row-reverse}[dir=rtl] .auth-container,[dir=rtl] .auth-link{text-align:right}[dir=rtl] .modal-header,[dir=rtl] .language-toggle,[dir=rtl] .avatar-picker,[dir=rtl] .section-header,[dir=rtl] .modal-actions,[dir=rtl] .emoji-picker{flex-direction:row-reverse}[dir=rtl] input,[dir=rtl] textarea,[dir=rtl] select{text-align:right;direction:rtl}[dir=rtl] .stat-number,[dir=rtl] .points,[dir=rtl] .points-cost,[dir=rtl] .points-display strong,[dir=rtl] code{direction:ltr;unicode-bidi:embed}[dir=rtl] button{flex-direction:row-reverse}[dir=rtl] .checklist-item{flex-direction:row-reverse;text-align:right}[dir=rtl] .child-card{text-align:center}[dir=rtl] .stat-icon,[dir=rtl] .task-emoji,[dir=rtl] .reward-icon,[dir=rtl] .redemption-icon{transform:scaleX(1)}[dir=rtl] .progress-bar,[dir=rtl] progress{direction:rtl}[dir=rtl] .toast,[dir=rtl] .toast-container{left:20px;right:auto}[dir=rtl] .toast-content{flex-direction:row-reverse}[dir=rtl] .error-message,[dir=rtl] .success-message,[dir=rtl] .validation-error{text-align:right}[dir=rtl] input[type=range]{direction:rtl}[dir=rtl] .breadcrumbs{flex-direction:row-reverse}[dir=rtl] .breadcrumb-separator{transform:scaleX(-1)}[dir=rtl] .pagination{flex-direction:row-reverse}[dir=rtl] .dropdown-menu{right:0;left:auto;text-align:right}[dir=rtl] .checkbox-label,[dir=rtl] .radio-label{flex-direction:row-reverse;gap:8px}[dir=rtl] .stats-grid{direction:rtl}[dir=rtl] .admin-sidebar{border-left:1px solid var(--border-color);border-right:none}[dir=rtl] .admin-sidebar-item{flex-direction:row-reverse}[dir=rtl] .nav-icon-back,[dir=rtl] .nav-icon-next{transform:scaleX(-1)}[dir=rtl] .card-actions,[dir=rtl] .list-item-with-icon,[dir=rtl] .search-input-container{flex-direction:row-reverse}[dir=rtl] .search-icon{left:auto;right:12px}[dir=rtl] .search-input{padding-left:12px;padding-right:40px}@media(max-width:768px){[dir=rtl] .dashboard-header{align-items:stretch}[dir=rtl] .redemption-actions{flex-direction:column-reverse}[dir=rtl] .mobile-nav{flex-direction:row-reverse}}.confirm-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.confirm-dialog{background:#fff;border-radius:12px;padding:1.5rem;max-width:400px;width:100%;position:relative;text-align:center;animation:slideUp .3s ease;box-shadow:0 10px 25px #0003}.dialog-close-button{position:absolute;top:.75rem;right:.75rem;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #666);transition:background-color .2s,color .2s}.dialog-close-button:hover:not(:disabled){background:var(--background-hover, #f5f5f5);color:var(--text-primary, #333)}.dialog-close-button:focus{outline:2px solid var(--primary-color, #6366f1);outline-offset:2px}.dialog-close-button:disabled{opacity:.5;cursor:not-allowed}.dialog-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.confirm-dialog.danger .dialog-icon{background:#fef2f2;color:#dc2626}.confirm-dialog.warning .dialog-icon{background:#fffbeb;color:#f59e0b}.confirm-dialog.info .dialog-icon{background:#eff6ff;color:#3b82f6}.dialog-icon svg{width:28px;height:28px}.dialog-title{font-size:1.25rem;font-weight:600;color:var(--text-primary, #1f2937);margin:0 0 .5rem}.dialog-message{color:var(--text-secondary, #6b7280);margin:0 0 1.5rem;line-height:1.5}.dialog-actions{display:flex;gap:.75rem;justify-content:center}.dialog-actions button{flex:1;padding:.75rem 1rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.dialog-actions button:focus{outline:2px solid var(--primary-color, #6366f1);outline-offset:2px}.dialog-actions button:disabled{opacity:.6;cursor:not-allowed}.dialog-actions .btn-secondary{background:var(--background-secondary, #f3f4f6);color:var(--text-primary, #374151)}.dialog-actions .btn-secondary:hover:not(:disabled){background:var(--background-hover, #e5e7eb)}.dialog-actions .btn-danger{background:#dc2626;color:#fff}.dialog-actions .btn-danger:hover:not(:disabled){background:#b91c1c}.dialog-actions .btn-primary{background:var(--primary-color, #6366f1);color:#fff}.dialog-actions .btn-primary:hover:not(:disabled){background:var(--primary-dark, #4f46e5)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}[dir=rtl] .dialog-close-button{right:auto;left:.75rem}@media(max-width:480px){.confirm-dialog{padding:1.25rem}.dialog-actions{flex-direction:column-reverse}.dialog-actions button{width:100%}}.photo-upload-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.photo-upload-modal{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0000004d}.photo-upload-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.photo-upload-header h3{margin:0;font-size:1.25rem;color:#333}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-btn:hover{background-color:#f0f0f0}.photo-upload-body{padding:20px}.photo-upload-actions{display:flex;flex-direction:column;gap:12px;padding:40px 20px}.upload-btn{padding:16px 24px;font-size:1rem;border:2px solid #4caf50;background:#fff;color:#4caf50;border-radius:8px;cursor:pointer;transition:all .2s;font-weight:500}.upload-btn:hover:not(:disabled){background:#4caf50;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.upload-btn:disabled{opacity:.5;cursor:not-allowed}.photo-preview-container{display:flex;flex-direction:column;gap:16px}.photo-preview{width:100%;max-height:400px;object-fit:contain;border-radius:8px;border:1px solid #e0e0e0}.upload-progress-container{margin:16px 0}.upload-progress-bar{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.upload-progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#45a049);transition:width .3s ease}.upload-status{text-align:center;margin-top:8px;color:#666;font-size:.9rem}.photo-actions{display:flex;gap:12px;justify-content:flex-end}.upload-error{margin-top:16px;padding:12px;background:#ffebee;color:#c62828;border-radius:6px;font-size:.9rem}.photo-display-container{margin-top:16px;display:flex;flex-direction:column;gap:8px}.task-photo-thumbnail{width:100%;max-width:300px;max-height:200px;object-fit:cover;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s;border:2px solid #e0e0e0}.task-photo-thumbnail:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.photo-info{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.ai-verified-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;background:#e8f5e9;color:#2e7d32;border-radius:12px;font-size:.85rem;font-weight:500}.photo-timestamp{color:#666;font-size:.85rem}.photo-lightbox{position:fixed;inset:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.lightbox-content img{max-width:100%;max-height:85vh;object-fit:contain;border-radius:8px}.lightbox-close{position:absolute;top:-40px;right:0;background:#fff;border:none;width:36px;height:36px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d;transition:transform .2s}.lightbox-close:hover{transform:scale(1.1)}.lightbox-info{margin-top:16px}.ai-verified-badge-large{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#e8f5e9;color:#2e7d32;border-radius:16px;font-size:1rem;font-weight:500}[dir=rtl] .photo-upload-header,[dir=rtl] .photo-actions,[dir=rtl] .photo-info{flex-direction:row-reverse}@media(max-width:600px){.photo-upload-modal{max-width:100%;max-height:100vh;border-radius:0}.photo-preview{max-height:300px}.task-photo-thumbnail{max-width:100%}}.empty-state-enhanced{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center}.empty-state-enhanced .empty-icon{font-size:3rem;color:#d1d5db;margin-bottom:1rem}.empty-state-enhanced h3{font-size:1.125rem;font-weight:600;color:#374151;margin:0 0 .5rem}.empty-state-enhanced p{font-size:.95rem;color:#6b7280;margin:0}.notification-banner{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem;border-radius:1rem;margin-bottom:2rem;box-shadow:0 10px 25px #667eea4d}.notification-banner-content{display:flex;align-items:center;gap:1.5rem}.notification-banner-icon{font-size:3rem;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.notification-banner-text{flex:1}.notification-banner-text h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.notification-banner-text p{margin:0 0 1rem;opacity:.9;font-size:.938rem}.notification-benefits{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.notification-benefits li{font-size:.875rem;opacity:.95}.notification-banner-actions{display:flex;flex-direction:column;gap:.75rem;min-width:140px}.notification-banner-actions .btn-primary{background:#fff;color:#667eea;font-weight:600;white-space:nowrap}.notification-banner-actions .btn-primary:hover{background:#f7fafc;transform:translateY(-2px)}.notification-banner-actions .btn-text{background:transparent;border:none;color:#fff;opacity:.8;cursor:pointer;font-size:.875rem;padding:.5rem;transition:opacity .2s}.notification-banner-actions .btn-text:hover{opacity:1}@media(max-width:768px){.notification-banner-content{flex-direction:column;text-align:center}.notification-banner-icon{font-size:2.5rem}.notification-banner-actions{width:100%;min-width:unset}.notification-benefits{text-align:left}}[dir=rtl] .notification-banner-content{direction:rtl}[dir=rtl] .notification-benefits{text-align:right}.dashboard{min-height:100vh;padding:2rem;max-width:1400px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border)}.dashboard-header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}.dashboard-header p{color:var(--text-secondary);font-size:.875rem}.family-id{margin-top:.5rem}.family-id code{background-color:var(--background);padding:.25rem .5rem;border-radius:.25rem;font-family:Courier New,monospace;font-size:.75rem;color:var(--primary-color);font-weight:600}.header-stats{display:flex;align-items:center;gap:2rem;margin-top:.5rem;flex-wrap:wrap}.points-display{font-size:1rem;margin:0}.points-display strong{color:var(--primary-color);font-size:1.5rem}.tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--border)}.tabs button{padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;font-size:.875rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s}.tabs button:hover{color:var(--text-primary)}.tabs button.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background-color:var(--surface);padding:1.5rem;border-radius:.75rem;box-shadow:var(--shadow);transition:all .2s ease}.stat-card-interactive{cursor:pointer}.stat-card-interactive:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-icon{font-size:2rem;margin-bottom:.5rem;line-height:1}.stat-card h3{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.stat-number{font-size:2rem;font-weight:700;color:var(--primary-color);margin:0}.section{background-color:var(--surface);padding:1.5rem;border-radius:.75rem;box-shadow:var(--shadow);margin-bottom:2rem}.section h2{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.value-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.value-card{background-color:var(--background);border:1px solid var(--border);border-radius:.75rem;padding:1rem}.value-card h3{margin:0 0 .75rem}.value-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.value-list li{border:1px solid var(--border);border-radius:.55rem;padding:.55rem .65rem;background-color:var(--surface);display:flex;flex-direction:column;gap:.2rem}.value-list.compact li{padding:.45rem .55rem}.value-list li span{color:var(--text-secondary)}.value-list li small{color:var(--text-secondary);font-size:.75rem}.value-muted{color:var(--text-secondary);margin:0}.value-form{margin-bottom:1rem}.dashboard-warning{margin-bottom:1rem;border:1px solid #fbbf24;background:#fffbeb;border-radius:.75rem;padding:.85rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.dashboard-warning p{margin:0;color:#92400e;font-weight:500}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h2{margin:0}.action-inbox-summary{margin:-.5rem 0 1rem;color:var(--text-secondary)}.action-inbox-list{display:flex;flex-direction:column;gap:.75rem}.action-inbox-item{border:1px solid var(--border);border-radius:.65rem;background:var(--background);padding:.8rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.action-inbox-item h3{margin:0 0 .2rem;font-size:1rem}.action-inbox-item p{margin:0;font-size:.86rem;color:var(--text-secondary)}.action-inbox-actions{display:flex;gap:.5rem;flex-wrap:wrap}.children-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.child-card{background-color:var(--background);padding:1.5rem;border-radius:.5rem;text-align:center}.child-card h3{font-size:1.125rem;margin-bottom:.5rem}.child-card .points{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.child-card .tasks-count{font-size:.875rem;color:var(--text-secondary)}.form-card{background-color:var(--background);padding:1.5rem;border-radius:.75rem;margin-bottom:2rem}.form-card h3{margin-bottom:1rem}.form-header-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.form-header-row h3{margin-bottom:0}.btn-template{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,var(--primary-color) 0%,#8b5cf6 100%);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-template:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.btn-template svg{width:1rem;height:1rem}.form-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.task-list{display:flex;flex-direction:column;gap:1rem}.task-card{background-color:var(--surface);padding:1.5rem;border-radius:.75rem;box-shadow:var(--shadow)}.task-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.task-header>div{display:flex;align-items:center;gap:.75rem}.task-emoji{font-size:1.5rem}.task-header h3{font-size:1.125rem;font-weight:600}.task-header-actions{display:flex;align-items:center;gap:.5rem}.btn-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;background:transparent;border-radius:.375rem;cursor:pointer;transition:all .2s}.btn-danger-ghost{color:#dc2626}.btn-danger-ghost:hover{background:#fef2f2}.btn-danger-ghost:focus{outline:2px solid #dc2626;outline-offset:2px}.checkbox-group{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;background-color:var(--background);border-radius:.5rem;border:1px solid var(--border)}.checkbox-group .checkbox-label{margin:0;padding:.5rem;border-radius:.375rem;transition:background-color .2s}.checkbox-group .checkbox-label:hover{background-color:#6366f10d}.checkbox-group .checkbox-label:first-child{font-weight:600;color:var(--primary-color);border-bottom:1px solid var(--border);padding-bottom:.75rem;margin-bottom:.25rem}.quick-add-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1rem;padding:1.5rem;margin-bottom:2rem;color:#fff}.quick-add-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:#fff}.quick-add-description{font-size:.875rem;opacity:.95;margin-bottom:1.25rem}.quick-task-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.quick-task-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:.75rem;cursor:pointer;transition:all .3s;color:#fff;font-weight:500}.quick-task-btn:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.quick-task-icon{font-size:2rem}.quick-task-label{font-size:.875rem;text-align:center}.quick-task-points{font-size:.75rem;padding:.25rem .5rem;background:#fff3;border-radius:.5rem;font-weight:600}.task-description{color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem}.task-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-size:.875rem;color:var(--text-secondary)}.task-actions{display:flex;gap:.5rem}.status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.status-pending{background-color:#fef3c7;color:#92400e}.status-completed{background-color:#dbeafe;color:#1e40af}.status-verified{background-color:#d1fae5;color:#065f46}.status-new{background-color:#e0e7ff;color:#3730a3}.status-awaiting{background-color:#fef3c7;color:#92400e}.status-approved{background-color:#dcfce7;color:#166534}.reward-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.reward-card{background-color:var(--surface);padding:1.5rem;border-radius:.75rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:1rem}.reward-header{display:flex;justify-content:space-between;align-items:flex-start}.reward-icon{font-size:3rem;text-align:center;flex:1}.reward-content h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.reward-content p{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.reward-cost{display:flex;justify-content:space-between;align-items:center}.points-cost{font-weight:600;color:var(--primary-color)}.unavailable-badge,.pending-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.unavailable-badge{background-color:#fee2e2;color:#991b1b}.pending-badge{background-color:#fef3c7;color:#92400e}.reward-action{margin-top:auto}.reward-action button{width:100%}.redemption-list{display:flex;flex-direction:column;gap:1rem}.redemption-card{background-color:var(--surface);padding:1.5rem;border-radius:.75rem;box-shadow:var(--shadow);display:flex;align-items:center;gap:1rem}.redemption-icon{font-size:2.5rem}.redemption-content{flex:1}.redemption-content h3{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.redemption-content p{font-size:.875rem;color:var(--text-secondary);margin:.125rem 0}.redemption-actions{display:flex;gap:.5rem}.request-time{font-size:.75rem!important;color:var(--text-secondary)!important}.emoji-picker{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.emoji-option{width:3rem;height:3rem;font-size:1.5rem;border:2px solid var(--border);border-radius:.5rem;background:none;cursor:pointer;transition:all .2s;padding:0}.emoji-option:hover{border-color:var(--primary-color);transform:scale(1.1)}.emoji-option.selected{border-color:var(--primary-color);background-color:#6366f11a}@media(max-width:768px){.dashboard{padding:1rem}.dashboard-header{flex-direction:column;gap:1rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.form-row,.reward-list{grid-template-columns:1fr}.redemption-card{flex-direction:column;text-align:center}.redemption-actions{width:100%;flex-direction:column}.redemption-actions button{width:100%}.dashboard-warning,.action-inbox-item{flex-direction:column;align-items:flex-start}}.analytics-tab{display:flex;flex-direction:column;gap:2rem}.analytics-empty{text-align:center;padding:3rem;color:var(--text-secondary)}.ai-insights-banner{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1rem;padding:1.5rem;color:#fff;margin-bottom:1rem}.ai-insights-banner h3{margin-bottom:1rem;font-size:1.25rem}.insights-list{display:flex;flex-direction:column;gap:.75rem}.insight-item{background:#ffffff26;padding:.75rem 1rem;border-radius:.5rem;font-size:.9375rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.analytics-section{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.analytics-section h2{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary)}.stats-grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card-analytics{background:var(--background);border-radius:.75rem;padding:1.25rem;border:1px solid var(--border)}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.stat-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.trend-icon{font-size:1.25rem}.trend-up{color:#10b981}.trend-down{color:#ef4444}.trend-neutral{color:#6b7280}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.stat-trend{font-size:.875rem;color:var(--text-secondary)}.stat-trend-label{color:var(--text-secondary)}.stat-meta{font-size:.875rem;color:var(--text-secondary)}.productivity-insights{display:flex;gap:1rem;flex-wrap:wrap}.insight-box{flex:1;min-width:200px;background:var(--background);padding:1rem;border-radius:.5rem;border:1px solid var(--border)}.insight-label{font-size:.875rem;color:var(--text-secondary);display:block;margin-bottom:.5rem}.insight-value{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.child-analytics-card{background:var(--background);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--border)}.child-analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.child-analytics-header h3{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.child-quick-stats{display:flex;gap:1rem;flex-wrap:wrap}.quick-stat{padding:.5rem 1rem;background:#fff;border-radius:.5rem;font-size:.875rem;font-weight:600;border:1px solid var(--border)}.completion-rate-high{background:#d1fae5;color:#065f46;border-color:#10b981}.completion-rate-medium{background:#fef3c7;color:#92400e;border-color:#f59e0b}.completion-rate-low{background:#fee2e2;color:#991b1b;border-color:#ef4444}.child-analytics-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:1rem}.chart-container{background:#fff;padding:1rem;border-radius:.5rem;border:1px solid var(--border)}.chart-container h4{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.child-insights{display:flex;gap:.75rem;flex-wrap:wrap}.insight-tag{padding:.5rem 1rem;background:#ede9fe;color:#5b21b6;border-radius:.5rem;font-size:.875rem;font-weight:500}.family-insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.insight-card{background:var(--background);border-radius:.75rem;padding:1.25rem;border:1px solid var(--border);display:flex;align-items:center;gap:1rem}.insight-card-icon{font-size:2rem}.insight-card-content{flex:1}.insight-card-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.insight-card-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.insight-card-value.positive{color:#10b981}.insight-card-value.negative{color:#ef4444}@media(max-width:768px){.stats-grid-4,.child-analytics-content,.family-insights-grid{grid-template-columns:1fr}.productivity-insights{flex-direction:column}.child-analytics-header{flex-direction:column;align-items:flex-start}}.streak-compact{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:.5rem;color:#fff;font-weight:700}.streak-display-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.streak-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.streak-badge-mini{font-size:1.5rem}.streak-main{display:flex;align-items:center;justify-content:center;gap:1rem;padding:2rem 0}.streak-flame{font-size:4rem;animation:flicker 2s infinite}@keyframes flicker{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.1);filter:brightness(1.2)}}.streak-count{text-align:center}.streak-number-large{font-size:3rem;font-weight:900;background:linear-gradient(135deg,#ff6b35,#f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.streak-label{font-size:1rem;color:var(--text-secondary);font-weight:600}.streak-start{text-align:center;font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem}.streak-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin:1.5rem 0}.streak-stat{background:var(--background);padding:1rem;border-radius:.75rem;text-align:center}.streak-stat-label{font-size:.75rem;color:var(--text-secondary);margin-bottom:.5rem}.streak-stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.streak-progress{margin-top:1.5rem}.streak-progress-header{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.875rem;font-weight:600}.streak-progress-bar{height:.75rem;background:var(--background);border-radius:9999px;overflow:hidden}.streak-progress-fill{height:100%;background:linear-gradient(90deg,#ff6b35,#f7931e);transition:width .3s ease}.streak-motivation{text-align:center;padding:1.5rem;background:var(--background);border-radius:.75rem;margin-top:1rem}.badge-gallery{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.badge-gallery-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.badge-count{color:var(--text-secondary);font-size:.875rem;margin-top:.25rem}.badge-filters{display:flex;gap:.5rem}.badge-filter-select{padding:.5rem 1rem;border:1px solid var(--border);border-radius:.5rem;font-size:.875rem;background:#fff;cursor:pointer}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.badge-item{background:var(--background);border-radius:.75rem;padding:1rem;cursor:pointer;transition:all .2s;border:2px solid transparent;position:relative}.badge-item:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.badge-item.badge-unlocked{background:#fff;border-color:currentColor}.badge-item.rarity-common{--badge-color: #9ca3af}.badge-item.rarity-rare{--badge-color: #3b82f6}.badge-item.rarity-epic{--badge-color: #8b5cf6}.badge-item.rarity-legendary{--badge-color: #f59e0b}.badge-item.badge-unlocked:before{content:"";position:absolute;inset:0;border-radius:.75rem;padding:2px;background:linear-gradient(135deg,var(--badge-color),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.badge-icon-container{position:relative;text-align:center;margin-bottom:.75rem}.badge-icon{font-size:3rem}.badge-checkmark{position:absolute;top:0;right:0;background:#10b981;color:#fff;width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700}.badge-info{text-align:center}.badge-name{font-size:.875rem;font-weight:600;margin-bottom:.25rem;color:var(--text-primary)}.badge-rarity{font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-progress-mini{margin-top:.75rem}.badge-progress-bar-mini{height:.375rem;background:var(--background);border-radius:9999px;overflow:hidden;margin-bottom:.25rem}.badge-progress-fill-mini{height:100%;background:var(--badge-color, #6366f1);transition:width .3s ease}.badge-progress-text-mini{font-size:.75rem;color:var(--text-secondary);text-align:center}.badge-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.badge-modal{background:#fff;border-radius:1rem;padding:2rem;max-width:400px;width:100%;position:relative;box-shadow:0 20px 60px #0000004d}.badge-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.badge-modal-close:hover{background:var(--background)}.badge-modal-icon{text-align:center;font-size:6rem;margin:1rem 0 1.5rem}.badge-modal-name{text-align:center;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.badge-modal-rarity{text-align:center;font-size:.875rem;font-weight:700;text-transform:uppercase;margin-bottom:1rem}.badge-modal-description{text-align:center;color:var(--text-secondary);margin-bottom:1.5rem}.badge-modal-earned,.badge-modal-locked{text-align:center;padding:1rem;background:var(--background);border-radius:.75rem}.badge-modal-earned-icon,.badge-modal-locked-icon{font-size:2rem;margin-bottom:.5rem}.badge-modal-earned-text,.badge-modal-locked-text{font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.badge-modal-earned-date{font-size:.875rem;color:var(--text-secondary)}.badge-modal-progress{margin-top:1rem}.badge-progress-bar{height:.75rem;background:#0000001a;border-radius:9999px;overflow:hidden;margin-bottom:.5rem}.badge-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);transition:width .3s ease}.badge-progress-text{font-size:.875rem;color:var(--text-secondary)}@media(max-width:768px){.badge-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.badge-gallery-header{flex-direction:column}.badge-filters{width:100%}.badge-filter-select{flex:1}.streak-main{flex-direction:column}.streak-stats{grid-template-columns:1fr}}.achievements-section{width:100%}.achievements-content{display:flex;flex-direction:column;gap:2rem}@media(max-width:768px){.achievements-content{gap:1.5rem}}.child-focus-grid .stat-note{color:var(--text-secondary);font-size:.8rem}.child-microcopy{margin-bottom:.75rem;color:var(--text-secondary)}.child-header-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.sound-toggle{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-secondary)}.do-next-card{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#6366f11f,#10b9811a)}.do-next-card h2{margin:0 0 .25rem;font-size:1.15rem}.do-next-card p{margin:0 0 .25rem;font-weight:600}.celebration-layer{position:fixed;inset:0;pointer-events:none;z-index:9999}.celebration-layer span{position:absolute;font-size:2rem;animation:fallAndFade 1.8s ease-out forwards}.celebration-layer span:nth-child(1){left:10%;top:0}.celebration-layer span:nth-child(2){left:30%;top:5%}.celebration-layer span:nth-child(3){left:50%;top:0}.celebration-layer span:nth-child(4){left:70%;top:8%}.celebration-layer span:nth-child(5){left:85%;top:2%}@keyframes fallAndFade{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(55vh) rotate(30deg) scale(1.2)}}.mission-card{border:1px solid rgba(99,102,241,.2);background:linear-gradient(180deg,#6366f114,#ffffffe6)}.mission-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.mission-pill{background:#4f46e5;color:#fff;padding:.2rem .6rem;border-radius:999px;font-size:.8rem;font-weight:700}.mission-progress-track{width:100%;height:10px;border-radius:999px;overflow:hidden;background:#6366f126;margin-bottom:.5rem}.mission-progress-fill{height:100%;background:linear-gradient(90deg,#4f46e5,#22c55e);border-radius:inherit;transition:width .3s ease}.focus-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.focus-chip{padding:.3rem .6rem;border-radius:999px;font-size:.8rem;background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.wins-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.wins-list li{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:.5rem .65rem}.wins-list small{color:#16a34a;font-weight:600}.review-lane-card{margin-bottom:.9rem;border:1px solid #fde68a;background:#fffbeb;border-radius:12px;padding:.75rem .9rem}.review-lane-card h3{margin:0 0 .35rem;font-size:1rem}.review-lane-card p{margin:0 0 .45rem;color:#92400e}.review-lane-card ul{margin:0;padding-left:1rem;color:#78350f;font-size:.9rem}.empty-state-card{margin-bottom:.9rem;border:1px dashed #cbd5e1;background:#f8fafc;border-radius:12px;padding:.8rem .95rem}.empty-state-card h3{margin:0 0 .35rem;font-size:1rem}.empty-state-card p{margin:0;color:#64748b}@media(prefers-reduced-motion:reduce){.celebration-layer span,.mission-progress-fill{animation:none!important;transition:none!important}}@media(max-width:768px){.do-next-card{flex-direction:column;align-items:flex-start;gap:.75rem}.child-header-actions{align-items:flex-start}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-card{background-color:var(--surface);border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:scaleIn .2s ease}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid var(--border)}.modal-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.modal-close-btn{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:all .2s}.modal-close-btn:hover{background-color:var(--background);color:var(--text-primary)}.modal-form{padding:1.5rem}.form-group label{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.form-group input[type=text],.form-group input[type=number]{width:100%;padding:.75rem;border:2px solid var(--border);border-radius:.5rem;font-size:1rem;transition:all .2s}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a}.form-group input:disabled{background-color:var(--background);cursor:not-allowed;opacity:.6}.avatar-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}.avatar-option{width:100%;aspect-ratio:1;font-size:1.75rem;border:2px solid var(--border);border-radius:.5rem;background:none;cursor:pointer;transition:all .2s;padding:0;display:flex;align-items:center;justify-content:center}.avatar-option:hover{border-color:var(--primary-color);transform:scale(1.1)}.avatar-option.selected{border-color:var(--primary-color);background-color:#4f46e51a;transform:scale(1.05)}.avatar-option:disabled{cursor:not-allowed;opacity:.5}.language-toggle{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.language-option{padding:.75rem;border:2px solid var(--border);border-radius:.5rem;background:none;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.language-option:hover{border-color:var(--primary-color)}.language-option.selected{border-color:var(--primary-color);background-color:var(--primary-color);color:#fff}.language-option:disabled{cursor:not-allowed;opacity:.5}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:2rem}.success-message{padding:3rem 1.5rem;text-align:center}.success-icon{width:4rem;height:4rem;margin:0 auto 1rem;background-color:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;animation:scaleIn .3s ease}.success-message p{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.error-message{padding:.75rem 1rem;background-color:#fee2e2;color:#991b1b;border-radius:.5rem;font-size:.875rem;margin-bottom:1rem;border:1px solid #fca5a5}@media(max-width:768px){.modal-card{width:95%;max-height:95vh}.modal-header,.modal-form{padding:1.25rem}.avatar-picker{grid-template-columns:repeat(4,1fr)}.avatar-option{font-size:1.5rem}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}.skeleton-preview-container{padding:24px}.skeleton-preview-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.skeleton-preview-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.skeleton-preview-stat-card{background:var(--surface, #fff);border-radius:12px;padding:20px;border:1px solid var(--border, #e5e7eb)}.skeleton-preview-tasks{display:flex;flex-direction:column;gap:12px}.skeleton-preview-task-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface, #fff);border-radius:8px;border:1px solid var(--border, #e5e7eb)}.skeleton-list{display:flex;flex-direction:column;gap:12px}.skeleton-list-row{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--surface, #fff);border-radius:10px;border:1px solid var(--border, #e5e7eb)}.skeleton-list-text{flex:1}.preview-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .2s ease-in-out}.preview-modal{background:#f8f9fa;border-radius:16px;width:100%;max-width:1200px;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease-out;box-shadow:0 20px 60px #0000004d}.preview-close{position:absolute;top:16px;right:16px;padding:12px;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10;box-shadow:0 2px 8px #0000001a}.preview-close:hover{background:#fff;transform:scale(1.1) rotate(90deg);box-shadow:0 4px 12px #0003}.preview-banner{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px 24px;display:flex;align-items:center;gap:12px;border-radius:16px 16px 0 0;box-shadow:0 4px 12px #667eea4d}.preview-icon{font-size:24px;animation:pulse 2s ease-in-out infinite}.preview-text{flex:1;font-size:16px;font-weight:500}.preview-text strong{font-weight:700}.preview-badge{padding:6px 16px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:20px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.preview-loading{text-align:center;padding:60px 20px;color:#666;font-size:16px}.preview-child-dashboard{padding:24px;background:#f8f9fa}.child-avatar-header{display:flex;align-items:center;gap:16px;margin-bottom:8px}.child-avatar{font-size:48px;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;box-shadow:0 4px 12px #0000001a}.preview-child-dashboard .dashboard-header{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d}.preview-child-dashboard .points-display{font-size:18px;color:#4caf50;margin-top:12px;padding:12px 20px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:8px;display:inline-block;box-shadow:0 2px 8px #4caf5033}.preview-child-dashboard .points-display strong{font-size:28px;font-weight:700;margin:0 8px}.preview-child-dashboard .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.preview-child-dashboard .stat-card{background:#fff;border-radius:12px;padding:20px;text-align:center;box-shadow:0 2px 8px #0000000d;border:2px solid #e0e0e0;transition:all .2s}.preview-child-dashboard .stat-card:hover{border-color:#667eea;box-shadow:0 4px 16px #667eea33;transform:translateY(-2px)}.preview-child-dashboard .stat-card h3{margin:0 0 8px;font-size:14px;color:#666;font-weight:500}.preview-child-dashboard .stat-number{font-size:36px;font-weight:700;color:#1a1a1a;margin:0}.preview-child-dashboard .tabs{display:flex;gap:8px;margin-bottom:24px;background:#fff;padding:8px;border-radius:12px;box-shadow:0 2px 8px #0000000d}.preview-child-dashboard .tabs button{flex:1;padding:12px 24px;background:transparent;border:none;border-radius:8px;font-size:15px;font-weight:500;color:#666;cursor:pointer;transition:all .2s}.preview-child-dashboard .tabs button:hover{background:#f5f5f5;color:#1a1a1a}.preview-child-dashboard .tabs button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.preview-child-dashboard .dashboard-content{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000d;min-height:300px}.preview-child-dashboard .empty-state{text-align:center;padding:60px 20px;color:#999}.preview-child-dashboard .empty-state p{font-size:16px;margin:0}.preview-child-dashboard .task-card button,.preview-child-dashboard .reward-card button{pointer-events:none;opacity:.7}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media(max-width:768px){.preview-modal{max-width:100%;max-height:95vh;border-radius:16px 16px 0 0;margin-top:auto}.preview-banner{flex-wrap:wrap;gap:8px;padding:12px 16px}.preview-badge{width:100%;text-align:center}.preview-child-dashboard{padding:16px}.child-avatar{width:48px;height:48px;font-size:32px}.preview-child-dashboard .points-display{font-size:16px;padding:10px 16px}.preview-child-dashboard .points-display strong{font-size:24px}.preview-child-dashboard .stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.preview-child-dashboard .tabs button{padding:10px 16px;font-size:14px}}.onboarding-wizard{position:fixed;inset:0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;overflow:hidden;z-index:1000}.wizard-header{position:absolute;top:1.5rem;right:1.5rem;z-index:10}[dir=rtl] .wizard-header{right:auto;left:1.5rem}.skip-button{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.75rem 1.5rem;border-radius:25px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.skip-button:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.progress-indicator{position:absolute;top:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:10}.progress-dots{display:flex;gap:.75rem;align-items:center}.progress-dot{width:12px;height:12px;border-radius:50%;background:#ffffff4d;border:2px solid transparent;cursor:pointer;transition:all .3s ease;padding:0}.progress-dot:hover{background:#ffffff80;transform:scale(1.2)}.progress-dot.active{background:#fff;width:16px;height:16px;box-shadow:0 0 12px #fff9}.progress-dot.completed{background:#4caf50;border-color:#fff}.progress-text{font-size:.85rem;color:#ffffffe6;font-weight:500}.wizard-content{flex:1;display:flex;align-items:center;justify-content:center;width:100%;max-width:900px;margin:0 auto;padding:3rem 0}.onboarding-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2rem;max-width:800px;width:100%}.step-illustration{width:100%;max-width:400px;height:300px;display:flex;align-items:center;justify-content:center}.step-illustration img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(0,0,0,.2))}.step-content{display:flex;flex-direction:column;gap:1rem;max-width:600px}.step-subtitle{font-size:1rem;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:1px;margin:0}.step-title{font-size:2.5rem;font-weight:700;color:#fff;margin:0;line-height:1.2}.step-description{font-size:1.2rem;color:#fffffff2;line-height:1.6;margin:0}.step-features{list-style:none;padding:0;margin:1.5rem 0;display:flex;flex-direction:column;gap:1rem}.feature-item{background:#ffffff26;backdrop-filter:blur(10px);padding:1rem 1.5rem;border-radius:12px;font-size:1.05rem;text-align:right;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}[dir=ltr] .feature-item{text-align:left}.feature-item:hover{background:#fff3;transform:translate(-5px);box-shadow:0 4px 15px #0000001a}[dir=rtl] .feature-item:hover{transform:translate(5px)}.step-example{background:#ffd70033;border:2px solid rgba(255,215,0,.4);border-radius:12px;padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;margin-top:1rem}.example-icon{font-size:1.5rem;flex-shrink:0}.step-example p{margin:0;font-size:1rem;color:#fffffff2;text-align:right}[dir=ltr] .step-example p{text-align:left}.step-tip{background:#4caf5033;border:2px solid rgba(76,175,80,.4);border-radius:12px;padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;margin-top:1rem}.tip-icon{font-size:1.5rem;flex-shrink:0}.step-tip p{margin:0;font-size:1rem;color:#fffffff2;text-align:right}[dir=ltr] .step-tip p{text-align:left}.wizard-navigation{display:flex;gap:1rem;justify-content:center;align-items:center;padding:2rem 0}.nav-button{padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:30px;border:none;cursor:pointer;transition:all .3s ease;min-width:140px}.back-button{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3)}.back-button:hover:not(:disabled){background:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.back-button:disabled{opacity:.3;cursor:not-allowed}.next-button{background:#fff;color:#667eea;box-shadow:0 4px 15px #0003}.next-button:hover{background:#f5f5f5;transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.finish-button{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;box-shadow:0 4px 15px #4caf5066;animation:pulse 2s ease-in-out infinite}.finish-button:hover{background:linear-gradient(135deg,#66bb6a,#4caf50);transform:translateY(-2px) scale(1.05);box-shadow:0 6px 25px #4caf5080}.help-text{font-size:.95rem;color:#fffc;text-align:center;margin-top:-1rem}@media(max-width:768px){.onboarding-wizard{padding:1rem}.wizard-header{top:1rem;right:1rem}[dir=rtl] .wizard-header{left:1rem}.skip-button{padding:.5rem 1rem;font-size:.85rem}.progress-indicator{top:1rem}.wizard-content{padding:2rem 0}.step-illustration{max-width:300px;height:200px}.step-title{font-size:1.8rem}.step-description{font-size:1rem}.feature-item{padding:.75rem 1rem;font-size:.95rem}.nav-button{padding:.75rem 1.5rem;font-size:1rem;min-width:100px}}@media(max-width:480px){.step-title{font-size:1.5rem}.step-description{font-size:.95rem}.step-subtitle{font-size:.85rem}.wizard-navigation{flex-direction:column-reverse;width:100%;gap:.75rem}[dir=rtl] .wizard-navigation{flex-direction:column}.nav-button{width:100%}}@media(max-width:896px)and (max-height:450px){.onboarding-wizard{overflow-y:auto;justify-content:flex-start;padding-top:4rem}.wizard-content{padding:1rem 0}.step-illustration{max-width:250px;height:150px}.onboarding-step{gap:1rem}}@media(prefers-reduced-motion:reduce){.step-illustration img,.finish-button{animation:none!important}}@media print{.onboarding-wizard{display:none}}.gdpr-settings{max-width:800px;margin:0 auto;padding:20px}.gdpr-settings h2{color:#333;margin-bottom:8px}.gdpr-description{color:#666;margin-bottom:24px;line-height:1.5}.gdpr-actions{display:flex;flex-direction:column;gap:20px}.gdpr-action-card{border:1px solid #e0e0e0;border-radius:8px;padding:20px;background:#fff}.gdpr-action-card.danger{border-color:#ffcdd2;background:#ffebee}.gdpr-action-card h3{margin-top:0;margin-bottom:8px;color:#333}.gdpr-action-card p{color:#666;margin-bottom:16px;line-height:1.5}.delete-confirmation{margin-top:16px}.warning-text{background:#fff3cd;border:1px solid #ffc107;border-radius:4px;padding:12px;color:#856404;margin-bottom:16px;font-weight:500}.delete-confirmation label{display:block;margin-bottom:8px;font-weight:500;color:#333}.delete-confirmation input{width:100%;padding:12px;border:2px solid #f44336;border-radius:4px;font-size:16px;margin-bottom:16px}.delete-confirmation input:focus{outline:none;border-color:#d32f2f}.confirmation-buttons{display:flex;gap:12px;margin-bottom:24px}.confirmation-buttons button{flex:1}.alternative-option{border-top:1px solid #e0e0e0;padding-top:16px;text-align:center}.alternative-option p{margin-bottom:12px;color:#666}.btn-danger{background-color:#f44336;color:#fff;border:none;padding:12px 24px;border-radius:4px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .2s}.btn-danger:hover:not(:disabled){background-color:#d32f2f}.btn-danger:disabled{opacity:.5;cursor:not-allowed}[dir=rtl] .confirmation-buttons{flex-direction:row-reverse}@media(max-width:600px){.gdpr-settings{padding:16px}.confirmation-buttons{flex-direction:column}.confirmation-buttons button{width:100%}}.settings-page{min-height:100vh;padding:2rem;max-width:900px;margin:0 auto}.settings-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border)}.settings-header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.settings-title-icon{color:var(--primary-color)}.settings-header p{color:var(--text-secondary);font-size:.875rem}.settings-page .tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--border)}.settings-page .tabs button{padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;font-size:.875rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.settings-page .tabs button:hover{color:var(--text-primary)}.settings-page .tabs button.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.tab-icon{width:1rem;height:1rem}.settings-content{display:flex;flex-direction:column}.settings-section{display:flex;flex-direction:column;gap:1.5rem}.settings-card{background-color:var(--surface);padding:1.5rem;border-radius:.75rem;box-shadow:var(--shadow)}.settings-card h3{font-size:1.125rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.settings-card-description{color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem}.settings-field-row{display:flex;gap:.75rem;align-items:center}.settings-field-row .input{flex:1}.language-toggle{display:flex;gap:0;border:2px solid var(--border);border-radius:.5rem;overflow:hidden;width:fit-content}.language-option{padding:.75rem 1.5rem;background:none;border:none;font-size:.9375rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s}.language-option:first-child{border-right:2px solid var(--border)}.language-option.active{background-color:var(--primary-color);color:#fff}.language-option:hover:not(.active){background-color:var(--background)}.current-avatar{font-size:3rem;margin-bottom:.75rem}.toggle-list{display:flex;flex-direction:column;gap:0}.toggle-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--border);cursor:pointer}.toggle-item:last-child{border-bottom:none}.toggle-item span{font-size:.9375rem;color:var(--text-primary)}.toggle-switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.75rem;height:1.5rem;background-color:#d1d5db;border-radius:9999px;position:relative;cursor:pointer;transition:background-color .2s;flex-shrink:0}.toggle-switch:before{content:"";position:absolute;top:.125rem;left:.125rem;width:1.25rem;height:1.25rem;background-color:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}.toggle-switch:checked{background-color:var(--primary-color)}.toggle-switch:checked:before{transform:translate(1.25rem)}.toggle-switch:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.btn-danger-outline{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:none;border:2px solid #ef4444;color:#ef4444;border-radius:.5rem;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-danger-outline:hover{background-color:#ef4444;color:#fff}.btn-link{background:none;border:none;color:var(--primary-color);font-size:.9375rem;font-weight:600;cursor:pointer;padding:0;text-decoration:underline;transition:color .2s}.btn-link:hover{color:#4338ca}.gdpr-inline{margin-top:1rem}.settings-link{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.5rem;color:var(--text-secondary);transition:all .2s;text-decoration:none}.settings-link:hover{background-color:var(--background);color:var(--primary-color)}.settings-link svg{width:1.25rem;height:1.25rem}@media(max-width:768px){.settings-page{padding:1rem}.settings-header{flex-direction:column;gap:1rem}.settings-page .tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.settings-page .tabs button{padding:.75rem 1rem;white-space:nowrap;font-size:.8125rem}.settings-field-row{flex-direction:column;align-items:stretch}.language-toggle{width:100%}.language-option{flex:1;text-align:center}}[dir=rtl] .settings-field-row,[dir=rtl] .toggle-item{flex-direction:row-reverse}[dir=rtl] .language-option:first-child{border-right:none;border-left:2px solid var(--border)}@media(max-width:768px){[dir=rtl] .settings-field-row{flex-direction:column;align-items:stretch}}.admin-dashboard{max-width:1400px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.admin-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e0e0e0}.admin-header h1{font-size:2.5rem;color:#1a1a1a;margin:0 0 .5rem}.admin-header p{color:#666;font-size:1.1rem;margin:0}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem;border-radius:12px;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 6px #0000001a;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 12px #00000026}.stat-card:nth-child(2){background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-card:nth-child(3){background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-card:nth-child(4){background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-card:nth-child(5){background:linear-gradient(135deg,#fa709a,#fee140)}.stat-card:nth-child(6){background:linear-gradient(135deg,#30cfd0,#330867)}.stat-icon{font-size:3rem;opacity:.9}.stat-content{flex:1}.stat-content h3{margin:0 0 .5rem;font-size:.9rem;font-weight:500;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.stat-number{margin:0;font-size:2.5rem;font-weight:700;line-height:1}.stat-detail{font-size:.85rem;opacity:.8;display:block;margin-top:.5rem}.admin-section{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 4px #00000014}.admin-section h2{margin:0 0 1.5rem;font-size:1.5rem;color:#1a1a1a}.admin-table{width:100%;border-collapse:collapse}.admin-table thead{background:#f5f5f5}.admin-table th{text-align:left;padding:1rem;font-weight:600;color:#555;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.admin-table td{padding:1rem;border-bottom:1px solid #e0e0e0;color:#333}.admin-table tbody tr:hover{background:#f9f9f9}.role-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:capitalize}.role-parent{background:#e3f2fd;color:#1976d2}.role-child{background:#f3e5f5;color:#7b1fa2}.role-super_admin{background:#fff3e0;color:#e65100}.admin-quick-actions{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 4px #00000014}.admin-quick-actions h2{margin:0 0 1.5rem;font-size:1.5rem;color:#1a1a1a}.action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.action-btn{padding:1rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 4px #0000001a}.action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.action-btn:active{transform:translateY(0)}.empty-state{text-align:center;color:#999;padding:2rem;font-style:italic}.admin-header{display:flex;justify-content:space-between;align-items:flex-start}.btn-refresh{background:#7c3aed;color:#fff;border:none;border-radius:8px;padding:.75rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-refresh:hover{background:#6d28d9;transform:rotate(180deg)}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem}.chart-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 4px #00000014}.chart-card h2{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:#374151}.loading-skeleton{padding:2rem}.skeleton-header{height:80px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:8px;margin-bottom:2rem}.skeleton-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.skeleton-card{height:120px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:12px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.admin-dashboard{padding:1rem}.admin-header h1{font-size:2rem}.admin-stats-grid{grid-template-columns:1fr}.stat-card{padding:1rem}.stat-icon,.stat-number{font-size:2rem}.action-buttons{grid-template-columns:1fr}.admin-table{font-size:.9rem}.admin-table th,.admin-table td{padding:.75rem .5rem}}.user-management{max-width:1400px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.back-btn{background:none;border:none;color:#667eea;font-size:1rem;cursor:pointer;padding:.5rem 0;margin-bottom:1rem;display:inline-block;transition:color .2s}.back-btn:hover{color:#764ba2;text-decoration:underline}.filter-select,.filter-input{padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;transition:border-color .2s;min-width:150px}.filter-select:focus,.filter-input:focus{outline:none;border-color:#667eea}.date-filters,.points-filters{display:flex;align-items:center;gap:.5rem}.date-filters label,.points-filters label{font-size:.9rem;color:#666;white-space:nowrap}.date-input,.points-input{padding:.5rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.9rem;transition:border-color .2s}.date-input:focus,.points-input:focus{outline:none;border-color:#667eea}.points-input{width:80px}.search-box{margin-bottom:1rem}.search-input{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .2s}.filter-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.filter-btn{padding:.5rem 1rem;border:2px solid #e0e0e0;background:#fff;border-radius:20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;color:#666}.filter-btn:hover{border-color:#667eea;color:#667eea}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}.users-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 4px #00000014}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:#f5f5f5}.users-table th{text-align:left;padding:1rem;font-weight:600;color:#555;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.users-table td{padding:1rem;border-bottom:1px solid #e0e0e0;color:#333}.users-table tbody tr:hover{background:#f9f9f9}.user-name{display:flex;align-items:center;gap:.5rem;font-weight:500}.user-avatar{font-size:1.5rem}.family-id{font-family:Courier New,monospace;color:#666;font-size:.9rem}.points{font-weight:600;color:#667eea}.action-buttons{display:flex;gap:.5rem}.btn-edit,.btn-delete{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:.25rem .5rem;transition:transform .2s}.btn-edit:hover,.btn-delete:hover{transform:scale(1.2)}.modal-content{background:#fff;padding:2rem;border-radius:12px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#555}.form-group input,.form-group select{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea}.btn-cancel,.btn-save{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel{background:#e0e0e0;color:#555}.btn-cancel:hover{background:#d0d0d0}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-save:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.empty-state{text-align:center;color:#999;padding:3rem;font-size:1.1rem;font-style:italic}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;background:#fff}@media(max-width:768px){.user-management{padding:1rem}.page-header h1{font-size:2rem}.users-table{font-size:.9rem}.users-table th,.users-table td{padding:.75rem .5rem}.filter-buttons{flex-direction:column}.filter-btn{width:100%}.modal-content{padding:1.5rem}}.family-management{max-width:1600px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.page-header h1{font-size:2.5rem;color:#1a1a1a;margin:0 0 .5rem}.page-header p{color:#666;font-size:1.1rem;margin:0}.header-actions{display:flex;gap:.75rem;align-items:center}.btn-icon{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon:hover{border-color:#667eea;color:#667eea}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.btn-secondary{background:#fff;color:#555;border:2px solid #e0e0e0;border-radius:8px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.btn-secondary:hover{border-color:#667eea;color:#667eea}.analytics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;gap:1rem;transition:transform .2s}.summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.summary-icon{font-size:2.5rem;display:flex;align-items:center;justify-content:center}.summary-content h3{font-size:.9rem;color:#666;margin:0 0 .5rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0}.charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:1.5rem;margin-bottom:2rem}.chart-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014}.chart-card.full-width{grid-column:1 / -1}.chart-card h3{font-size:1.1rem;color:#1a1a1a;margin:0 0 1rem;font-weight:600}.filters-panel{background:#fff;padding:1.5rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 2px 4px #00000014}.filter-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.filter-row:last-child{margin-bottom:0}.search-input{flex:1;min-width:250px;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .2s}.search-input:focus{outline:none;border-color:#667eea}.range-filters,.date-filters,.engagement-filter{display:flex;align-items:center;gap:.5rem}.range-filters label,.date-filters label,.engagement-filter label{font-size:.9rem;color:#666;white-space:nowrap}.range-input,.date-input,.engagement-input{padding:.5rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.9rem;transition:border-color .2s}.range-input:focus,.date-input:focus,.engagement-input:focus{outline:none;border-color:#667eea}.range-input{width:80px}.engagement-input{width:100px}.families-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 4px #00000014}.families-toolbar{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0}.families-toolbar label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#555;cursor:pointer}.families-toolbar input[type=checkbox]{width:18px;height:18px;cursor:pointer}.families-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.family-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem;transition:all .2s;position:relative}.family-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.family-checkbox{position:absolute;top:1rem;right:1rem}.family-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.family-header{margin-bottom:1rem}.family-header h3{font-size:1.5rem;color:#1a1a1a;margin:0 0 .5rem}.family-id{font-family:Courier New,monospace;color:#666;font-size:.85rem}.engagement-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;color:#fff;margin-bottom:1rem}.family-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.stat{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#f9f9f9;border-radius:8px}.stat-icon{font-size:1.5rem;margin-bottom:.5rem}.stat-value{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin-bottom:.25rem}.stat-label{font-size:.85rem;color:#666;font-weight:500}.family-members{margin-bottom:1rem}.family-members h4{font-size:.9rem;color:#666;margin:0 0 .5rem;font-weight:600}.family-members ul{list-style:none;padding:0;margin:0}.family-members li{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;font-size:.95rem;color:#333}.member-badge{font-size:1.2rem}.more-members{color:#667eea;font-weight:600;font-style:italic}.family-meta{margin-bottom:1rem;padding-top:1rem;border-top:1px solid #e0e0e0}.family-meta small{color:#999;font-size:.85rem}.family-actions{display:flex;gap:.75rem}.btn-view,.btn-delete{flex:1;padding:.75rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-view{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-view:hover{transform:translateY(-2px);box-shadow:0 4px 8px #667eea66}.btn-delete{background:#f5f5f5;color:#ef4444}.btn-delete:hover{background:#fee}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1.5rem 0;margin-top:1.5rem;border-top:1px solid #e0e0e0}.btn-pagination{padding:.5rem 1rem;border:2px solid #e0e0e0;background:#fff;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;color:#555}.btn-pagination:hover:not(:disabled){border-color:#667eea;color:#667eea}.btn-pagination:disabled{opacity:.5;cursor:not-allowed}.page-info{font-size:.95rem;color:#666;font-weight:500}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:12px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.modal-content h2{margin:0 0 1.5rem;color:#1a1a1a}.detail-section{margin-bottom:2rem}.detail-section h3{font-size:1.1rem;color:#667eea;margin:0 0 1rem;font-weight:600}.detail-item{padding:.75rem 0;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between}.detail-item strong{color:#666}.members-table{width:100%;border-collapse:collapse}.members-table thead{background:#f5f5f5}.members-table th{text-align:left;padding:.75rem;font-weight:600;color:#555;font-size:.9rem}.members-table td{padding:.75rem;border-bottom:1px solid #e0e0e0;color:#333}.role-badge{padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.role-badge.role-parent{background:#dbeafe;color:#1e40af}.role-badge.role-child{background:#fef3c7;color:#92400e}.role-badge.role-super_admin{background:#fce7f3;color:#9f1239}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.btn-close{padding:.75rem 1.5rem;border:2px solid #e0e0e0;background:#fff;color:#555;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-close:hover{border-color:#667eea;color:#667eea}.loading{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:1.2rem;color:#666}.empty-state{text-align:center;color:#999;padding:3rem;font-size:1.1rem;font-style:italic;grid-column:1 / -1}@media(max-width:1200px){.charts-section{grid-template-columns:1fr}}@media(max-width:768px){.family-management{padding:1rem}.page-header{flex-direction:column;gap:1rem}.header-actions{width:100%;justify-content:flex-start}.page-header h1{font-size:2rem}.analytics-summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.charts-section,.families-grid{grid-template-columns:1fr}.filter-row{flex-direction:column;align-items:stretch}.search-input{width:100%}}.system-settings{max-width:900px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.settings-container{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 4px #00000014}.settings-section{margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid #e0e0e0}.settings-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.settings-section h2{margin:0 0 1.5rem;font-size:1.5rem;color:#1a1a1a;display:flex;align-items:center;gap:.5rem}.setting-item{margin-bottom:2rem}.setting-item:last-child{margin-bottom:0}.setting-item label{display:block;margin-bottom:.75rem}.setting-item strong{display:block;color:#1a1a1a;font-size:1rem;margin-bottom:.25rem}.setting-description{display:block;color:#666;font-size:.9rem;font-weight:400}.setting-item input[type=number],.setting-item input[type=email],.setting-item input[type=text],.setting-item textarea{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .2s}.setting-item input:focus,.setting-item textarea:focus{outline:none;border-color:#667eea}.setting-item textarea{resize:vertical;min-height:100px}.toggle-item{display:flex;justify-content:space-between;align-items:center}.toggle-item label:first-child{flex:1;margin-bottom:0}.toggle-switch{position:relative;display:inline-block;width:60px;height:34px;margin:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:#667eea}.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 1px #667eea}.settings-actions{display:flex;gap:1rem;margin-top:2rem}.btn-save,.btn-reset{padding:1rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex:1}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #667eea4d}.btn-save:disabled{opacity:.6;cursor:not-allowed}.btn-reset{background:#e0e0e0;color:#555}.btn-reset:hover:not(:disabled){background:#d0d0d0}.btn-reset:disabled{opacity:.6;cursor:not-allowed}.danger-zone{background:#fff;border:2px solid #fdd;border-radius:12px;padding:2rem;box-shadow:0 2px 4px #00000014}.danger-zone h2{margin:0 0 1rem;color:#c33;font-size:1.5rem}.danger-warning{color:#666;margin-bottom:1.5rem;padding:1rem;background:#fff9e6;border-left:4px solid #ffa000;border-radius:4px}.danger-actions{display:flex;flex-direction:column;gap:1rem}.btn-danger{padding:.75rem 1.5rem;background:#fee;color:#c33;border:2px solid #fdd;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;text-align:left}.btn-danger:hover{background:#fcc;border-color:#c33}@media(max-width:768px){.system-settings{padding:1rem}.settings-container,.danger-zone{padding:1.5rem}.settings-actions{flex-direction:column}.toggle-item{flex-direction:column;align-items:flex-start;gap:1rem}.toggle-item label:first-child{width:100%}}.analytics-page{max-width:1600px;margin:0 auto;padding:2rem}.date-range-selector{display:flex;align-items:center;gap:.75rem}.date-range-selector label{font-weight:600;color:#374151;font-size:.95rem}.range-select{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;background:#fff;cursor:pointer;transition:all .2s;min-width:160px}.range-select:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.metrics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 4px #00000014;transition:transform .2s,box-shadow .2s}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.metric-card.highlight{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff}.metric-card.highlight .metric-label,.metric-card.highlight .metric-sublabel,.metric-card.highlight h3{color:#fffffff2}.metric-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.metric-icon{font-size:1.75rem}.metric-card h3{font-size:.875rem;font-weight:600;color:#6b7280;margin:0;text-transform:uppercase;letter-spacing:.05em}.metric-value{font-size:2.25rem;font-weight:700;color:#111827;margin:0 0 .5rem;line-height:1}.metric-card.highlight .metric-value{color:#fff}.metric-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.metric-sublabel{display:block;font-size:.75rem;color:#9ca3af;font-weight:400}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:1.5rem}.growth-section{margin-bottom:2rem}.growth-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.growth-section-header h2{font-size:1.125rem;font-weight:600;color:#374151;margin:0}.growth-truncated{font-size:.8rem;color:#92400e;background:#fef3c7;border:1px solid #fcd34d;border-radius:999px;padding:.25rem .625rem}.growth-metrics-summary{margin-bottom:1.5rem}.growth-grid{margin-bottom:0}.growth-empty-state{background:#f9fafb;border:1px dashed #d1d5db;border-radius:12px;padding:1rem;color:#6b7280}.analytics-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 4px #00000014;min-height:380px}.analytics-card.full-width{grid-column:1 / -1}.analytics-card h2{font-size:1.125rem;font-weight:600;color:#374151;margin:0 0 1rem}[dir=rtl] .page-header h1,[dir=rtl] .analytics-card h2{text-align:right}[dir=rtl] .growth-section-header{flex-direction:row-reverse}[dir=rtl] .page-header p{text-align:right}[dir=rtl] .page-header,[dir=rtl] .date-range-selector{flex-direction:row-reverse}@media(max-width:1200px){.analytics-grid{grid-template-columns:1fr}.metrics-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.analytics-page{padding:1rem}.page-header{flex-direction:column;gap:1rem}.page-header h1{font-size:1.5rem}.date-range-selector{width:100%;justify-content:space-between}.range-select{flex:1}.analytics-card{min-height:auto}.growth-section-header{flex-direction:column;align-items:flex-start;gap:.75rem}.metrics-summary{grid-template-columns:1fr}.metric-card h3{font-size:.75rem}.metric-value{font-size:1.75rem}}.admin-logs-page{max-width:1600px;margin:0 auto;padding:2rem}.page-header h1{font-size:2rem;font-weight:700;color:#111827;margin:0 0 .5rem}.page-header p{color:#6b7280;font-size:.95rem;margin:0}.header-actions{display:flex;gap:1rem;align-items:center}.btn-icon{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon:hover{background:#f9fafb;border-color:#9ca3af}.btn-primary{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s;box-shadow:0 2px 4px #7c3aed33}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #7c3aed4d}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.logs-filters{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}.filter-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.search-input{flex:1;min-width:200px;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;transition:all .2s}.search-input:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.filter-select{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;background:#fff;cursor:pointer;transition:all .2s;min-width:160px}.filter-select:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.date-filters{display:flex;align-items:center;gap:.5rem}.date-input{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;transition:all .2s}.date-input:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:8px;padding:.75rem 1.25rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.logs-content{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.logs-table-wrapper{overflow-x:auto}.logs-table{width:100%;border-collapse:collapse;font-size:.9rem}.logs-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.logs-table th{text-align:left;padding:1rem 1.25rem;font-weight:600;color:#374151;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.logs-table td{padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb;color:#1f2937}.logs-table tbody tr:hover{background:#f9fafb}.logs-table tbody tr:last-child td{border-bottom:none}.timestamp-cell{font-family:Courier New,monospace;font-size:.85rem;color:#6b7280;white-space:nowrap}.admin-cell{min-width:150px}.admin-name{font-weight:600;color:#1f2937;margin-bottom:.25rem}.admin-id{font-family:Courier New,monospace;font-size:.75rem;color:#9ca3af}.action-badge{display:inline-block;padding:.375rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:capitalize;white-space:nowrap}.action-badge.action-promote_to_super_admin{background:#fef3c7;color:#92400e}.action-badge.action-delete_user{background:#fee2e2;color:#991b1b}.action-badge.action-delete_family{background:#fecaca;color:#7f1d1d}.action-badge.action-create_family{background:#d1fae5;color:#065f46}.action-badge.action-update_settings{background:#dbeafe;color:#1e40af}.target-cell{min-width:120px}.target-type{font-weight:600;color:#6b7280;font-size:.85rem;margin-bottom:.25rem;text-transform:capitalize}.target-id{font-family:Courier New,monospace;font-size:.75rem;color:#9ca3af}.details-cell{max-width:400px;color:#4b5563}.empty-state{text-align:center;color:#9ca3af;padding:3rem 1rem!important;font-style:italic}.pagination{display:flex;justify-content:center;align-items:center;gap:1.5rem;padding:1.5rem;border-top:1px solid #e5e7eb}.btn-pagination{background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:8px;padding:.625rem 1.25rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-pagination:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.btn-pagination:disabled{opacity:.4;cursor:not-allowed}.page-info{color:#6b7280;font-weight:500;font-size:.95rem}[dir=rtl] .page-header h1,[dir=rtl] .logs-table th,[dir=rtl] .logs-table td{text-align:right}[dir=rtl] .filter-row{direction:rtl}[dir=rtl] .header-actions{flex-direction:row-reverse}@media(max-width:1024px){.admin-logs-page{padding:1rem}.filter-row{flex-direction:column;align-items:stretch}.filter-select,.search-input,.date-filters{width:100%}.date-input{flex:1}}@media(max-width:768px){.page-header{flex-direction:column;gap:1rem}.header-actions{width:100%;justify-content:space-between}.logs-table{font-size:.8rem}.logs-table th,.logs-table td{padding:.75rem .5rem}.details-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagination{flex-direction:column;gap:1rem}.btn-pagination{width:100%}}.activity-feed{max-width:1200px;margin:0 auto;padding:2rem;position:relative}.header-actions{display:flex;align-items:center;gap:1rem}.auto-refresh-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem;color:#374151}.auto-refresh-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#7c3aed}.activity-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-item{display:flex;align-items:center;gap:1rem;background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 4px #00000014;transition:transform .2s,box-shadow .2s}.stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.stat-icon{font-size:2rem}.stat-value{font-size:1.75rem;font-weight:700;color:#111827;margin:0;line-height:1}.stat-label{font-size:.875rem;color:#6b7280;margin:.25rem 0 0}.filter-bar{display:flex;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap}.filter-btn{padding:.75rem 1.25rem;background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.filter-btn:hover{background:#f9fafb;border-color:#7c3aed}.filter-btn.active{background:#7c3aed;border-color:#7c3aed;color:#fff}.activity-timeline{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 4px #00000014;min-height:500px;max-height:800px;overflow-y:auto}.activity-timeline::-webkit-scrollbar{width:8px}.activity-timeline::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.activity-timeline::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.activity-timeline::-webkit-scrollbar-thumb:hover{background:#9ca3af}.activity-item{display:flex;gap:1rem;padding:1rem;border-bottom:1px solid #f3f4f6;transition:background-color .2s}.activity-item:last-child{border-bottom:none}.activity-item:hover{background-color:#f9fafb}.activity-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.activity-content{flex:1;min-width:0}.activity-details{font-size:.95rem;color:#111827;margin:0 0 .5rem;line-height:1.5}.activity-meta{display:flex;gap:1rem;flex-wrap:wrap;font-size:.875rem;color:#6b7280}.activity-time{font-weight:500}.activity-family{font-family:monospace;background:#f3f4f6;padding:.125rem .5rem;border-radius:4px}.activity-points{color:#10b981;font-weight:600}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-state p{font-size:1.125rem;font-weight:600;color:#374151;margin:0 0 .5rem}.empty-state span{font-size:.95rem;color:#6b7280}.live-indicator{position:fixed;bottom:2rem;right:2rem;display:flex;align-items:center;gap:.5rem;background:#10b981;color:#fff;padding:.75rem 1.25rem;border-radius:24px;box-shadow:0 4px 12px #10b9814d;font-size:.875rem;font-weight:600;z-index:100}.live-dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}[dir=rtl] .page-header h1{text-align:right}[dir=rtl] .page-header,[dir=rtl] .activity-item,[dir=rtl] .activity-meta,[dir=rtl] .stat-item{flex-direction:row-reverse}[dir=rtl] .live-indicator{left:2rem;right:auto}@media(max-width:768px){.activity-feed{padding:1rem}.page-header{flex-direction:column;gap:1rem}.page-header h1{font-size:1.5rem}.activity-stats{grid-template-columns:repeat(2,1fr)}.filter-bar{justify-content:center}.filter-btn{flex:1;min-width:120px}.activity-timeline{padding:1rem;max-height:600px}.activity-item{padding:.75rem}.activity-icon{width:40px;height:40px;font-size:1.25rem}.activity-details{font-size:.875rem}.activity-meta{font-size:.75rem;gap:.5rem}.live-indicator{bottom:1rem;right:1rem;font-size:.75rem;padding:.5rem 1rem}}.retention-cohorts{max-width:1600px;margin:0 auto;padding:2rem}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.page-header h1{font-size:2rem;font-weight:700;color:#111827;margin:.5rem 0}.page-header p{color:#6b7280;font-size:1rem;margin:0}.back-btn{background:none;border:none;color:#7c3aed;font-size:.95rem;cursor:pointer;padding:.5rem 0;margin-bottom:.5rem;transition:color .2s}.back-btn:hover{color:#6d28d9;text-decoration:underline}.refresh-btn{padding:.875rem 1.5rem;background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.refresh-btn:hover{background:#f9fafb;border-color:#7c3aed;color:#7c3aed;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.retention-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 4px #00000014;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.stat-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.stat-icon{font-size:1.75rem}.stat-card h3{font-size:.875rem;font-weight:600;color:#6b7280;margin:0;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:2.25rem;font-weight:700;color:#111827;margin:0 0 .5rem;line-height:1}.stat-label{display:block;font-size:.875rem;color:#6b7280}.chart-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 4px #00000014;margin-bottom:2rem}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.chart-header h2{font-size:1.25rem;font-weight:600;color:#374151;margin:0}.metric-selector{display:flex;gap:.5rem}.metric-btn{padding:.5rem 1rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.metric-btn:hover{background:#e5e7eb}.metric-btn.active{background:#7c3aed;border-color:#7c3aed;color:#fff}.chart-container{min-height:350px}.cohort-table-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 4px #00000014;margin-bottom:2rem}.cohort-table-section h2{font-size:1.25rem;font-weight:600;color:#374151;margin:0 0 .5rem}.table-description{font-size:.875rem;color:#6b7280;margin-bottom:1rem;display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.legend-item{padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:500;border:1px solid #e5e7eb}.table-container{overflow-x:auto}.cohort-table{width:100%;border-collapse:collapse;font-size:.95rem}.cohort-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.cohort-table th{padding:1rem;text-align:left;font-weight:600;color:#374151;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.cohort-table td{padding:1rem;border-bottom:1px solid #f3f4f6}.cohort-table tbody tr:hover{background:#f9fafb}.cohort-label{font-weight:600;color:#111827}.user-count{color:#6b7280;font-weight:500}.retention-cell{text-align:center;transition:transform .2s}.retention-cell:hover{transform:scale(1.05)}.retention-cell .rate{display:block;font-weight:700;font-size:1rem;color:#111827}.retention-cell .count{display:block;font-size:.75rem;color:#6b7280;margin-top:.25rem}.empty-state{text-align:center;padding:3rem 1rem!important;color:#6b7280;font-style:italic}.insights-section{margin-bottom:2rem}.insights-section h2{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:1rem}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.insight-card{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 4px #00000014;border-left:4px solid}.insight-card.success{border-left-color:#10b981;background:#f0fdf4}.insight-card.warning{border-left-color:#f59e0b;background:#fffbeb}.insight-card.info{border-left-color:#3b82f6;background:#eff6ff}.insight-icon{font-size:1.5rem;flex-shrink:0}.insight-card h4{font-size:1rem;font-weight:600;color:#111827;margin:0 0 .25rem}.insight-card p{font-size:.875rem;color:#6b7280;margin:0;line-height:1.5}.loading{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:1.1rem;color:#6b7280}[dir=rtl] .page-header h1,[dir=rtl] .chart-header h2,[dir=rtl] .cohort-table-section h2,[dir=rtl] .insights-section h2{text-align:right}[dir=rtl] .page-header,[dir=rtl] .chart-header,[dir=rtl] .stat-header,[dir=rtl] .insight-card{flex-direction:row-reverse}[dir=rtl] .cohort-table th,[dir=rtl] .cohort-table td{text-align:right}@media(max-width:1200px){.retention-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.retention-cohorts{padding:1rem}.page-header{flex-direction:column;gap:1rem}.page-header h1{font-size:1.5rem}.retention-stats{grid-template-columns:1fr}.stat-value{font-size:1.75rem}.chart-header{flex-direction:column;align-items:flex-start;gap:1rem}.metric-selector{width:100%;justify-content:space-between}.metric-btn{flex:1}.table-description{flex-direction:column;align-items:flex-start}.cohort-table{font-size:.875rem}.cohort-table th,.cohort-table td{padding:.75rem .5rem}.retention-cell .rate{font-size:.875rem}.retention-cell .count{font-size:.625rem}.insights-grid{grid-template-columns:1fr}}.task-management{max-width:1400px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.reward-management{max-width:1400px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.gamification-management{max-width:1400px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.admin-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:1.5rem}.action-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.action-card h2{font-size:1.1rem;margin:0 0 .25rem}.action-desc{color:#6b7280;font-size:.875rem;margin:0 0 1rem}.action-form{display:flex;flex-direction:column;gap:.75rem}.action-select,.action-input{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;background:#fff}.action-select:focus,.action-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.subscription-management{max-width:1400px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.extended-family-management{max-width:1400px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.notification-management{max-width:1400px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.content-moderation{max-width:1400px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.content-moderation .section-title-spaced{margin-top:2rem}.content-moderation .flagged-words-desc{color:#6b7280;margin-bottom:1rem}.content-moderation .flagged-words-form{display:flex;gap:.5rem;margin-bottom:1rem}.content-moderation .flagged-words-input{max-width:300px}.content-moderation .flagged-words-save{margin-left:auto}.content-moderation .flagged-words-list{display:flex;flex-wrap:wrap;gap:.5rem}.content-moderation .flagged-word-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:#fee2e2;color:#dc2626;border-radius:9999px;font-size:.875rem}.content-moderation .flagged-word-remove{background:none;border:none;color:#dc2626;cursor:pointer;padding:0 2px;font-weight:700}.system-health{max-width:1400px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.invite-management{max-width:1400px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e0e0e0}.page-header h1{font-size:2rem;color:#1a1a1a;margin:0 0 .25rem}.page-header p{color:#666;font-size:1rem;margin:0}.header-actions{display:flex;gap:.5rem}.tab-bar{display:flex;gap:0;margin-bottom:1.5rem;border-bottom:2px solid #e0e0e0;overflow-x:auto}.tab{padding:.75rem 1.25rem;border:none;background:none;color:#666;font-size:.9rem;font-weight:500;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s;white-space:nowrap}.tab:hover{color:#7c3aed;background:#f5f3ff}.tab.active{color:#7c3aed;border-bottom-color:#7c3aed;font-weight:600}.filters-bar{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap;align-items:center}.search-input{flex:1;min-width:200px;padding:.6rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;outline:none;transition:border-color .2s}.search-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.family-filter-input{width:180px;padding:.6rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem}.filters-bar select{padding:.6rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;background:#fff;cursor:pointer}.status-badge{display:inline-block;padding:.2rem .6rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:capitalize}.status-pending{background:#fef3c7;color:#d97706}.status-completed{background:#dbeafe;color:#2563eb}.status-verified{background:#d1fae5;color:#059669}.status-rejected,.status-expired{background:#fee2e2;color:#dc2626}.status-canceled{background:#f3f4f6;color:#6b7280}.status-active{background:#d1fae5;color:#059669}.category-badge{display:inline-block;padding:.2rem .6rem;border-radius:12px;font-size:.8rem;font-weight:500;text-transform:capitalize}.cat-education{background:#dbeafe;color:#1d4ed8}.cat-chores{background:#fef3c7;color:#b45309}.cat-religious{background:#ede9fe;color:#6d28d9}.cat-skills{background:#d1fae5;color:#047857}.cat-behavior{background:#fce7f3;color:#be185d}.rarity-badge{display:inline-block;padding:.2rem .6rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:capitalize}.rarity-common{background:#e5e7eb;color:#374151}.rarity-rare{background:#dbeafe;color:#1d4ed8}.rarity-epic{background:#ede9fe;color:#6d28d9}.rarity-legendary{background:#fef3c7;color:#b45309}.type-badge{display:inline-block;padding:.2rem .6rem;border-radius:12px;font-size:.8rem;font-weight:500;text-transform:capitalize;background:#f3f4f6;color:#374151}.type-weekly{background:#dbeafe;color:#1d4ed8}.type-monthly{background:#ede9fe;color:#6d28d9}.type-seasonal{background:#fef3c7;color:#b45309}.type-special{background:#fce7f3;color:#be185d}.tier-badge{display:inline-block;padding:.2rem .6rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:capitalize}.tier-free{background:#e5e7eb;color:#374151}.tier-premium{background:#ede9fe;color:#6d28d9}.tier-family,.role-grandparent{background:#fef3c7;color:#b45309}.role-extended_family{background:#dbeafe;color:#1d4ed8}.role-co_parent{background:#d1fae5;color:#047857}.source-badge{display:inline-block;padding:.2rem .5rem;border-radius:8px;font-size:.75rem;background:#f3f4f6;color:#6b7280}.btn-primary{padding:.6rem 1.25rem;background:#7c3aed;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#6d28d9}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-export{padding:.5rem 1rem;background:#059669;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer}.btn-export:hover{background:#047857}.btn-danger-sm{padding:.4rem .8rem;background:#ef4444;color:#fff;border:none;border-radius:6px;font-size:.85rem;cursor:pointer}.btn-danger-sm:hover{background:#dc2626}.btn-danger-sm:disabled{opacity:.5;cursor:not-allowed}.btn-secondary-sm{padding:.4rem .8rem;background:#6b7280;color:#fff;border:none;border-radius:6px;font-size:.85rem;cursor:pointer}.btn-icon{background:none;border:none;cursor:pointer;padding:.25rem;font-size:1rem;transition:transform .2s}.btn-icon:hover{transform:scale(1.2)}.btn-icon.danger:hover{filter:brightness(.8)}.link-btn{background:none;border:none;color:#7c3aed;cursor:pointer;text-decoration:underline;font-size:inherit}.link-btn:hover{color:#6d28d9}.bulk-actions{display:flex;gap:.75rem;align-items:center;padding:.75rem 1rem;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:8px;margin-bottom:1rem}.bulk-actions span{font-weight:600;color:#7c3aed}.pagination{display:flex;gap:1rem;align-items:center;justify-content:center;padding:1.5rem 0}.pagination button{padding:.5rem 1rem;border:1px solid #d1d5db;background:#fff;border-radius:6px;cursor:pointer;font-weight:500}.pagination button:hover:not(:disabled){background:#f5f3ff;border-color:#7c3aed}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{color:#666;font-size:.9rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:700px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;font-size:1.25rem}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:.25rem}.modal-body{padding:1.5rem}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item label{font-size:.8rem;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.detail-item span{font-size:.95rem;color:#1a1a1a}.detail-item.full-width{grid-column:1 / -1}.mono{font-family:Courier New,monospace;font-size:.85rem;color:#666}.truncate{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flagged-text{background:#fef2f2;padding:.25rem .5rem;border-radius:4px}.expired-row{opacity:.6}.section-title-spaced{margin-top:2rem}.section-desc{color:#6b7280;margin-bottom:1rem}.stats-grid-spaced{margin-bottom:1.5rem}.economy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.economy-card{background:#f9fafb;padding:1.5rem;border-radius:10px;border:1px solid #e5e7eb;text-align:center}.economy-card h3{margin:0 0 .5rem;font-size:.85rem;color:#6b7280;text-transform:uppercase}.economy-value{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin:0}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.photo-review-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.review-photo{width:100%;height:200px;object-fit:cover}.review-info{padding:.75rem 1rem}.review-info h3{margin:0 0 .25rem;font-size:1rem}.review-info p{margin:.15rem 0;font-size:.85rem;color:#666}.review-actions{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid #e5e7eb}.btn-approve{flex:1;padding:.5rem;background:#059669;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.btn-reject{flex:1;padding:.5rem;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.btn-sm-approve{padding:.3rem .6rem;background:#059669;color:#fff;border:none;border-radius:4px;font-size:.8rem;cursor:pointer}.photo-link{color:#7c3aed;text-decoration:underline}.task-photo-preview{max-width:100%;max-height:300px;border-radius:8px;margin-top:.5rem}.powerup-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.powerup-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:1.25rem;text-align:center}.powerup-icon{font-size:2.5rem;margin-bottom:.5rem}.powerup-card h3{margin:0 0 .75rem;font-size:.9rem;color:#1a1a1a}.powerup-stats{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;color:#6b7280}.health-checks{display:flex;flex-direction:column;gap:.75rem}.health-check{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:8px;border:1px solid #e5e7eb}.health-check.healthy{background:#f0fdf4;border-color:#bbf7d0}.health-check.warning{background:#fffbeb;border-color:#fde68a}.health-check.critical{background:#fef2f2;border-color:#fecaca}.check-icon{font-size:1.5rem}.health-check strong{display:block;margin-bottom:.25rem}.health-check p{margin:0;font-size:.85rem;color:#666}.collection-total{padding:1rem;text-align:right;font-size:1.1rem}.notification-form{max-width:600px}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.4rem;font-weight:600;color:#374151}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.6rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem}.form-group textarea{resize:vertical}.compliance-summary{display:flex;flex-direction:column;justify-content:center}.compliance-items{display:flex;flex-direction:column;gap:.5rem}.compliance-item{display:flex;justify-content:space-between;padding:.6rem .75rem;border-radius:6px;font-size:.9rem}.compliance-item.good{background:#f0fdf4}.compliance-item.warning{background:#fffbeb}.compliance-status{font-weight:600}.audit-search{display:flex;gap:.75rem;margin-bottom:1.5rem}.audit-search .search-input{flex:1;max-width:400px}.footprint-results{margin-top:1.5rem}.footprint-results h3{margin-bottom:1rem}.footprint-total{padding:1rem;text-align:right;font-size:1.1rem}.reward-icon{font-size:1.5rem}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:#7c3aed}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}@media(max-width:768px){.page-header{flex-direction:column;gap:1rem}.page-header h1{font-size:1.5rem}.filters-bar{flex-direction:column}.search-input{min-width:unset}.tab-bar{overflow-x:auto;-webkit-overflow-scrolling:touch}.detail-grid{grid-template-columns:1fr}.economy-grid{grid-template-columns:1fr 1fr}.photo-grid{grid-template-columns:1fr}.powerup-overview{grid-template-columns:1fr 1fr}}.data-compliance{max-width:1400px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;max-width:400px;margin:2rem auto}.empty-state-icon{font-size:4rem;margin-bottom:1rem;line-height:1}.empty-state-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.empty-state-description{font-size:.875rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.5}.empty-state-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.empty-state-actions button{min-width:120px}@media(max-width:768px){.empty-state{padding:2rem 1rem}.empty-state-icon{font-size:3rem}.empty-state-actions{flex-direction:column;width:100%}.empty-state-actions button{width:100%}}.onboarding-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:.75rem;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 6px #0000001a;position:relative;overflow:hidden}.onboarding-illustration{position:absolute;top:-20px;right:-20px;width:150px;height:150px;opacity:.15;pointer-events:none;z-index:0}[dir=rtl] .onboarding-illustration{right:auto;left:-20px}.onboarding-illustration img{width:100%;height:100%;object-fit:contain}.onboarding-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.onboarding-title{font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.onboarding-subtitle{font-size:.875rem;margin:0;opacity:.9}.onboarding-dismiss{background:#fff3;border:none;color:#fff;font-size:1.25rem;width:2rem;height:2rem;border-radius:.375rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.onboarding-dismiss:hover{background:#ffffff4d}.onboarding-progress{margin-bottom:1.5rem}.progress-bar{height:.5rem;background:#ffffff4d;border-radius:9999px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:#fff;border-radius:9999px;transition:width .3s ease}.progress-text{font-size:.75rem;opacity:.9}.onboarding-checklist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.checklist-item{display:flex;align-items:flex-start;gap:1rem;font-size:.875rem;padding:1rem;border-radius:.5rem;background:#ffffff26;border:1px solid rgba(255,255,255,.2);transition:all .3s;position:relative;z-index:1}.checklist-item:hover{background:#fff3;transform:translate(-5px)}[dir=rtl] .checklist-item:hover{transform:translate(5px)}.checklist-item.completed{background:#4caf504d;border-color:#4caf5080}.checklist-icon-wrapper{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff3;transition:all .3s}.checklist-item.completed .checklist-icon-wrapper{background:#4caf504d}.icon-completed{font-size:1.5rem;color:#4caf50}.icon-pending{font-size:1.5rem;color:#fff9}.checklist-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.checklist-text{font-size:1rem;font-weight:600;line-height:1.4}.checklist-desc{font-size:.85rem;opacity:.9;line-height:1.4}.onboarding-success{margin-top:1rem;padding:1rem;background:#4caf504d;border:2px solid rgba(76,175,80,.5);border-radius:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.1rem;font-weight:600}.success-icon{font-size:1.5rem}@media(max-width:768px){.onboarding-card{padding:1.25rem}.onboarding-header{flex-direction:column;gap:1rem}.onboarding-dismiss{align-self:flex-end}}.invite-manager{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.invite-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.invite-title h3{margin:0 0 4px;font-size:20px;font-weight:600;color:#1a1a1a}.invite-subtitle{margin:0;font-size:14px;color:#666}.invite-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-generate{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#4caf50;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-generate:hover:not(:disabled){background:#45a049;transform:translateY(-1px);box-shadow:0 4px 12px #4caf504d}.btn-generate:disabled{opacity:.6;cursor:not-allowed}.btn-generate-parent{background:#2196f3}.btn-generate-parent:hover:not(:disabled){background:#1976d2;box-shadow:0 4px 12px #2196f34d}.invite-loading{text-align:center;padding:40px;color:#666}.invite-empty{text-align:center;padding:40px 20px;color:#666}.invite-empty p{margin:8px 0}.invite-empty-hint{font-size:14px;color:#999}.invite-list{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.invite-card{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;padding:20px;transition:all .2s}.invite-card:hover{border-color:#4caf50;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.invite-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.invite-code-display{display:flex;align-items:center;gap:8px}.invite-code{font-family:Monaco,Courier New,monospace;font-size:24px;font-weight:700;color:#1a1a1a;letter-spacing:2px}.invite-role-badge{padding:4px 12px;background:#e3f2fd;color:#1976d2;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.btn-icon{padding:8px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:#4caf50;border-color:#4caf50;color:#fff;transform:scale(1.1)}.invite-card-details{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e0e0e0}.invite-detail{display:flex;justify-content:space-between;align-items:center;font-size:14px}.invite-label{color:#666;font-weight:500}.invite-value{color:#1a1a1a;font-weight:600}.invite-card-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-share,.btn-qr,.btn-deactivate{flex:1;min-width:80px;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-share{background:#25d366;color:#fff}.btn-share:hover{background:#20ba5a;transform:translateY(-1px)}.btn-qr{background:#9c27b0;color:#fff}.btn-qr:hover{background:#7b1fa2;transform:translateY(-1px)}.btn-deactivate{background:#f44336;color:#fff;flex:0;padding:8px}.btn-deactivate:hover{background:#d32f2f;transform:scale(1.1)}.qr-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-in-out}.qr-modal{background:#fff;border-radius:16px;padding:32px;max-width:400px;width:100%;text-align:center;position:relative;animation:slideUp .3s ease-out}.qr-close{position:absolute;top:16px;right:16px;padding:8px;background:#f5f5f5;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.qr-close:hover{background:#e0e0e0;transform:scale(1.1)}.qr-modal h3{margin:0 0 8px;font-size:24px;color:#1a1a1a}.qr-code-text{font-family:Monaco,Courier New,monospace;font-size:28px;font-weight:700;color:#4caf50;letter-spacing:3px;margin:8px 0 24px}.qr-code-container{background:#fff;padding:24px;border-radius:12px;display:inline-block;box-shadow:0 4px 16px #0000001a;margin-bottom:16px}.qr-code-container svg{display:block}.qr-instructions{font-size:14px;color:#666;margin:16px 0 24px;line-height:1.5}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#4caf50;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 6px 16px #4caf504d}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.invite-header{flex-direction:column;align-items:stretch}.invite-actions{width:100%}.btn-generate{flex:1}.invite-list{grid-template-columns:1fr}.invite-code{font-size:20px}.qr-modal{padding:24px}.qr-code-container{padding:16px}.qr-code-container svg{width:200px;height:200px}}.stat-card-enhanced{background:var(--surface);padding:1.5rem;border-radius:.75rem;box-shadow:var(--shadow);transition:all .3s ease;position:relative;overflow:hidden}.stat-card-enhanced:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.stat-card-enhanced:hover:before{transform:scaleX(1)}.stat-card-clickable{cursor:pointer}.stat-card-clickable:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.stat-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.stat-icon-large{font-size:2.5rem;line-height:1;animation:bounceIn .6s ease}.stat-card-title{font-size:.875rem;font-weight:500;color:var(--text-secondary);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.stat-card-value{font-size:2.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;line-height:1;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card-subtitle{font-size:.75rem;color:var(--text-secondary);margin:0}.stat-trend{display:flex;align-items:center;gap:.25rem;padding:.375rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600;animation:slideInRight .4s ease}.stat-trend svg{width:14px;height:14px}.stat-trend-up{background:#10b9811a;color:#10b981}.stat-trend-down{background:#ef44441a;color:#ef4444}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.stat-card-enhanced{padding:1.25rem}.stat-icon-large,.stat-card-value{font-size:2rem}.stat-card-title{font-size:.8125rem}}.family-stats-chart{background:var(--surface);border-radius:.75rem;padding:1.5rem;box-shadow:var(--shadow);margin-bottom:1.5rem}.chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.chart-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.chart-subtitle{font-size:.875rem;color:var(--text-secondary);margin:0}.chart-summary{display:flex;gap:1.5rem}.summary-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.summary-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.summary-value{font-size:1.5rem;font-weight:700}.summary-created{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.summary-completed{background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.summary-rate{background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chart-container{min-height:300px}@media(max-width:768px){.family-stats-chart{padding:1.25rem}.chart-header{flex-direction:column;align-items:stretch}.chart-summary{justify-content:space-around;gap:1rem}.summary-value{font-size:1.25rem}.chart-container{min-height:250px}}.child-leaderboard{background:var(--surface);border-radius:.75rem;padding:1.5rem;box-shadow:var(--shadow);margin-bottom:1.5rem}.leaderboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.leaderboard-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem;display:flex;align-items:center;gap:.5rem}.leaderboard-subtitle{font-size:.875rem;color:var(--text-secondary);margin:0}.leaderboard-stats{display:flex;gap:1rem}.stat-box{display:flex;flex-direction:column;align-items:center;padding:.75rem 1rem;background:var(--background);border-radius:.5rem;min-width:120px}.stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.stat-value{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.leader-box{background:linear-gradient(135deg,#f59e0b1a,#d977061a);border:2px solid rgba(245,158,11,.3)}.leader-info{display:flex;align-items:center;gap:.5rem}.leader-avatar{font-size:1.5rem;line-height:1}.leader-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.leaderboard-list{display:flex;flex-direction:column;gap:.75rem}.leaderboard-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--background);border-radius:.5rem;border:2px solid transparent;transition:all .3s ease;animation:slideInUp .4s ease}.leaderboard-item:hover{transform:translate(4px);box-shadow:0 4px 12px #0000001a}.rank-gold{background:linear-gradient(135deg,#ffd7001a,#ffc1071a);border-color:#ffd7004d}.rank-silver{background:linear-gradient(135deg,#c0c0c01a,#a9a9a91a);border-color:#c0c0c04d}.rank-bronze{background:linear-gradient(135deg,#cd7f321a,#b873331a);border-color:#cd7f324d}.rank-badge{font-size:2rem;line-height:1;min-width:2rem;text-align:center;flex-shrink:0}.rank-number{font-size:1.25rem;font-weight:700;color:var(--text-secondary)}.child-info-leaderboard{flex:1;display:flex;align-items:center;gap:1rem;min-width:0}.child-avatar-leaderboard{font-size:2.5rem;line-height:1;flex-shrink:0}.child-details{flex:1;min-width:0}.child-name-leaderboard{font-size:1rem;font-weight:600;color:var(--text-primary);display:block;margin-bottom:.5rem}.progress-bar-container{width:100%;height:8px;background:#0000001a;border-radius:9999px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:9999px;transition:width .6s ease}.rank-gold .progress-bar-fill{background:linear-gradient(90deg,gold,#ffc107)}.rank-silver .progress-bar-fill{background:linear-gradient(90deg,silver,#a9a9a9)}.rank-bronze .progress-bar-fill{background:linear-gradient(90deg,#cd7f32,#b87333)}.points-display{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.points-number{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1}.points-text{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.leaderboard-hint{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;margin-top:1rem;background:var(--background);border-radius:.5rem;color:var(--text-secondary);font-size:.875rem}.leaderboard-hint svg{color:#667eea}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.child-leaderboard{padding:1.25rem}.leaderboard-header{flex-direction:column;align-items:stretch}.leaderboard-stats{flex-direction:column}.stat-box{min-width:auto}.leaderboard-item{padding:.875rem;gap:.75rem}.rank-badge{font-size:1.5rem;min-width:1.5rem}.rank-number{font-size:1rem}.child-avatar-leaderboard{font-size:2rem}.child-name-leaderboard{font-size:.9rem}.points-number{font-size:1.5rem}}.parent-achievements{background:var(--surface);border-radius:.75rem;padding:1.5rem;box-shadow:var(--shadow);margin-bottom:1.5rem}.achievements-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.achievements-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem;display:flex;align-items:center;gap:.5rem}.title-icon{color:#f59e0b;font-size:1.5rem}.achievements-subtitle{font-size:.875rem;color:var(--text-secondary);margin:0}.achievements-progress-circle{flex-shrink:0}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.achievement-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--background);border-radius:.5rem;border:2px solid transparent;transition:all .3s ease;position:relative;overflow:hidden}.achievement-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea0d,#764ba20d);opacity:0;transition:opacity .3s ease}.achievement-card:hover:before{opacity:1}.achievement-unlocked{border-color:#667eea4d;animation:unlockPulse .6s ease}.achievement-locked{opacity:.6}.achievement-locked .achievement-icon{filter:grayscale(100%)}.achievement-icon{font-size:3rem;line-height:1;position:relative;flex-shrink:0;z-index:1}.unlock-badge{position:absolute;bottom:-4px;right:-4px;width:24px;height:24px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700;box-shadow:0 2px 8px #10b98166}.achievement-content{flex:1;min-width:0;z-index:1}.achievement-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.achievement-description{font-size:.875rem;color:var(--text-secondary);margin:0 0 .5rem}.achievement-progress{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.progress-bar-container-achievement{flex:1;height:6px;background:#0000001a;border-radius:9999px;overflow:hidden}.progress-bar-fill-achievement{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:9999px;transition:width .6s ease}.progress-text{font-size:.75rem;color:var(--text-secondary);font-weight:600;white-space:nowrap}@keyframes unlockPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@media(max-width:768px){.parent-achievements{padding:1.25rem}.achievements-header{flex-direction:column;align-items:flex-start;gap:1rem}.achievements-grid{grid-template-columns:1fr}.achievement-card{padding:.875rem;gap:.75rem}.achievement-icon{font-size:2.5rem}.achievement-title{font-size:.9rem}.achievement-description{font-size:.8125rem}}.child-card-enhanced{background-color:var(--surface);padding:1.5rem;border-radius:.75rem;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .2s ease;cursor:pointer;border:2px solid transparent}.child-card-enhanced:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--primary-color)}.child-avatar-large{font-size:4rem;line-height:1;margin-bottom:1rem}.child-info{margin-bottom:1rem;width:100%}.child-name{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.child-age{font-size:.875rem;color:var(--text-secondary);margin:0}.no-auth-badge{display:inline-block;padding:.25rem .75rem;background-color:#fef3c7;color:#92400e;border-radius:9999px;font-size:.75rem;font-weight:600;margin-top:.5rem;border:1px solid #fcd34d}.child-points-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:9999px;margin-bottom:.75rem}.points-icon{font-size:1.25rem}.points-value{font-size:1.5rem;font-weight:700;color:#fff}.points-label{font-size:.875rem;color:#ffffffe6}.child-tasks-info{font-size:.75rem;color:var(--text-secondary);margin:0}.child-actions{display:flex;flex-direction:column;gap:.75rem;width:100%;margin-top:.75rem}.child-claim-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d}.child-claim-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166;background:linear-gradient(135deg,#059669,#10b981)}.child-claim-button:active{transform:translateY(0);box-shadow:0 2px 8px #10b9814d}@media(max-width:768px){.child-card-enhanced{padding:1.25rem}.child-avatar-large{font-size:3rem}.child-name{font-size:1.125rem}.child-claim-button{padding:10px 16px;font-size:13px}}.child-preview-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.child-preview-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66;background:linear-gradient(135deg,#764ba2,#667eea)}.child-preview-button:active{transform:translateY(0);box-shadow:0 2px 8px #667eea4d}@media(max-width:768px){.child-preview-button{padding:10px 16px;font-size:13px}}.template-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.template-modal{background-color:var(--card-bg, #ffffff);border-radius:1rem;width:100%;max-width:900px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003;overflow:hidden}.template-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.template-modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, #1f2937)}.template-modal-close{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:none;background:var(--hover-bg, #f3f4f6);border-radius:.5rem;cursor:pointer;color:var(--text-secondary, #6b7280);transition:all .2s}.template-modal-close:hover{background:var(--hover-bg-dark, #e5e7eb);color:var(--text-primary, #1f2937)}.template-modal-search{display:flex;gap:.75rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.search-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:.875rem;color:var(--text-tertiary, #9ca3af);pointer-events:none}.search-input{width:100%;padding:.625rem 2.5rem;border:1px solid var(--border-color, #e5e7eb);border-radius:.5rem;font-size:.9375rem;background:var(--input-bg, #ffffff);color:var(--text-primary, #1f2937);transition:border-color .2s,box-shadow .2s}.search-input:focus{outline:none;border-color:var(--primary-color, #6366f1);box-shadow:0 0 0 3px #6366f11a}.clear-search{position:absolute;right:.5rem;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;background:transparent;color:var(--text-tertiary, #9ca3af);cursor:pointer;border-radius:.25rem}.clear-search:hover{color:var(--text-secondary, #6b7280);background:var(--hover-bg, #f3f4f6)}.filter-toggle{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:1px solid var(--border-color, #e5e7eb);border-radius:.5rem;background:var(--card-bg, #ffffff);color:var(--text-secondary, #6b7280);font-size:.875rem;cursor:pointer;transition:all .2s}.filter-toggle:hover,.filter-toggle.active{background:var(--primary-color, #6366f1);color:#fff;border-color:var(--primary-color, #6366f1)}.template-filters{padding:1rem 1.5rem;background:var(--hover-bg, #f9fafb);border-bottom:1px solid var(--border-color, #e5e7eb);display:flex;flex-direction:column;gap:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.75rem;font-weight:600;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.05em}.filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.filter-btn{padding:.375rem .75rem;border:1px solid var(--border-color, #e5e7eb);border-radius:.375rem;background:var(--card-bg, #ffffff);color:var(--text-secondary, #6b7280);font-size:.8125rem;cursor:pointer;transition:all .2s;white-space:nowrap}.filter-btn:hover{border-color:var(--primary-color, #6366f1);color:var(--primary-color, #6366f1)}.filter-btn.active{background:var(--primary-color, #6366f1);color:#fff;border-color:var(--primary-color, #6366f1)}.template-modal-content{flex:1;overflow-y:auto;padding:1.5rem}.no-templates{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-tertiary, #9ca3af)}.template-category-section{margin-bottom:2rem}.template-category-section:last-child{margin-bottom:0}.category-header{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--text-primary, #1f2937);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-color, #e5e7eb)}.template-count{font-weight:400;color:var(--text-tertiary, #9ca3af);font-size:.875rem}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.template-card{display:flex;flex-direction:column;padding:1rem;border:1px solid var(--border-color, #e5e7eb);border-radius:.75rem;background:var(--card-bg, #ffffff);cursor:pointer;transition:all .2s;text-align:start}.template-card:hover{border-color:var(--primary-color, #6366f1);box-shadow:0 4px 12px #6366f11a;transform:translateY(-2px)}.template-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.template-points{display:inline-flex;align-items:center;padding:.25rem .5rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.75rem;font-weight:600;border-radius:.375rem}.template-photo-badge{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:var(--hover-bg, #f3f4f6);border-radius:.375rem;color:var(--text-secondary, #6b7280)}.template-title{margin:0 0 .375rem;font-size:.9375rem;font-weight:600;color:var(--text-primary, #1f2937);line-height:1.3}.template-description{margin:0 0 .75rem;font-size:.8125rem;color:var(--text-secondary, #6b7280);line-height:1.4;flex:1}.template-meta{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--text-tertiary, #9ca3af)}.template-frequency{text-transform:capitalize}.template-modal-footer{padding:.875rem 1.5rem;border-top:1px solid var(--border-color, #e5e7eb);background:var(--hover-bg, #f9fafb)}.template-hint{margin:0;font-size:.8125rem;color:var(--text-tertiary, #9ca3af);text-align:center}[dir=rtl] .search-icon{left:auto;right:.875rem}[dir=rtl] .search-input{padding:.625rem 2.5rem}[dir=rtl] .clear-search{right:auto;left:.5rem}[dir=rtl] .template-card{text-align:end}@media(prefers-color-scheme:dark){.template-modal{--card-bg: #1f2937;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--border-color: #374151;--hover-bg: #374151;--hover-bg-dark: #4b5563;--input-bg: #111827}}@media(max-width:640px){.template-modal-overlay{padding:0;align-items:flex-end}.template-modal{max-height:90vh;border-radius:1rem 1rem 0 0}.template-modal-search{flex-direction:column}.filter-toggle{justify-content:center}.template-grid{grid-template-columns:1fr}.filter-buttons{justify-content:flex-start}.filter-btn{font-size:.75rem}}.activity-log{max-width:800px;margin:0 auto}.activity-log-filters{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.activity-log-filters .filter-btn{padding:.5rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.activity-log-filters .filter-btn:hover{background:#f9fafb;border-color:#7c3aed}.activity-log-filters .filter-btn.active{background:#7c3aed;border-color:#7c3aed;color:#fff}.activity-log .activity-timeline{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 2px 4px #00000014}.activity-log .activity-item{display:flex;gap:.75rem;padding:.75rem;border-bottom:1px solid #f3f4f6;transition:background-color .2s}.activity-log .activity-item:last-child{border-bottom:none}.activity-log .activity-item:hover{background-color:#f9fafb}.activity-item-icon{flex-shrink:0;display:flex;align-items:flex-start;padding-top:.125rem}.action-icon{width:20px;height:20px;color:#6b7280}.action-icon-success{color:#10b981}.action-icon-danger{color:#ef4444}.action-icon-info{color:#7c3aed}.activity-item-content{flex:1;min-width:0}.activity-item-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.25rem}.activity-action-label{font-weight:600;font-size:.875rem;color:#111827}.activity-log .activity-time{font-size:.75rem;color:#9ca3af;white-space:nowrap}.activity-log .activity-details{font-size:.875rem;color:#4b5563;margin:0 0 .25rem;line-height:1.4}.activity-reason{font-size:.8rem;color:#ef4444;background:#fef2f2;padding:.25rem .5rem;border-radius:4px;margin:.25rem 0;border-inline-start:2px solid #ef4444}.activity-parent{font-size:.75rem;color:#6b7280}.load-more-btn{display:block;margin:1rem auto 0;min-width:140px}[dir=rtl] .activity-log .activity-item,[dir=rtl] .activity-item-header{flex-direction:row-reverse}[dir=rtl] .activity-reason{border-inline-start:2px solid #ef4444;border-inline-end:none}@media(max-width:768px){.activity-log-filters{justify-content:center}.activity-log-filters .filter-btn{flex:1;min-width:80px;text-align:center}.activity-item-header{flex-direction:column;align-items:flex-start}}