@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary: #6366f1;--primary-glow: rgba(99, 102, 241, .5);--success: #10b981;--danger: #f43f5e;--warning: #f59e0b;--bg-color: #0f172a;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--glass: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-card: rgba(255, 255, 255, .03);--glass-blur: 20px;--shadow: 0 20px 25px -5px rgba(0, 0, 0, .3);--mesh-gradient: radial-gradient(at 0% 0%, hsla(253, 16%, 7%, 1) 0, transparent 50%), radial-gradient(at 50% 0%, hsla(225, 39%, 30%, 1) 0, transparent 50%), radial-gradient(at 100% 0%, hsla(339, 49%, 30%, 1) 0, transparent 50%)}[data-theme=light]{--bg-color: #f1f5f9;--text-primary: #1e293b;--text-secondary: #64748b;--glass: rgba(255, 255, 255, .7);--glass-border: rgba(0, 0, 0, .05);--glass-card: rgba(255, 255, 255, .8);--mesh-gradient: radial-gradient(at 0% 0%, hsla(253, 16%, 95%, 1) 0, transparent 50%), radial-gradient(at 50% 0%, hsla(225, 39%, 90%, 1) 0, transparent 50%), radial-gradient(at 100% 0%, hsla(339, 49%, 90%, 1) 0, transparent 50%);--shadow: 0 10px 15px -3px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background:var(--mesh-gradient);background-color:var(--bg-color);background-attachment:fixed;color:var(--text-primary);min-height:100vh;overflow-x:hidden;transition:background .5s ease,background-color .5s ease,color .5s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#80808005}::-webkit-scrollbar-thumb{background:#80808033;border-radius:4px}.glass-container{background:var(--glass);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--shadow)}.sidebar{width:280px;height:calc(100vh - 40px);position:fixed;left:20px;top:20px;background:var(--glass);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--glass-border);border-radius:24px;padding:2rem;z-index:100;display:flex;flex-direction:column}.main-content{margin-left:320px;padding:2rem;padding-top:20px;min-height:100vh}.card{background:var(--glass-card);border:1px solid var(--glass-border);border-radius:1.5rem;padding:1.5rem;box-shadow:var(--shadow);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,background .5s;position:relative;z-index:1}.card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001a;z-index:2}.input-group label{display:block;margin-bottom:.6rem;font-weight:500;color:var(--text-secondary);font-size:.875rem}input,select,textarea{width:100%;padding:.875rem 1.25rem;border-radius:12px;border:1px solid var(--glass-border);background:var(--glass);color:var(--text-primary);font-family:inherit;font-size:.95rem;transition:all .2s;position:relative;z-index:5;pointer-events:auto!important}input:focus,select:focus,textarea:focus{outline:none;background:var(--glass-card);border-color:var(--primary);box-shadow:0 0 0 4px #6366f126}.btn{padding:.8rem 1.5rem;border-radius:12px;border:none;font-weight:600;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;font-size:.95rem;position:relative;z-index:5;pointer-events:auto!important}.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 4px 15px #6366f14d}.btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.btn:active{transform:translateY(0);filter:brightness(.9)}.btn-primary:hover{box-shadow:0 8px 25px #6366f180}.sidebar-logo{font-size:1.75rem;font-weight:800;letter-spacing:-.025em;margin-bottom:2.5rem;color:var(--text-primary);display:flex;align-items:center;gap:10px}.nav-link{display:flex;align-items:center;gap:12px;padding:.9rem 1.2rem;color:var(--text-secondary);text-decoration:none;border-radius:14px;margin-bottom:.5rem;font-weight:500;transition:all .3s}.nav-link:hover{background:var(--glass);color:var(--text-primary);transform:translate(5px)}.nav-link.active{background:#6366f126;color:var(--primary);box-shadow:inset 0 0 0 1px #6366f133}table{width:100%;border-spacing:0 .75rem;border-collapse:separate}thead th{padding:1rem;font-weight:600;color:var(--text-secondary);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}tbody tr{background:var(--glass-card);transition:all .2s}tbody tr:hover{background:var(--glass)}
