*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#0f172a;color:#f8fafc;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}a{color:#6366f1;text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:#6366f1;color:#fff}.btn-primary:hover:not(:disabled){background-color:#4f46e5}.btn-secondary{background-color:#334155;color:#f8fafc}.btn-secondary:hover:not(:disabled){background-color:#3d4d65}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background-color:#eb1515}.btn-success{background-color:#22c55e;color:#fff}.btn-success:hover:not(:disabled){background-color:#1a9a49}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.btn-lg{padding:.875rem 1.5rem;font-size:1rem}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:#94a3b8}.form-input,.form-select{width:100%;padding:.625rem .875rem;background-color:#1e293b;border:1px solid #334155;border-radius:.5rem;color:#f8fafc;font-size:.875rem;transition:border-color .2s ease}.form-input:focus,.form-select:focus{outline:none;border-color:#6366f1}.form-input::placeholder,.form-select::placeholder{color:#94a3b8}.form-select{cursor:pointer}.card{background-color:#1e293b;border:1px solid #334155;border-radius:.75rem;padding:1.5rem}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #334155}.card-title{font-size:1.125rem;font-weight:600}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid #334155}.table th{font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;background-color:#33415580}.table tbody tr{transition:background-color .2s ease}.table tbody tr:hover{background-color:#334155}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-success{background-color:#22c55e26;color:#22c55e}.badge-warning{background-color:#f59e0b26;color:#f59e0b}.badge-danger{background-color:#ef444426;color:#ef4444}.badge-info{background-color:#3b82f626;color:#3b82f6}.badge-secondary{background-color:#64748b26;color:#94a3b8}.avatar{width:2.5rem;height:2.5rem;border-radius:50%;object-fit:cover;background-color:#334155}.avatar-sm{width:2rem;height:2rem}.avatar-lg{width:4rem;height:4rem}.pagination{display:flex;align-items:center;gap:.5rem;margin-top:1.5rem}.pagination-btn{padding:.5rem .875rem;background-color:#1e293b;border:1px solid #334155;border-radius:.5rem;color:#f8fafc;font-size:.875rem;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background-color:#334155}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background-color:#6366f1;border-color:#6366f1}.spinner{width:2rem;height:2rem;border:3px solid #334155;border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.text-center{text-align:center}.text-right{text-align:right}.text-secondary{color:#94a3b8}.text-success{color:#22c55e}.text-warning{color:#f59e0b}.text-danger{color:#ef4444}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}.gap-4{gap:1.5rem}@media(max-width:768px){.hide-mobile{display:none!important}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}.table th,.table td{padding:.5rem .75rem;font-size:.8rem}.table th{font-size:.65rem}.card{padding:1rem}.btn{padding:.5rem .875rem;font-size:.8rem}.btn-sm{padding:.3rem .5rem;font-size:.7rem}.badge{padding:.2rem .5rem;font-size:.65rem}.avatar{width:2rem;height:2rem}.pagination{justify-content:center;flex-wrap:wrap;gap:.5rem}}@media(min-width:769px){.hide-desktop{display:none!important}}@media(max-width:400px){h1{font-size:1.25rem}h2{font-size:1.125rem}h3{font-size:1rem}.table th,.table td{padding:.35rem .4rem;font-size:.7rem}.table th{font-size:.6rem}.card{padding:.75rem;border-radius:.5rem}.btn{padding:.4rem .75rem;font-size:.75rem}.btn-sm{padding:.25rem .4rem;font-size:.65rem}.badge{padding:.15rem .35rem;font-size:.55rem}.avatar{width:1.75rem;height:1.75rem}.form-input,.form-select{padding:.5rem .625rem;font-size:.8rem}.form-label{font-size:.75rem;margin-bottom:.35rem}.form-group{margin-bottom:.75rem}.pagination-btn{padding:.35rem .5rem;font-size:.75rem}}