*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#303c52,#455c81);height:100vh;overflow:hidden;color:#e2e8f0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a202c4d}::-webkit-scrollbar-thumb{background:#a0aec04d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a0aec080}.app-container.svelte-12qhfyh{height:100vh;display:flex;flex-direction:column;overflow:hidden}.navbar.svelte-12qhfyh{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 2rem;background:#1a202cf2;border-bottom:1px solid rgba(160,174,192,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-section.svelte-12qhfyh{display:flex;align-items:center;gap:1rem;flex:1}.nav-section.center.svelte-12qhfyh{justify-content:center;gap:.5rem}.nav-section.right.svelte-12qhfyh{justify-content:flex-end;gap:1rem}.help-toggle.svelte-12qhfyh{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:#a0aec0;text-decoration:none;border-radius:50%;font-weight:700;font-size:1rem;border:1px solid rgba(160,174,192,.2);transition:all .2s}.help-toggle.svelte-12qhfyh:hover,.help-toggle.active.svelte-12qhfyh{color:#fff;border-color:#63b3ed;background:#63b3ed1a}.nav-link.svelte-12qhfyh{color:#a0aec0;text-decoration:none;font-weight:500;font-size:.9rem;padding:.5rem 1rem;border-radius:8px;transition:all .2s ease;position:relative}.nav-link.svelte-12qhfyh:hover{color:#e2e8f0;background:#ffffff0d}.nav-link.active.svelte-12qhfyh{color:#63b3ed;background:#4299e11a}.nav-link.active.svelte-12qhfyh:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:20px;height:2px;background:#63b3ed;border-radius:1px}.admin-link.svelte-12qhfyh{color:#f6ad55}.admin-link.svelte-12qhfyh:hover{color:#fbd38d;background:#ed893614}.admin-link.active.svelte-12qhfyh{color:#f6ad55;background:#ed89361a}.admin-link.active.svelte-12qhfyh:after{background:#f6ad55}.token-link.svelte-12qhfyh{color:#ecc94b}.token-link.svelte-12qhfyh:hover{color:#faf089;background:#ecc94b14}.token-link.active.svelte-12qhfyh{color:#ecc94b;background:#ecc94b1a}.token-link.active.svelte-12qhfyh:after{background:#ecc94b}.token-balance.svelte-12qhfyh{display:flex;align-items:center;gap:.4rem;background:#ecc94b1a;padding:.3rem .6rem;border-radius:12px;border:1px solid rgba(236,201,75,.2);cursor:help;transition:all .2s}.token-balance.svelte-12qhfyh:hover{background:#ecc94b33;transform:translateY(-1px)}.token-count.svelte-12qhfyh{color:#faf089;font-weight:700;font-size:.85rem;font-family:Inter,sans-serif}.token-icon.svelte-12qhfyh{font-size:.9rem}.user-pill.svelte-12qhfyh{display:flex;align-items:center;gap:.6rem;background:#ffffff0d;padding:.4rem .8rem .4rem .5rem;border-radius:20px;border:1px solid rgba(255,255,255,.05)}.token-display.svelte-12qhfyh{color:#faf089;font-weight:600;font-size:.8rem;padding:.2rem .5rem;margin-left:.3rem;border-left:1px solid rgba(255,255,255,.1);text-decoration:none;border-radius:8px;transition:all .2s}.token-display.svelte-12qhfyh:hover{background:#ecc94b33;color:#fff}.username.svelte-12qhfyh{color:#e2e8f0;font-weight:500;font-size:.9rem}.role-badge.svelte-12qhfyh{font-size:.65rem;padding:.2rem .5rem;border-radius:10px;text-transform:uppercase;font-weight:600;letter-spacing:.03em;transition:all .3s ease}.user-pill.role-updated.svelte-12qhfyh{animation:svelte-12qhfyh-pill-pulse-glow 3s cubic-bezier(.4,0,.2,1);border-color:#63b3ed99}@keyframes svelte-12qhfyh-pill-pulse-glow{0%{border-color:#ffffff0d;box-shadow:0 0 #63b3ed00;transform:scale(1)}15%{border-color:#63b3edcc;box-shadow:0 0 20px #63b3ed66,inset 0 0 10px #63b3ed33;transform:scale(1.02)}30%{border-color:#63b3ed66;box-shadow:0 0 10px #63b3ed33;transform:scale(1)}45%{border-color:#63b3edcc;box-shadow:0 0 20px #63b3ed66,inset 0 0 10px #63b3ed33;transform:scale(1.02)}to{border-color:#ffffff0d;box-shadow:0 0 #63b3ed00;transform:scale(1)}}.role-user.svelte-12qhfyh{background:#48bb7826;color:#68d391}.role-operator.svelte-12qhfyh{background:#4299e126;color:#63b3ed}.role-admin.svelte-12qhfyh{background:#ed893626;color:#f6ad55}.role-opadmin.svelte-12qhfyh{background:#ec489926;color:#f472b6}.logout-btn-mini.svelte-12qhfyh{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;color:#a0aec0;border-radius:50%;cursor:pointer;transition:all .2s}.logout-btn-mini.svelte-12qhfyh:hover{background:#ffffff1a;color:#e2e8f0}.logout-btn-mini.confirm-state.svelte-12qhfyh{background:#ef444426;color:#f87171;animation:svelte-12qhfyh-pulse 1.5s infinite}.logout-btn-mini.confirm-state.svelte-12qhfyh:hover{background:#ef44444d}@keyframes svelte-12qhfyh-pulse{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}.main-content.svelte-12qhfyh{flex:1;display:flex;overflow:hidden;height:calc(100vh - 64px);min-height:0}