@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-color:#f4f7fe;--panel-bg:#ffffffb3;--panel-border:#fff6;--input-border:#a3aed166;--dropdown-bg:#fff;--text-primary:#2b3674;--text-secondary:#a3aed1;--primary:#4318ff;--primary-hover:#3100e4;--secondary:#6ad2ff;--success:#01b574;--danger:#ee5d50;--warning:#ffce20;--shadow-sm:0px 4px 10px #00000008;--shadow-md:0px 18px 40px #7090b01f;--shadow-lg:0px 10px 30px #7090b040;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--sidebar-w:280px;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--header-h:80px}[data-theme=dark]{--bg-color:#0b1437;--panel-bg:#111c44b3;--panel-border:#ffffff0d;--input-border:#ffffff1a;--dropdown-bg:#111c44;--text-primary:#fff;--text-secondary:#a3aed1;--shadow-sm:0px 4px 10px #0003;--shadow-md:0px 18px 40px #0006;--shadow-lg:0px 10px 30px #0009}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{background:var(--bg-color);color:var(--text-primary);min-height:100vh;transition:background-color var(--transition);margin:0;overflow-x:hidden}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--panel-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:var(--transition)}.glass-panel:hover{transform:translateY(-2px);box-shadow:0 20px 45px #7090b033}[data-theme=dark] .glass-panel:hover{box-shadow:0 20px 45px #00000080}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s forwards fadeIn}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 15px #4318ff4d}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 25px #4318ff66}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 4px 15px #ee5d5033}.btn-danger:hover{filter:brightness(1.1);transform:translateY(-2px)}.input-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.input-label{color:var(--text-primary);font-size:14px;font-weight:500}.input-field{border-radius:var(--radius-sm);border:1px solid var(--input-border);background:var(--bg-color);color:var(--text-primary);transition:var(--transition);padding:12px 16px;font-size:14px}.input-field:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4318ff1a}.table-container{border-radius:var(--radius-md);margin-top:16px;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #a3aed133;padding:16px}th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}td{font-size:14px;font-weight:500}tr{transition:var(--transition)}tr:hover{background:#fff6}[data-theme=dark] tr:hover{background:#ffffff0d}.badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.badge-success{color:var(--success);background:#01b5741a}.badge-warning{color:#d4a700;background:#ffce201a}.badge-danger{color:var(--danger);background:#ee5d501a}.badge-primary{color:var(--primary);background:#4318ff1a}@media (width<=768px){:root{--sidebar-w:240px}.hide-on-mobile{display:none!important}.show-on-mobile{display:block!important}.mobile-grid-1{grid-template-columns:1fr!important}.mobile-p-10{padding:10px!important}.btn{padding:8px 16px;font-size:13px}h1{font-size:20px!important}table{white-space:nowrap;display:block;overflow-x:auto}}.mobile-overlay{z-index:99;background:#00000080;display:none;position:fixed;inset:0}@media (width<=768px){.mobile-overlay.active{display:block}}