.header{color:#fff;z-index:5000;background:#0d9488;padding:1rem 0;position:fixed;top:0;left:0;right:0;overflow:visible;box-shadow:0 8px 22px #0d948842}.header:before{content:"";pointer-events:none;background:#ffffff14;border-radius:50%;width:170px;height:170px;position:absolute;top:-72px;right:-32px}.header:after{content:"";pointer-events:none;background:#ffffff14;border-radius:50%;width:104px;height:104px;position:absolute;bottom:-26px;left:8px}.header-content{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;padding:0 2rem;display:grid}.header-left{justify-self:start;align-items:center;gap:1rem;display:flex}.logo{letter-spacing:-.02em;text-align:center;z-index:2;justify-self:center;margin:0;font-size:1.65rem;font-weight:800;position:relative}.logo span{color:var(--vp-sun)}.header-actions{justify-self:end;align-items:center;gap:2rem;display:flex}.header-back-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s;display:none}.header-back-btn:hover{background:#ffffff4d}.breadcrumbs{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.breadcrumb-link,.breadcrumb-current{color:#fff;font-size:.9rem;font-weight:500}.breadcrumb-link{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem .5rem;text-decoration:none;transition:all .2s}.breadcrumb-link:hover{background:#fff3}.breadcrumb-current{opacity:.8;padding:.25rem .5rem}.breadcrumb-separator{color:#fff9;-webkit-user-select:none;user-select:none;font-size:.9rem}.language-switcher{gap:.5rem;margin-right:1rem;display:flex}.language-switcher button{color:#fff;cursor:pointer;background:0 0;border:2px solid #ffffff80;border-radius:4px;padding:.4rem .8rem;font-size:.9rem;font-weight:600;transition:all .2s}.language-switcher button:hover{background:#ffffff1a;border-color:#fff}.language-switcher button.active{color:#667eea;background:#fff;border-color:#fff}.user-menu-container{z-index:5002;align-items:center;gap:1rem;display:flex;position:relative}.user-info{align-items:center;gap:.5rem;display:flex}.credits-display{cursor:pointer;background:#fff3;border:2px solid #ffffff4d;border-radius:20px;align-items:center;gap:.4rem;padding:.4rem .8rem;transition:all .3s;display:flex}.credits-display:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.credits-icon{font-size:1.1rem}.credits-amount{color:#fff;font-size:1rem;font-weight:700}.username{text-transform:uppercase;letter-spacing:.06em;color:#134e4a;background:#fbbf24;border-radius:999px;padding:.26rem .72rem;font-size:.72rem;font-weight:800}.username.admin-username,.admin-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:700;box-shadow:0 2px 4px #0003}.test-push-btn{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffffb3;border-radius:4px;padding:.4rem .8rem;font-weight:600;transition:all .2s}.test-push-btn:hover:enabled{background:#ffffff40;border-color:#fff}.test-push-btn:disabled{opacity:.7;cursor:not-allowed}.signup-btn,.logout-btn{cursor:pointer;border:none;border-radius:4px;padding:.6rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s}.signup-btn{color:#667eea;background:#fff}.signup-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.hamburger-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:10px;justify-content:center;align-items:center;padding:.28rem .5rem;font-size:1.35rem;transition:transform .2s;display:flex}.hamburger-btn:hover{transform:scale(1.1)}.dropdown-menu{z-index:5003;background:#fff;border:1.5px solid #99f6e4;border-radius:14px;min-width:150px;margin-top:.5rem;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 10px 22px #0d94882e}.menu-item{text-align:left;color:#333;cursor:pointer;width:100%;box-shadow:none;background:0 0;border:none;padding:.75rem 1rem;font-size:.95rem;font-weight:500;transition:all .2s;display:block}.menu-item:hover{color:#0f766e;background:#f0fdfa}.menu-item.admin-item{color:#b45309;background:linear-gradient(90deg,#fbbf2429 0%,#f59e0b29 100%);font-weight:600}.menu-item.admin-item:hover{color:#92400e;background:linear-gradient(90deg,#fbbf2442 0%,#f59e0b42 100%)}.menu-divider{background:#eee;height:1px;margin:.25rem 0}.menu-item.logout-item{color:#e74c3c;border-top:1px solid #eee}.menu-item.logout-item:hover{color:#c0392b;background:#fef5f5}@media (width<=768px){.header{padding:.75rem 0}.header-content{grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;padding:0 1rem}.header-left{align-items:center;gap:.5rem}.header-back-btn{padding:.4rem .8rem;font-size:.85rem;display:flex}.breadcrumbs{display:none}.logo{font-size:1.3rem}.header-actions{gap:.5rem}.language-switcher{margin-right:.5rem}.language-switcher button{padding:.3rem .6rem;font-size:.8rem}.signup-btn{white-space:nowrap;padding:.5rem 1rem;font-size:.9rem}.username{text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-size:.9rem;overflow:hidden}.hamburger-btn{padding:.25rem;font-size:1.5rem}.dropdown-menu{min-width:140px;right:-.5rem}.menu-item{padding:1rem 1.25rem;font-size:1.1rem}}@media (width<=480px){.header-content{padding:0 .75rem}.header-back-btn{padding:.35rem .7rem;font-size:.8rem}.logo{font-size:1.1rem}.language-switcher{gap:.25rem;margin-right:.25rem}.language-switcher button{padding:.25rem .5rem;font-size:.75rem}.signup-btn{padding:.4rem .8rem;font-size:.85rem}.username{max-width:80px;font-size:.85rem}.credits-display{padding:.3rem .6rem}.credits-icon{font-size:1rem}.credits-amount{font-size:.9rem}}@media (width>=1024px){.header-content{grid-template-columns:1fr auto 1fr}.breadcrumbs{gap:.75rem}.breadcrumb-link,.breadcrumb-current{font-size:1rem}}