*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#0f172a,#1e1b4b);background-attachment:fixed;color:#e2e8f0;width:100%;max-width:100%;min-height:100vh}.container{width:100%;max-width:100%;margin:0 auto;padding:20px 30px}.card{background:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a;width:100%;max-width:100%}.btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-success{background-color:#28a745;color:#fff}.btn-danger{background-color:#dc3545;color:#fff}.text-success{color:#28a745}.text-danger{color:#dc3545}.text-muted{color:#6c757d}.grid{display:grid;gap:20px;width:100%}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}table{width:100%;border-collapse:collapse}table th,table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}table th{background-color:#f8f9fa;font-weight:600}.loading{text-align:center;padding:40px;color:#6c757d}.error{color:#dc3545;padding:10px;background-color:#f8d7da;border-radius:4px;margin:10px 0}