@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--bg-color:#f8fafc;--bg-gradient:radial-gradient(circle at 50% -20%, #f1f5f9, #f8fafc);--text-primary:#0f172a;--text-secondary:#64748b;--accent-neon:#3b82f6;--accent-purple:#4f46e5;--glass-bg:#fff;--glass-border:#e2e8f0;--glass-shadow:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--font-main:"Outfit", sans-serif;--transition:all .3s cubic-bezier(.25, .8, .25, 1)}html,body{box-sizing:border-box;font-family:var(--font-main);background:var(--bg-color);background-image:var(--bg-gradient);color:var(--text-primary);background-attachment:fixed;min-height:100vh;margin:0;padding:0;overflow-x:hidden}*,:before,:after{box-sizing:border-box}a{color:inherit;text-decoration:none}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}.text-gradient{background:linear-gradient(90deg, var(--accent-neon), var(--accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{background:var(--accent-neon);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:8px;padding:12px 24px;font-weight:600;box-shadow:0 4px 6px -1px #3b82f680}.btn-primary:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 10px 15px -3px #3b82f680}.btn-outline{color:var(--text-primary);border:1px solid var(--glass-border);cursor:pointer;transition:var(--transition);background:#fff;border-radius:8px;padding:12px 24px;font-weight:600}.btn-outline:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000000d}
.navbar{z-index:100;border-radius:100px;width:95%;max-width:1200px;margin:0 auto;padding:12px 32px;position:sticky;top:16px}.navbar-container{justify-content:space-between;align-items:center;display:flex}.navbar-logo{letter-spacing:-.5px;font-size:1.5rem;font-weight:700}.navbar-links{gap:32px;display:flex}.nav-link{color:var(--text-secondary);transition:var(--transition);font-weight:500}.nav-link:hover{color:var(--text-primary);text-shadow:0 0 10px #ffffff80}.navbar-actions{align-items:center;gap:16px;display:flex}.user-profile{align-items:center;gap:12px;display:flex}.user-avatar{border:1px solid var(--accent-neon);background:var(--glass-bg);border-radius:50%;width:32px;height:32px}.user-name{color:var(--text-primary);font-size:.95rem;font-weight:500}.user-role-badge{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--accent-neon);border-radius:20px;padding:2px 8px;font-size:.75rem}.dropdown-menu{z-index:101;border-radius:12px;flex-direction:column;min-width:180px;padding:8px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.dropdown-item{color:var(--text-secondary);text-align:left;cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:8px;padding:10px 16px;font-size:.9rem}.dropdown-item:hover{background:var(--glass-bg);color:var(--text-primary)}