.app-header{grid-column:1/-1;display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);align-items:center;gap:24px;padding:18px 28px;border-bottom:1px solid var(--line);background:var(--paper)}.app-header .brand{color:var(--ink)}.brand-text{font:800 .95rem/1 Manrope,system-ui,sans-serif;letter-spacing:.13em}.header-deck{text-align:center}.header-deck .eyebrow{margin:0 0 5px}.header-deck h1{margin:0;font:600 1.15rem/1.1 Fraunces,serif;letter-spacing:-.025em}.header-menu{position:relative;justify-self:end}.header-menu summary{display:flex;align-items:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:transparent;font:700 13px/1 Manrope,system-ui,sans-serif;cursor:pointer;list-style:none}.header-menu summary::-webkit-details-marker{display:none}.header-menu summary:hover{background:#eeece6}.header-menu summary span{font-size:15px}.header-menu .app-menu{position:absolute;z-index:20;top:calc(100% + 9px);right:0;width:230px;margin:0;padding:7px;border:1px solid var(--line);border-radius:13px;background:var(--panel);box-shadow:0 18px 38px rgba(27,43,61,.14)}.header-menu:not([open]) .app-menu{display:none}.header-menu .app-menu button{width:100%;padding:11px 12px;border:0;border-radius:9px;text-align:left}.header-menu .app-menu button:hover{background:#f0efe9}.header-menu .app-menu .account-button{display:block;background:#e9edff;color:#3944a7}.sidebar{gap:0}.content{padding-top:42px}body[data-theme="night"] .app-header{background:#171c31;border-color:#46527b}body[data-theme="night"] .app-header .brand,body[data-theme="night"] .app-header h1,body[data-theme="night"] .header-menu summary{color:#edf0ff}body[data-theme="night"] .header-menu summary,body[data-theme="night"] .header-menu .app-menu{border-color:#46527b;background:#242b47}body[data-theme="night"] .header-menu .app-menu button:hover{background:#303a5e}@media(max-width:800px){.app-header{grid-template-columns:1fr auto;padding:14px 18px}.header-deck{display:none}.sidebar{padding-top:12px}.content{padding-top:30px}}@media(max-width:500px){.app-header{padding:13px 16px}.brand-text{font-size:.8rem;letter-spacing:.11em}.header-menu summary{min-height:35px;padding:0 10px;font-size:12px}.header-menu .app-menu{width:min(230px,calc(100vw - 32px))}}
