*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,sans-serif;background:#f0f4f8;color:#333;line-height:1.6;font-size:16px}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
header{background:#2c3e50;color:#ecf0f1;padding:15px 0}
header .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
header h1{font-size:1.8rem;font-weight:400}
.user-info{display:flex;align-items:center;gap:15px}
.admin-nav{background:#34495e;padding:8px 0}
.admin-nav .container{display:flex;flex-wrap:wrap;gap:10px}
.admin-nav a{color:#ecf0f1;text-decoration:none;padding:8px 16px;border-radius:4px}
.admin-nav a:hover{background:#2c3e50}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin:25px 0}
.card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,0.05);text-align:center;border-top:4px solid #3498db}
.card .numero{display:block;font-size:2rem;font-weight:700;color:#2c3e50}
.form-group{margin-bottom:15px}
.form-group label{display:block;font-weight:600;margin-bottom:5px}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #dce4ec;border-radius:6px;font-size:1rem}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db;outline:none}
.btn-primary,.btn-small,button{display:inline-block;background:#3498db;color:#fff;padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:1rem;text-decoration:none}
.btn-primary:hover,button:hover{background:#2980b9}
.btn-small{padding:5px 12px;font-size:0.85rem;border-radius:4px;margin:0 2px}
.btn-danger{background:#e74c3c}
.btn-danger:hover{background:#c0392b}
.table-responsive{overflow-x:auto;margin:20px 0}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,0.05)}
th,td{padding:12px 15px;text-align:left;border-bottom:1px solid #ecf0f1}
th{background:#f8f9fa;font-weight:600}
tr:hover{background:#f8f9fa}
.login-container{max-width:420px;margin:80px auto}
.login-container .card{background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.1)}
.login-container h2{text-align:center;margin-bottom:25px;font-size:1.8rem}
.login-container .info{text-align:center;margin-top:20px;font-size:0.9rem;color:#7f8c8d}
.error{color:#e74c3c;background:#fde8e8;padding:10px;border-radius:6px;margin:10px 0}
.success{color:#27ae60;background:#e8f8ed;padding:10px;border-radius:6px;margin:10px 0}
@media (max-width:768px){body{font-size:20px}.container{padding:0 12px}header h1{font-size:1.8rem}.admin-nav a{padding:14px 20px;font-size:1.2rem}.cards{grid-template-columns:1fr 1fr}.card{padding:24px 16px}.card .numero{font-size:2.4rem}.form-group label{font-size:1.2rem}.form-group input,.form-group select,.form-group textarea{padding:16px 18px;font-size:1.2rem;border-radius:8px}.btn-primary,button{padding:16px 20px;font-size:1.4rem;width:100%;border-radius:10px}.btn-small{padding:12px 16px;font-size:1.1rem}table{font-size:1.1rem}th,td{padding:14px 12px}.login-container{margin:30px 12px;max-width:100%}.login-container .card{padding:30px 20px}.login-container h2{font-size:2rem}}