:root{--cxr-primary:#667eea;--cxr-secondary:#764ba2;--cxr-header-bg:#0a0a14cc;--cxr-header-muted:#64748b;--cxr-header-border:#ffffff14}.header{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--cxr-header-border);justify-content:space-between;align-items:center;gap:24px;display:flex;top:0;left:0;right:0;background:var(--cxr-header-bg)!important;padding:16px 32px!important;position:sticky!important}.header .app-brand,.header .logo,.header-left .app-brand{color:inherit;letter-spacing:-.5px;flex-shrink:0;align-items:center;gap:8px;text-decoration:none;display:inline-flex;font-size:1.4rem!important;font-weight:800!important}.header .app-brand span,.header .logo>span,.header-left .app-brand span{background:linear-gradient(135deg,var(--cxr-primary),var(--cxr-secondary),#b794f4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.header nav,.header-right{align-items:center;display:flex;gap:8px!important}.header nav a,.header-right a{font-weight:500;text-decoration:none;transition:all .2s;color:var(--cxr-header-muted)!important;border-radius:8px!important;padding:8px 16px!important;font-size:.9rem!important}.header nav a:hover,.header-right a:hover{color:#fff!important;background:0 0!important}.header nav a.active,.header-right a.active{color:#fff!important}.header .btn-login,.header .btn-secondary{white-space:nowrap;cursor:pointer;transition:all .2s;background:linear-gradient(135deg,var(--cxr-primary),var(--cxr-secondary))!important;color:#fff!important;border:0!important;border-radius:10px!important;padding:10px 22px!important;font-weight:600!important}.header .btn-login:hover,.header .btn-secondary:hover{transform:scale(1.03);box-shadow:0 8px 30px #667eea66}.header .user{flex-shrink:0;align-items:center;display:flex;gap:12px!important}.header #userName{white-space:nowrap;font-size:.82rem;color:var(--cxr-header-muted)!important}@media (width<=900px){.header{flex-wrap:wrap;gap:10px;padding:12px 16px!important}.header .app-brand,.header .logo,.header-left .app-brand{font-size:1.15rem!important}.header .user{margin-left:auto}.header #userName{display:none}.header .btn-secondary{padding:9px 12px!important;font-size:0!important}.header .btn-secondary i{font-size:.85rem}.header nav,.header-right{max-width:100%;overflow-x:auto}}