:root{--bg0:#070b16;--bg1:#0d1430;--cyan:#22d3ee;--violet:#a78bfa;--magenta:#f472b6;--green:#34d399;--red:#f87171;--yellow:#fbbf24;--gold1:#fde68a;--gold2:#f59e0b;--ink:#e9edfb;--muted:#94a0c2;--stroke:#ffffff17;--glass:#0f17348c}*{box-sizing:border-box;margin:0}html,body{min-height:100%}body{min-height:100dvh;color:var(--ink);-webkit-font-smoothing:antialiased;background:radial-gradient(1100px 620px at 85% -12%, #a78bfa29, transparent 62%), radial-gradient(900px 520px at -12% 18%, #22d3ee1f, transparent 58%), radial-gradient(700px 500px at 55% 115%, #f472b614, transparent 60%), linear-gradient(180deg,var(--bg0) 0%,var(--bg1) 100%);background-attachment:fixed;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans Thai,Leelawadee UI,IBM Plex Sans Thai,sans-serif;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#94a3b80d 1px,#0000 1px),linear-gradient(90deg,#94a3b80d 1px,#0000 1px);background-size:34px 34px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 22%,#000 0%,#0000 78%);mask-image:radial-gradient(circle at 50% 22%,#000 0%,#0000 78%)}#__nuxt{z-index:1;position:relative}a{color:inherit;text-decoration:none}button{font-family:inherit}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:40;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--stroke);background:#070b1ad1;align-items:center;gap:16px;padding:10px 16px;display:flex;position:sticky;top:0}.brand{letter-spacing:.3px;white-space:nowrap;font-weight:700}.tabs{flex:1;gap:4px;display:flex;overflow-x:auto}.tab{color:var(--muted);white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:7px 14px;font-size:14px}.tab.on{color:#a5f3fc;background:#22d3ee1a;border-color:#22d3ee59}.user{align-items:center;gap:8px;display:flex}.user img{border-radius:50%;width:30px;height:30px}.uname{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:13px;overflow:hidden}.logout{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:8px;padding:4px 8px}.logout:hover{color:var(--red);border-color:#f8717166}.content{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:18px}@media (width<=640px){.uname{display:none}.content{padding:12px}}