*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:hidden}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#1e40af,#3b82f6,#60a5fa 60%,#93c5fd);min-height:100vh;padding:20px;box-sizing:border-box}@media (max-width: 768px){body{padding:10px 5px}}@media (max-width: 480px){body{padding:5px 0}}.container{max-width:1200px;margin:0 auto;background:#fff;border-radius:10px;box-shadow:0 10px 30px #0003;padding:30px}@media (max-width: 1024px){.container{padding:25px}}@media (max-width: 768px){.container{padding:20px;border-radius:8px}}@media (max-width: 480px){.container{padding:15px;border-radius:5px}}h1,h2{color:#dc2626;margin-bottom:20px}.btn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;border:none}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#3b82f6);transform:translateY(-2px);box-shadow:0 5px 15px #3b82f666}.btn-danger{background-color:#dc2626;color:#fff}.btn-danger:hover{background-color:#b91c1c}.btn-success{background-color:#16a34a;color:#fff}.btn-success:hover{background-color:#15803d}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;color:#555;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:16px}.form-group textarea{min-height:100px;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.error-message{color:#e74c3c;font-size:14px;margin-top:5px}.table{width:100%;border-collapse:collapse;margin-top:20px}.table th,.table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.table th{background:linear-gradient(135deg,#dbeafe,#bfdbfe);font-weight:600;color:#1e40af}.table tr:hover{background-color:#eff6ff}.actions{display:flex;gap:10px}.empty-state{text-align:center;padding:40px;color:#999}.empty-state p{font-size:18px;margin-top:10px}@media (max-width: 768px){.table{font-size:12px}.table th,.table td{padding:8px 6px;font-size:12px}.actions{flex-direction:column;gap:5px}.btn{padding:8px 12px;font-size:13px}}@media (max-width: 480px){.table{font-size:11px}.table th,.table td{padding:6px 4px;font-size:11px}h1,h2{font-size:20px}.btn{padding:6px 10px;font-size:12px}.form-group input,.form-group textarea{font-size:14px;padding:8px}}