:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}body{margin:0;min-width:320px;min-height:100vh}body{margin:0;background:#0f172a;color:#e2e8f0;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,.display-font{font-family:Space Grotesk,system-ui,sans-serif}.text-gradient{background:linear-gradient(to right,#b026ff,#00f3ff,#f0a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-container{position:relative;min-height:100vh}.background-layer{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#0f172a}.grid-pattern{position:absolute;inset:0;opacity:.03;background-image:linear-gradient(white 1px,transparent 1px),linear-gradient(90deg,white 1px,transparent 1px);background-size:40px 40px}.glow-orb{position:absolute;width:384px;height:384px;border-radius:50%;filter:blur(128px);opacity:.2;mix-blend-mode:screen;animation:pulse-slow 4s cubic-bezier(.4,0,.6,1) infinite}.glow-purple{top:0;left:25%;background:#b026ff}.glow-cyan{bottom:0;right:25%;background:#00f3ff;animation-delay:2s}@keyframes pulse-slow{0%,to{opacity:.2}50%{opacity:.3}}.vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0%,#0f172a 70%)}.top-nav{position:fixed;top:0;right:0;padding:15px 20px;display:flex;align-items:center;gap:20px;z-index:100}.nav-user{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.user-name{color:#e2e8f0;font-weight:500;font-size:.9rem}.user-credits{color:#00f3ff;font-size:.75rem}.user-credits-link{display:flex;align-items:center;gap:8px;text-decoration:none;padding:4px 8px;margin:-4px -8px;border-radius:4px;transition:all .2s}.user-credits-link:hover{background:#00f3ff1a}.buy-credits-btn{color:#0f172a;background:linear-gradient(135deg,#00f3ff,#b026ff);font-size:.65rem;font-weight:600;padding:2px 6px;border-radius:4px;opacity:.8;transition:opacity .2s}.user-credits-link:hover .buy-credits-btn{opacity:1}.logout-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.1);color:#94a3b8;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s}.logout-btn:hover{background:#ffffff26;color:#e2e8f0;border-color:#fff3}.admin-links{display:flex;gap:12px;margin-right:20px;padding-right:20px;border-right:1px solid rgba(255,255,255,.1)}.admin-link{color:#94a3b8;text-decoration:none;font-size:.85rem;padding:6px 12px;border-radius:4px;background:#b026ff1a;border:1px solid rgba(176,38,255,.2);transition:all .2s}.admin-link:hover{background:#b026ff33;color:#e2e8f0}.admin-link.router-link-active{background:#b026ff4d;color:#e2e8f0;border-color:#b026ff66}