:root{--primary:#2563eb;--primary-hover:#1d4ed8;--accent:#7c3aed;--text:#0f172a;--text-light:#64748b;--bg:#f5f7fb;--card:#ffffffb8;--card-solid:#fff;--border:#e2e8f0e6;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--shadow-sm:0 4px 12px #0f172a0a;--shadow-md:0 10px 30px #0f172a14;--shadow-lg:0 24px 60px #0f172a24;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-xl:32px;--transition:all .25s ease}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 0 0,#2563eb1a,#0000 25%),radial-gradient(circle at 100% 0,#7c3aed1a,#0000 25%),linear-gradient(#f8fafc,#f5f7fb);min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.navbar{z-index:1000;-webkit-backdrop-filter:blur(20px);transition:var(--transition);background:#ffffffb8;border-bottom:1px solid #fff9;justify-content:space-between;align-items:center;padding:14px 28px;display:flex;position:sticky;top:0;box-shadow:0 10px 30px #0f172a0d}.navbar:after{content:"";background:linear-gradient(90deg,#0000,#94a3b838,#0000);height:1px;position:absolute;bottom:0;left:0;right:0}.nav-left,.nav-right{align-items:center;display:flex}.nav-left{gap:14px}.nav-right{gap:12px}.nav-left .logo{transition:var(--transition);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;padding:8px 10px;display:flex;position:relative}.nav-left .logo:hover{background:#2563eb14;transform:translateY(-1px)}.logo-img{object-fit:contain;width:auto;height:40px;display:block}.nav-btn{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;cursor:pointer;height:42px;transition:var(--transition);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 12px 28px #2563eb3d}.nav-btn:hover{transform:translateY(-2px)scale(1.01);box-shadow:0 18px 40px #2563eb52}.nav-right button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:42px;color:var(--text);cursor:pointer;transition:var(--transition);background:#ffffffbf;border:1px solid #e2e8f0e6;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #0f172a0a}.nav-right button:hover{background:#fff;border-color:#2563eb33;transform:translateY(-1px);box-shadow:0 10px 24px #0f172a14}.username{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:42px;min-height:42px;color:var(--text);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;max-width:180px;transition:var(--transition);background:#ffffffbf;border:1px solid #e2e8f0e6;border-radius:14px;justify-content:center;align-items:center;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex;overflow:hidden;box-shadow:0 4px 14px #0f172a0a}.username:hover{color:var(--primary);background:#fff;border-color:#2563eb33;transform:translateY(-1px);box-shadow:0 10px 24px #0f172a14}.username:active{transform:scale(.98)}.glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-md);background:#ffffffb8;border:1px solid #fffc}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#94a3b873;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#64748bb3}::selection{background:#2563eb2e}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;box-shadow:0 0 0 4px #2563eb24}@media (width<=768px){.navbar{flex-wrap:wrap;gap:10px;padding:10px 14px}.nav-left,.nav-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.nav-left{flex:1;min-width:0}.nav-right{justify-content:flex-end}.logo{transition:var(--transition);border-radius:12px;flex-shrink:0;align-items:center;padding:6px 8px;display:flex}.logo:hover{background:#2563eb14}.logo-img{object-fit:contain;width:auto;height:34px;display:block}.nav-btn,.nav-right button{white-space:nowrap;border-radius:12px;flex-shrink:0;height:38px;padding:0 12px;font-size:13px}.username{max-width:100px;height:38px;padding:0 10px;font-size:12px}}@media (width<=480px){.navbar{gap:8px;padding:10px}.logo-img{height:30px}.nav-btn,.nav-right button{height:36px;padding:0 10px;font-size:12px}.username{max-width:80px;height:36px;padding:0 8px;font-size:11px}}