@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";:root{--primary:#6366f1;--primary-hover:#4f46e5;--bg-dark:#0f172a;--bg-card:#1e293bb3;--text-main:#f8fafc;--text-muted:#94a3b8;--accent:#10b981;--border:#ffffff1a;--glass:#ffffff08;--shadow:0 8px 32px 0 #0000005e;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);background-image:radial-gradient(at 0 0,#6366f126 0,#0000 50%),radial-gradient(at 100% 100%,#10b9811a 0,#0000 50%);min-height:100vh;font-family:Outfit,sans-serif;line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:2rem}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:1.5rem}h1{letter-spacing:-.025em;background:linear-gradient(90deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:2.5rem;font-weight:700}p{color:var(--text-muted)}button{cursor:pointer;transition:var(--transition);border:none;border-radius:.75rem;padding:.75rem 1.5rem;font-family:inherit;font-weight:600}button.primary{background:var(--primary);color:#fff}button.primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}button.secondary{background:var(--glass);color:var(--text-main);border:1px solid var(--border)}button.secondary:hover{background:#ffffff1a}input[type=text],input[type=password],input[type=file]{background:var(--glass);border:1px solid var(--border);width:100%;color:var(--text-main);transition:var(--transition);border-radius:.75rem;outline:none;padding:.875rem 1rem}input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #6366f133}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.6s ease-out forwards fadeIn}.table-container{margin-top:2rem;overflow-x:auto}table{border-collapse:separate;border-spacing:0 .5rem;width:100%}th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:1rem;font-size:.75rem;font-weight:600}td{background:var(--glass);padding:1.25rem 1rem}td:first-child{border-radius:.75rem 0 0 .75rem}td:last-child{border-radius:0 .75rem .75rem 0}tr:hover td{background:#ffffff14}
