*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,sans-serif;background:linear-gradient(135deg,#1e3a8a 0%,#3b82f6 100%);min-height:100vh;color:#1e293b;line-height:1.6}
.container{max-width:1200px;margin:0 auto;padding:20px}
header{background:#fff;padding:30px;border-radius:12px;margin-bottom:30px;box-shadow:0 8px 32px rgba(0,0,0,.2)}
header h1{color:#1e40af;font-size:2.5em;margin-bottom:15px}
nav{display:flex;gap:20px;flex-wrap:wrap}
nav a{color:#3b82f6;text-decoration:none;padding:8px 16px;background:#eff6ff;border-radius:6px;transition:all .3s;font-weight:600}
nav a:hover{background:#dbeafe;transform:translateY(-2px)}
.box{background:#fff;padding:30px;border-radius:12px;margin-bottom:30px;box-shadow:0 4px 20px rgba(0,0,0,.1)}
.box h2{color:#1e40af;margin-bottom:20px;font-size:1.8em}
.btn-big{display:inline-block;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:20px 40px;border-radius:8px;text-decoration:none;font-size:1.5em;font-weight:700;transition:all .3s;box-shadow:0 4px 15px rgba(59,130,246,.3)}
.btn-big:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(59,130,246,.4)}
.form-group{margin-bottom:20px}
.form-group label{display:block;margin-bottom:8px;color:#1e40af;font-weight:600}
input[type="text"],input[type="url"],input[type="email"],input[type="password"],textarea{width:100%;padding:12px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:6px;color:#1e293b;font-size:1em;transition:all .3s}
input:focus,textarea:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px rgba(59,130,246,.1)}
button,.btn-small,.btn-del{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:12px 24px;border:none;border-radius:6px;cursor:pointer;font-size:1em;font-weight:600;transition:all .3s;box-shadow:0 4px 15px rgba(59,130,246,.3)}
button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(59,130,246,.4)}
.btn-small{padding:6px 12px;font-size:.9em;margin-right:5px}
.btn-del{background:linear-gradient(135deg,#dc2626,#991b1b)}
.error{background:#fef2f2;border:2px solid #fca5a5;color:#991b1b;padding:15px;border-radius:8px;margin-bottom:20px;font-weight:500}
.success{background:#f0fdf4;border:2px solid #86efac;color:#166534;padding:15px;border-radius:8px;margin-bottom:20px;font-weight:500}
.empty{text-align:center;padding:60px 20px;color:#64748b;font-size:1.2em}
table{width:100%;border-collapse:collapse;margin-top:20px}
table th{background:#eff6ff;color:#1e40af;padding:15px;text-align:left;font-weight:600;border-bottom:2px solid #dbeafe}
table td{padding:15px;border-bottom:1px solid #f1f5f9}
table tr:hover{background:#f8fafc}
table a{color:#3b82f6;text-decoration:none}
table a:hover{text-decoration:underline}
.badge-on,.badge-off{padding:4px 12px;border-radius:20px;font-size:.85em;font-weight:600}
.badge-on{background:#d1fae5;color:#065f46}
.badge-off{background:#fee2e2;color:#991b1b}
footer{text-align:center;padding:30px;color:#fff;margin-top:50px;opacity:.8}
@media(max-width:768px){
header h1{font-size:1.8em}
}