*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.app{background:#fff;border-radius:15px;box-shadow:0 10px 40px #0003;margin:0 auto;max-width:1200px;overflow:hidden}.header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px 20px;text-align:center}.header h1{font-size:2.5em;margin-bottom:10px}.header p{font-size:1.1em;opacity:.9}.nav-tabs{background:#f5f5f5;border-bottom:2px solid #ddd;display:flex;flex-wrap:wrap;gap:0}.nav-btn{background:#f5f5f5;border:none;border-bottom:3px solid transparent;color:#333;cursor:pointer;flex:1;font-weight:500;min-width:120px;padding:15px 20px;transition:all .3s}.nav-btn:hover{background:#eee}.nav-btn.active{background:#fff;border-bottom-color:#667eea;color:#667eea}.tab-content{animation:fadeIn .3s;display:none;padding:30px}.tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tab-content h2{color:#333;font-size:1.8em;margin-bottom:20px}.tab-content h3{color:#555;margin:20px 0 15px}.form-container{background:#f9f9f9;border-radius:8px;display:grid;gap:10px;margin-bottom:20px;padding:20px}.form-container input,.form-container select{border:1px solid #ddd;border-radius:6px;font-size:1em;padding:12px}.form-container input:focus,.form-container select:focus{border-color:#667eea;box-shadow:0 0 5px #667eea4d;outline:none}.select-container{margin-bottom:20px}.select-container label{color:#333;display:block;font-weight:500;margin-bottom:8px}.select-container select{border:1px solid #ddd;border-radius:6px;font-size:1em;padding:10px;width:100%}.btn{border:none;border-radius:6px;cursor:pointer;font-size:1em;font-weight:600;padding:12px 24px;transition:all .3s}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover{background:#5568d3;box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.btn-success{background:#48bb78;color:#fff}.btn-success:hover{background:#38a169}.btn-secondary{background:#ccc;color:#333}.btn-secondary:hover{background:#bbb}.btn-danger{background:#f56565;color:#fff}.btn-danger:hover{background:#e53e3e}.children-grid,.dashboard-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:20px}.child-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;box-shadow:0 5px 20px #00000026;color:#fff;display:flex;flex-direction:column;overflow:hidden}.child-card-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.15);display:flex;gap:14px;padding:18px 18px 14px}.child-card-avatar{border:2px solid hsla(0,0%,100%,.6);border-radius:50%;flex-shrink:0;height:56px;-o-object-fit:cover;object-fit:cover;width:56px}.child-card-avatar-placeholder{align-items:center;background:#fff3;border-radius:50%;display:flex;flex-shrink:0;font-size:1.6em;height:56px;justify-content:center;width:56px}.child-card-info{flex:1;min-width:0;text-align:left}.child-card-info h3{color:#fff;font-size:1.1em;font-weight:700;margin:0 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.child-card-points{color:gold;font-size:1.25em;font-weight:700;margin:0 0 4px}.child-card-badge{background:#ffffff26;border-radius:10px;color:#ffffffd9;display:inline-block;font-size:.72em;padding:2px 8px}.child-card-body{flex:1;padding:12px 18px}.child-card-section{background:#00000026;border-radius:8px;box-sizing:border-box;margin-bottom:10px;overflow:hidden;padding:10px;width:100%}.child-card-section-title{font-size:.8em;font-weight:600;margin:0 0 8px}.child-card-section-title,.child-task-row{align-items:center;display:flex;justify-content:space-between}.child-task-row{border-bottom:1px solid hsla(0,0%,100%,.1);font-size:.82em;padding:4px 0}.child-task-row:last-of-type{border-bottom:none}.child-card-actions{border-top:1px solid hsla(0,0%,100%,.15);display:flex;gap:8px;padding:10px 18px 14px}.child-card-actions button{border:none;border-radius:8px;cursor:pointer;flex:1;font-size:.82em;font-weight:600;padding:8px 6px}.child-card-btn-view{background:#ffffffe6;color:#553c9a}.child-card-btn-invite{background:#ffffff26;border:1px solid hsla(0,0%,100%,.35)!important;color:#fff}.child-card-btn-delete{background:#dc3545b3;color:#fff}.dashboard-card{background:#fff;border:2px solid #667eea;border-radius:12px;padding:20px}.dashboard-card h3{color:#667eea;margin-bottom:15px}.dashboard-card .points-display{color:#48bb78;font-size:2em;font-weight:700;margin-bottom:20px}.chore-item{align-items:center;background:#f9f9f9;border-left:4px solid #667eea;border-radius:6px;display:flex;justify-content:space-between;margin:10px 0;padding:15px}.chore-item h4{color:#333}.chore-item .day-badge{background:#667eea;border-radius:20px;color:#fff;font-size:.9em;padding:5px 12px}.chore-item .points-badge{background:gold;border-radius:20px;color:#333;font-weight:700;padding:5px 12px}#photo-input{display:block;margin-bottom:15px;padding:10px}#inspect-photo-preview,#photo-preview{border-radius:8px;box-shadow:0 5px 15px #0000001a;margin:15px 0;max-height:180px;max-width:100%;-o-object-fit:contain;object-fit:contain}.image-comparison-container{display:grid;gap:15px;grid-template-columns:1fr 1fr;margin:20px 0}.image-container{display:flex;flex-direction:column}.image-container h4{color:#555;font-size:.9em;font-weight:600;margin-bottom:8px}.comparison-img,.image-container img{border-radius:6px;box-shadow:0 3px 10px #0000001a;height:120px;-o-object-fit:cover;object-fit:cover;width:100%}@media(max-width:768px){.image-comparison-container{gap:10px;grid-template-columns:1fr}#inspect-photo-preview,#photo-preview{max-height:300px;max-width:100%}}#cleanliness-meter{margin:30px 0}.meter-label{color:#333;font-weight:700;margin-bottom:10px}.meter-bar{background:#e0e0e0;border-radius:15px;height:30px;margin-bottom:10px;overflow:hidden;width:100%}#meter-fill{align-items:center;background:linear-gradient(90deg,#f56565,gold,#48bb78);color:#fff;display:flex;font-weight:700;height:100%;justify-content:flex-end;padding-right:10px;transition:width .5s ease;width:0}#score-text{color:#667eea;font-size:1.5em;font-weight:700;text-align:center}.result-card{background:#f9f9f9;border-left:4px solid #48bb78;border-radius:8px;padding:20px}#feedback-text{color:#333;font-size:1.1em;line-height:1.6;margin:15px 0}.leaderboard-container{display:grid;gap:30px;grid-template-columns:1fr 1fr}.leaderboard-list{background:#f9f9f9;border-radius:8px;padding:20px}.leaderboard-item{align-items:center;background:#fff;border-left:4px solid #667eea;border-radius:6px;display:flex;margin-bottom:10px;padding:15px}.leaderboard-rank{color:#667eea;font-size:1.5em;font-weight:700;min-width:50px}.leaderboard-name{flex:1;font-weight:500;margin-left:15px}.leaderboard-points{color:gold;font-size:1.3em;font-weight:700}.analysis-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.analysis-card h3{color:#333;font-size:1.3em;margin-bottom:15px}.score-display{background:#f7fafc;border-radius:8px;padding:15px;text-align:center}@media(max-width:768px){.nav-tabs{gap:0}.nav-btn{font-size:.9em;min-width:100px;padding:12px 15px}.children-grid,.dashboard-grid,.leaderboard-container{grid-template-columns:1fr}.header h1{font-size:2em}.tab-content{padding:20px}#inspect-photo-preview{max-height:250px!important;max-width:100%!important;-o-object-fit:contain;object-fit:contain;width:100%}[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}.analysis-card img{max-height:200px!important;max-width:100%!important;-o-object-fit:contain;object-fit:contain;width:100%}.score-display{font-size:2.5em!important;padding:10px!important}}@media(max-width:480px){.tab-content{padding:15px}#inspect-photo-preview{max-height:200px!important}.analysis-card{padding:15px}.analysis-card img{max-height:150px!important}.analysis-card h3{font-size:1.1em;margin-bottom:10px}}.leaderboard-table{border-collapse:collapse;margin-top:10px;width:100%}.leaderboard-table td,.leaderboard-table th{border-bottom:1px solid #e2e8f0;padding:12px 15px;text-align:left}.leaderboard-table th{background:#f7fafc;color:#4a5568;font-weight:600}.leaderboard-table tr:hover td{background:#f7fafc}.leaderboard-table td:first-child{color:#667eea;font-weight:700}.status-message{animation:slideIn .3s ease;border-radius:8px;box-shadow:0 4px 12px #00000026;display:none;font-weight:500;padding:12px 20px;position:fixed;right:20px;top:20px;z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.status-success{background:#48bb78;color:#fff}.status-error{background:#f56565;color:#fff}.status-info{background:#667eea;color:#fff}.loading{opacity:.6;pointer-events:none}.pin-dot{background:#e2e8f0;border-radius:50%;height:16px;transition:background .15s;width:16px}.pin-key{background:#667eea;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.3em;font-weight:600;padding:16px;transition:background .15s,transform .1s}.pin-key:hover{background:#5568d3;transform:scale(1.05)}.pin-key:active{transform:scale(.95)}.empty-state{color:#999;padding:40px;text-align:center}.empty-state p{font-size:1.1em;margin-bottom:20px}