@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-dark:#020617;--bg-card:#0f172a;--bg-sidebar:#020617;--primary:#38bdf8;--primary-hover:#0ea5e9;--accent:#6366f1;--text-main:#f8fafc;--text-muted:#94a3b8;--border:#ffffff0d;--glass:#0f172ab3;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}:root[data-theme=light]{--bg-dark:#eef2f7;--bg-card:#fff;--bg-sidebar:#fff;--primary:#0284c7;--primary-hover:#0369a1;--accent:#6366f1;--text-main:#0f172a;--text-muted:#475569;--border:#0f172a1a;--glass:#ffffffbf}:root[data-theme=light] .navbar{background:#fff9}:root[data-theme=light] th{background:#0f172a08}:root[data-theme=light] select,:root[data-theme=light] input{color:var(--text-main)!important}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:Outfit,sans-serif;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass-morphism{background:var(--glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border)}button{cursor:pointer;transition:var(--transition);font-family:inherit}input{border:1px solid var(--border);color:#fff;transition:var(--transition);background:#ffffff08;border-radius:8px;outline:none;padding:12px 16px;font-family:inherit}input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #38bdf833}.layout{background:var(--bg-dark);min-height:100vh;display:flex}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);z-index:50;flex-direction:column;flex-shrink:0;width:280px;height:100vh;padding:1.5rem;transition:transform .3s ease-in-out;display:flex;position:sticky;top:0}@media (width<=1024px){.sidebar{position:fixed;left:0;transform:translate(0)}.sidebar.closed{transform:translate(-100%)}}.sidebar-logo{align-items:center;gap:12px;margin-bottom:2.5rem;padding:0 .5rem;display:flex}.sidebar-logo h2{background:linear-gradient(to right, var(--primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.sidebar-menu{flex-direction:column;gap:.5rem;display:flex}.nav-link{color:var(--text-muted);transition:var(--transition);border-radius:12px;align-items:center;gap:12px;padding:.75rem 1rem;font-weight:500;text-decoration:none;display:flex}.nav-link:hover,.nav-link.active{color:var(--primary);background:#38bdf81a}.nav-link.active{background:#38bdf826;box-shadow:inset 0 0 0 1px #38bdf833}.main{flex-direction:column;flex:1;min-width:0;display:flex}.navbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#02061780;justify-content:space-between;align-items:center;height:70px;padding:0 1rem;display:flex;position:sticky;top:0}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;background:#00000080;transition:opacity .3s;position:fixed;inset:0}.navbar-profile{align-items:center;gap:1rem;display:flex}.logout-btn{color:#f87171;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;padding:6px 14px;font-size:.875rem;font-weight:600}.logout-btn:hover{color:#fff;background:#ef4444}.content{flex:1;padding:2rem}.page-header{margin-bottom:2rem}.page-header h2{margin-bottom:.5rem;font-size:1.875rem;font-weight:700}.page-header p{color:var(--text-muted)}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);transition:var(--transition);border-radius:16px;flex-direction:column;gap:.5rem;padding:1.5rem;display:flex}.stat-card:hover{border-color:#38bdf84d;transform:translateY(-4px);box-shadow:0 12px 24px -10px #02061780}.table-container{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);background:#ffffff05;padding:1rem 1.5rem;font-size:.75rem}td{border-bottom:1px solid var(--border);color:var(--text-main);padding:1rem 1.5rem}tr:hover td{background:#ffffff03}.login-page{background:radial-gradient(circle at 100% 0,#1e293b,#020617);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.login-card{border-radius:24px;width:100%;max-width:420px;padding:2.5rem;box-shadow:0 25px 50px -12px #00000080}.login-header{text-align:center;margin-bottom:2rem}.login-header h2{margin-bottom:.5rem;font-size:2rem;font-weight:700}.login-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-muted);font-size:.875rem;font-weight:500}.primary-btn{background:var(--primary);color:#020617;border:none;border-radius:10px;margin-top:1rem;padding:12px;font-size:1rem;font-weight:700}.primary-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #38bdf84d}footer{border-top:1px solid var(--border);text-align:center;color:var(--text-muted);padding:1.5rem 2rem;font-size:.875rem}@media (width<=768px){.navbar{padding:0 1rem}.search-bar{display:none!important}.content{padding:1.5rem 1rem}.page-header h2{font-size:1.5rem}.cards-grid{grid-template-columns:1fr}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}table{min-width:600px}.login-card{padding:1.5rem}}.menu-toggle{color:var(--text-main);background:0 0;border:none;padding:8px;display:none}@media (width<=1024px){.menu-toggle{justify-content:center;align-items:center;display:flex}}