*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.container{max-width:1200px;margin:0 auto}.header{background:#fff;border-radius:15px;padding:30px;margin-bottom:30px;box-shadow:0 10px 30px #0003;text-align:center}.header h1{color:#667eea;font-size:2.5em;margin-bottom:10px}.header p{color:#666;font-size:1.1em}.loading{background:#fff;border-radius:15px;padding:60px;text-align:center;font-size:1.2em;color:#667eea;font-weight:600}.main-panel{background:#fff;border-radius:15px;padding:30px;box-shadow:0 10px 30px #0003}.user-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}.user-info h2{color:#333;margin-bottom:5px}.user-id{color:#999;font-size:.9em;font-family:Courier New,monospace}.tabs{display:flex;gap:10px;margin-bottom:30px;border-bottom:2px solid #f0f0f0}.tab{padding:12px 20px;border:none;background:none;cursor:pointer;font-size:1em;color:#666;border-bottom:3px solid transparent;transition:all .3s;font-weight:500}.tab:hover{color:#667eea}.tab.active{color:#667eea;border-bottom-color:#667eea}.tab-content{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:600;font-size:.95em}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:1em;font-family:inherit;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#667eea}.form-group textarea{min-height:100px;resize:vertical}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-block}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea66}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#f0f0f0;color:#333}.btn-secondary:hover{background:#e0e0e0}.btn-danger{background:#ff4757;color:#fff}.btn-danger:hover{background:#ff3838}.btn-small{padding:8px 16px;font-size:.9em}.btn-block{width:100%;margin-top:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.alert{padding:15px 20px;border-radius:8px;margin-bottom:20px;font-weight:500}.alert-error{background:#ffe5e5;color:#ff4757;border-left:4px solid #ff4757}.alert-success{background:#e5ffe5;color:#27ae60;border-left:4px solid #27ae60}.alert-info{background:#e5f2ff;color:#667eea;border-left:4px solid #667eea}.card{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:20px;margin-bottom:20px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.card-header h3{color:#333;font-size:1.1em}.card-body{color:#666;line-height:1.6}.code-block{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;padding:15px;margin:15px 0;font-family:Courier New,monospace;font-size:.9em;overflow-x:auto;color:#333}.footer{text-align:center;margin-top:40px;padding:20px;color:#fff}.footer a{color:#fff;text-decoration:underline;margin:0 5px}.footer a:hover{opacity:.8}.auth-panel h2{color:#333;margin-bottom:30px;text-align:center}.auth-tabs button{flex:1;padding:12px;border:2px solid #e0e0e0;background:#fff;border-radius:8px;cursor:pointer;font-weight:600;color:#666;transition:all .3s}.children-list{display:grid;gap:20px;margin-top:20px}.child-card{background:#f9f9f9;border:2px solid #e0e0e0;border-radius:8px;padding:20px;display:flex;justify-content:space-between;align-items:center}.child-info h4{color:#333;margin-bottom:5px}.child-info p{color:#999;font-size:.9em}.child-actions{display:flex;gap:10px}.api-tester{background:#f9f9f9;border-radius:8px;padding:20px}.api-request{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;margin-bottom:20px}.api-request h4{color:#667eea;margin-bottom:15px;font-family:Courier New,monospace;font-size:1em}.api-response{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;padding:15px;margin-top:15px;max-height:300px;overflow-y:auto}.api-response.error{background:#ffe5e5;border-color:#ff4757;color:#ff4757}.api-response.success{background:#e5ffe5;border-color:#27ae60;color:#27ae60}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.user-header{flex-direction:column;align-items:flex-start;gap:20px}.header h1{font-size:1.8em}.tabs{flex-wrap:wrap}.child-card{flex-direction:column;align-items:flex-start;gap:15px}.child-actions{width:100%}.child-actions button{flex:1}}.auth-panel{max-width:500px;margin:40px auto;background:#fff;border-radius:15px;padding:40px;box-shadow:0 10px 30px #0003}.auth-panel h2{color:#333;margin-bottom:30px;text-align:center;font-size:1.8em}.auth-tabs{display:flex;gap:10px;margin-bottom:30px}.auth-tabs button{flex:1;padding:12px;border:2px solid #e0e0e0;background:#fff;border-radius:8px;cursor:pointer;font-weight:600;color:#666;transition:all .3s;font-size:1em}.auth-tabs button:hover{border-color:#667eea;color:#667eea}.auth-tabs button.active{border-color:#667eea;color:#667eea;background:#f0f5ff}.info-text{text-align:center;color:#999;font-size:.9em;margin-top:20px}