*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#0a0a0a;color:#e0e0e0}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:30px;text-align:center;border-bottom:2px solid #ffd700}.header h1{font-size:2.5em;color:gold;margin-bottom:10px}.header p{color:#888}.tabs{display:flex;justify-content:center;gap:10px;padding:20px;background:#1a1a1a;border-bottom:1px solid #333}.tab{padding:10px 20px;background:#2d2d2d;color:#e0e0e0;border:1px solid #444;border-radius:5px;cursor:pointer;font-weight:700;transition:all .3s}.tab:hover{background:#3d3d3d;color:gold}.tab.active{background:gold;color:#000}.container{flex:1;max-width:1200px;margin:0 auto;padding:40px 20px;width:100%}.section{background:#1a1a1a;padding:30px;border-radius:10px;border:1px solid #333;margin-bottom:30px}.section h2{color:gold;margin-bottom:20px}.message{padding:15px;border-radius:5px;margin-bottom:20px;font-weight:700}.message.success{background:#1a4d1a;color:#0f0;border:1px solid #00ff00}.message.error{background:#4d1a1a;color:#f44;border:1px solid #ff4444}.btn{padding:12px 30px;border:none;border-radius:5px;font-weight:700;cursor:pointer;transition:all .3s;margin-right:10px;margin-bottom:10px}.btn-gold{background:gold;color:#000;font-weight:700}.btn-gold:hover{background:#ffed4e;transform:scale(1.05)}.btn-gold:disabled{background:#888;cursor:not-allowed;transform:scale(1)}.form{display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column}.form-group label{color:gold;margin-bottom:5px;font-weight:700}.form-group input,.form-group select{padding:10px;background:#2d2d2d;border:1px solid #444;color:#e0e0e0;border-radius:5px}.footer{background:#0a0a0a;padding:20px;text-align:center;border-top:1px solid #333;color:#888}@media(max-width:768px){.header h1{font-size:1.8em}.tabs{flex-direction:column}.container{padding:20px 10px}}