*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,sans-serif;background:#f5f5f5;padding:20px}
.container{max-width:1200px;margin:0 auto}
h1{color:#333;text-align:center;margin-bottom:20px}
nav{background:#2c3e50;padding:15px;border-radius:8px;margin-bottom:20px}
nav a{color:white;text-decoration:none;padding:10px 20px;margin:0 5px;display:inline-block;border-radius:5px;transition:0.3s}
nav a:hover{background:#34495e}
.card{background:white;padding:20px;margin-bottom:20px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}
h2{color:#2c3e50;margin-bottom:15px}
label{display:block;margin:10px 0 5px;font-weight:bold;color:#555}
input,select,textarea{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ddd;border-radius:5px;font-size:14px}
button,.btn{background:#27ae60;color:white;padding:12px 24px;border:none;border-radius:5px;cursor:pointer;font-size:16px;margin:5px;text-decoration:none;display:inline-block;transition:0.3s}
button:hover,.btn:hover{background:#229954}
.btn-danger{background:#e74c3c}
.btn-danger:hover{background:#c0392b}
.btn-success{background:#27ae60}
.btn-small{padding:8px 16px;font-size:14px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
.stat-card{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:20px;border-radius:8px;text-align:center}
.stat-card h3{font-size:48px;margin-bottom:10px}
.stat-card p{font-size:14px;opacity:0.9}
table{width:100%;border-collapse:collapse;margin-top:15px}
th,td{padding:12px;text-align:left;border-bottom:1px solid #ddd}
th{background:#34495e;color:white}
tr:hover{background:#f5f5f5}
.badge{padding:5px 10px;border-radius:12px;font-size:12px;font-weight:bold}
.badge-on{background:#27ae60;color:white}
.badge-off{background:#95a5a6;color:white}
.badge-continuo{background:#3498db;color:white}
.badge-unico{background:#e67e22;color:white}
.checkbox-group{display:flex;flex-wrap:wrap;gap:10px}
.checkbox-group label{display:flex;align-items:center;margin:5px 0}
.checkbox-group input{width:auto;margin:0 5px 0 0}
.alert{padding:15px;border-radius:5px;margin:15px 0}
.alert-info{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}
.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}
.alert-warning{background:#fff3cd;color:#856404;border:1px solid #ffeeba}
.toggle-container{display:flex;align-items:center;gap:15px;margin:15px 0;padding:15px;background:#f8f9fa;border-radius:8px}
.toggle-label{font-size:16px;font-weight:bold;color:#2c3e50;flex:1}
.switch{position:relative;display:inline-block;width:60px;height:34px}
.switch input{opacity:0;width:0;height:0}
.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}
.slider:before{position:absolute;content:'';height:26px;width:26px;left:4px;bottom:4px;background-color:white;transition:.4s;border-radius:50%}
input:checked+.slider{background-color:#27ae60}
input:checked+.slider:before{transform:translateX(26px)}
.toggle-status{font-size:14px;color:#7f8c8d;min-width:120px}
@media(max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}nav a{display:block;margin:5px 0}}