:root{--bg-color:#05070a;--bg-overlay:radial-gradient(circle at top right, #10b98114, transparent 40%), radial-gradient(circle at bottom left, #3b82f60d, transparent 40%);--panel-border:#ffffff0f;--primary-color:#10b981;--primary-hover:#059669;--text-main:#f8fafc;--text-muted:#94a3b8;--danger-color:#ef4444;--glass-bg:#0f172a99;--glass-blur:blur(20px);--card-shadow:0 20px 50px -12px #00000080}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);background-image:var(--bg-overlay);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Outfit,sans-serif;overflow-x:hidden}.auth-container{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.logo-placeholder{background:var(--primary-color);color:#022c22;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 24px;font-size:1.5rem;font-weight:800;display:flex;box-shadow:0 0 30px #10b9814d}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}button{cursor:pointer;border:none;border-radius:12px;font-family:inherit;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}input,select,textarea{outline:none;font-family:inherit}select option{color:#f8fafc;background-color:#0f172a;padding:12px}.premium-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--panel-border);box-shadow:var(--card-shadow);border-radius:24px;transition:transform .3s,border-color .3s}.premium-card:hover{border-color:#10b98133}.btn-primary{background:linear-gradient(135deg, var(--primary-color), #34d399);color:#022c22;letter-spacing:.02em;padding:12px 28px}.btn-primary:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 10px 25px -5px #10b98166}.btn-secondary{color:var(--text-main);border:1px solid var(--panel-border);background:#ffffff0a;align-items:center;gap:8px;padding:10px 20px;display:flex}.btn-secondary:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.input-field{color:#fff;background:#00000040;border:1px solid #ffffff1f;border-radius:12px;width:100%;padding:14px 20px;font-size:1rem;transition:all .3s}.input-field::placeholder{color:#ffffff59}.input-field:focus{border-color:var(--primary-color);background:#0006;box-shadow:0 0 0 4px #10b98126}.fade-in{animation:.4s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-overlay{-webkit-backdrop-filter:blur(16px);z-index:2000;background:#020617d9;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal-content{width:100%;max-width:650px;max-height:fit-content;margin:auto;padding:40px;position:relative}@media (width<=640px){.modal-content{border-radius:16px;padding:24px}}.logout-btn:hover{color:var(--danger-color)!important;background:#ef44441a!important}.sidebar{transition:all .4s cubic-bezier(.4,0,.2,1)}.sidebar a:hover{transform:translate(4px)}.form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}@media (width>=769px){.mobile-only{display:none!important}}@media (width<=768px){.desktop-only{display:none!important}.form-grid{grid-template-columns:1fr}.sidebar{z-index:1000;height:100vh;top:0;left:0;transform:translate(-100%);width:260px!important;position:fixed!important}.sidebar.sidebar-expanded{transform:translate(0)}.main-content{padding:80px 16px 24px!important}.premium-card{padding:16px!important}h1{font-size:1.5rem!important}h2{font-size:1.25rem!important}.btn-primary,.btn-secondary{justify-content:center;width:100%;padding:10px 14px!important;font-size:.85rem!important}.input-field{width:100%!important;padding:12px 16px!important;font-size:.9rem!important}div[style*="justify-content: space-between"]{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}div[style*="justify-content: space-between"]>div{width:100%}div[style*="gap: 16px"]{flex-direction:column!important;align-items:flex-start!important}div[style*="gap: 12px"]{flex-wrap:wrap;width:100%}table{white-space:nowrap;width:100%;display:block;overflow-x:auto}th,td{font-size:.85rem;padding:12px 8px!important}}