.app-shell{min-height:100vh}.top-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#fcfdffe6;border-bottom:1px solid #d2dce9e6;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:74px;padding:0 22px;display:grid;position:sticky;top:0}.nav-brand,.top-nav nav,.profile-button{align-items:center;display:flex}.nav-brand{color:var(--ink);gap:10px;text-decoration:none}.nav-brand span{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.top-nav nav{justify-content:center;gap:8px}.top-nav nav a,.profile-button{color:#354154;border-radius:999px;min-height:40px;padding:0 14px;font-size:14px;font-weight:800;text-decoration:none}.top-nav nav a{align-items:center;display:inline-flex}.top-nav nav a.active,.top-nav nav a:hover{color:#173a8a;background:#eef4ff}.nav-cta,.profile-button{background:#111827;color:#fff!important}.nav-toggle{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;width:40px;height:40px;display:none}.profile-wrap{position:relative}.profile-button{cursor:pointer;border:0;gap:8px}.profile-menu{border:1px solid var(--line);box-shadow:var(--shadow);z-index:30;background:#fff;border-radius:10px;min-width:310px;padding:14px;position:absolute;top:50px;right:0}.profile-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.profile-head strong,.profile-head span,.profile-head em{display:block}.profile-head span,.profile-list span,.profile-list p{color:var(--muted);font-size:12px}.profile-head em{color:#0e7490;text-transform:capitalize;background:#ecfeff;border-radius:999px;padding:5px 8px;font-size:11px;font-style:normal;font-weight:900}.profile-grid{grid-template-columns:1fr 1fr;gap:8px;margin:14px 0;display:grid}.profile-grid p{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:7px;margin:0;padding:10px;font-size:12px;display:flex}.profile-list{border-top:1px solid var(--line);padding-top:12px}.profile-list p{margin:7px 0 0}.logout-link{border-top:1px solid var(--line);color:#334155;align-items:center;gap:8px;margin-top:12px;padding-top:12px;font-size:13px;font-weight:800;text-decoration:none;display:flex}.logout-button{cursor:pointer;background:0 0;border-bottom:0;border-left:0;border-right:0;width:100%}@media (max-width:820px){.top-nav{grid-template-columns:1fr auto;padding:12px}.nav-toggle{align-items:center;display:flex}.top-nav nav{border:1px solid var(--line);background:#fff;border-radius:10px;grid-column:1/-1;justify-content:flex-start;padding:8px;display:none;overflow-x:auto}.top-nav nav.is-open{display:flex}.profile-wrap{grid-column:1/-1}}