:root{--primary-blue:#0056b3;--primary-blue-hover:#003d82;--danger-red:#d93025;--bg-color:#f4f7f6;--text-dark:#333;--text-light:#666;--white:#fff;--border-color:#e0e0e0;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 6px #0000001a;--border-radius:8px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-dark);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6}a{color:var(--primary-blue);text-decoration:none}a:hover{text-decoration:underline}input,button{font-family:inherit;font-size:1rem}input{border:1px solid var(--border-color);border-radius:var(--border-radius);outline:none;width:100%;padding:.75rem 1rem;transition:border-color .2s}input:focus{border-color:var(--primary-blue)}button{background-color:var(--primary-blue);color:var(--white);border-radius:var(--border-radius);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:500;transition:background-color .2s,transform .1s;display:inline-flex}button:hover{background-color:var(--primary-blue-hover)}button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;background-color:#a0c4e8}.container{max-width:1200px;margin:0 auto;padding:2rem}.card{background-color:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow-md);padding:2rem}.header{background-color:var(--white);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 2rem;display:flex}.header h1{color:var(--text-dark);font-size:1.5rem}.header .user-info{align-items:center;gap:1rem;display:flex}.table-wrapper{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow-md);overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{color:var(--text-light);text-transform:uppercase;border-bottom:2px solid var(--border-color);text-align:left;background-color:#f8f9fa;padding:1rem;font-size:.85rem;font-weight:600}tbody td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:1rem}tbody tr:hover{background-color:#f8f9fa;transition:background-color .2s}.text-danger{color:var(--danger-red)}.text-center{text-center:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-4{margin-top:2rem}.grid-2{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (max-width:768px){.grid-2{grid-template-columns:1fr}}