:root{--font-display: "Unbounded", system-ui, sans-serif;--font-body: "Onest", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--brand: #00b86b;--brand-dark: #00935a;--acc-ink: #03351f;--bg: #f3f2ec;--surface: #ffffff;--border: #e6e7df;--line-strong: rgba(10, 24, 16, .16);--text: #0a1810;--ink-soft: #36473d;--muted: #6c7c72;--mint: #e7f7ee;--mint-2: #d6f2e2;--danger: #c0392b;--radius: 16px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(10, 24, 16, .05), 0 10px 24px -18px rgba(10, 24, 16, .4);--shadow: 0 1px 0 rgba(10, 24, 16, .04), 0 24px 60px -34px rgba(10, 24, 16, .45);font-family:var(--font-body);color:var(--text);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body)}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:#fbfaf6d9;-webkit-backdrop-filter:blur(12px) saturate(1.4);backdrop-filter:blur(12px) saturate(1.4);border-bottom:1px solid var(--border)}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:19px;letter-spacing:-.02em;color:var(--text);text-decoration:none}.brand-mark{width:22px;height:22px;border-radius:7px;background:var(--brand);box-shadow:inset 0 0 0 4px #ffffffd9,0 6px 14px -6px #00b86be6}.topbar-actions{display:inline-flex;align-items:center;gap:10px}.profile-link{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--text);text-decoration:none;padding:8px 14px 8px 10px;border-radius:var(--radius-pill);border:1.5px solid transparent;transition:border-color .18s ease,background .18s ease}.profile-link:hover,.profile-link.router-link-active{border-color:var(--mint-2);background:var(--mint);color:var(--brand-dark)}.profile-mark{width:22px;height:22px;border-radius:var(--radius-pill);background:var(--mint-2);position:relative;flex-shrink:0}.profile-mark:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-pill);background:radial-gradient(circle at 50% 38%,var(--brand-dark) 0 4px,transparent 5px),radial-gradient(circle at 50% 112%,var(--brand-dark) 0 9px,transparent 10px)}.logout{border:1.5px solid var(--line-strong);background:transparent;color:var(--text);cursor:pointer;font:inherit;font-weight:600;font-size:14px;padding:8px 18px;border-radius:var(--radius-pill);transition:border-color .18s ease,background .18s ease}.logout:hover{border-color:var(--text);background:var(--surface)}