@font-face{font-family:Host Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(../../../fonts/host-grotesk/host-grotesk-latin-wght-normal.woff2) format("woff2-variations")}@font-face{font-family:Host Grotesk Variable;font-style:italic;font-display:swap;font-weight:300 800;src:url(../../../fonts/host-grotesk/host-grotesk-latin-wght-italic.woff2) format("woff2-variations")}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../../../fonts/dm-mono/dm-mono-latin-400-normal.woff2) format("woff2")}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(../../../fonts/dm-mono/dm-mono-latin-500-normal.woff2) format("woff2")}:root{--ink: #22211f;--ink-muted: #7b776f;--ink-disabled: #aaa59b;--surface: #f5f2ee;--surface-bright: #f9f7f5;--surface-dim: #efebe5;--surface-line: #d7d3cd;--line: #aaa59b;--line-soft: #dddcdc;--topbar-line: #958e88;--danger: #b2353c;--danger-bg: #f0d7d8;--success: #26b64e;--success-bg: #cefbd8;--warning: #aa8c40;--warning-bg: #fff5d4;--info-bg: #cfe1f0;--pill-green: #97d4a5;--pill-yellow: #f0ec9a;--pill-red: #f1b8b9;--pill-blue: #cfe1f0;--pill-sky: #97bad4;--pill-sand: #e3c8a4;--pill-neutral: #f0ece6;--font-sans: "Host Grotesk Variable", "Host Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "DM Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-h1: 1.5rem;--text-h2: 1.125rem;--text-body-lg: .875rem;--text-body: .75rem;--text-caption: .625rem;--text-mono: .75rem;--text-mono-sm: .5625rem;--sidebar-w: 260px;--topbar-h: 56px;--gemnote-black: var(--ink);--gemnote-dark-gray: var(--ink-muted);--gemnote-background-beige: var(--surface);--gemnote-border: var(--surface-line);--gemnote-accent: var(--ink)}*{box-sizing:border-box}html{font-family:var(--font-sans);color:var(--ink);letter-spacing:-.02em;-webkit-font-smoothing:antialiased}html,body{margin:0;padding:0;height:100%;background:var(--surface-bright);font-size:var(--text-body-lg);line-height:1.5rem}a{color:var(--ink);text-decoration:none;text-underline-offset:2px}a:hover{text-decoration:underline}h1{margin:0;font-size:var(--text-h1);line-height:2rem;font-weight:500}h2{margin:1.5rem 0 .75rem;font-size:var(--text-h2);line-height:1.5rem;font-weight:600}h2:first-child{margin-top:0}h3{margin:1rem 0 .5rem;font-size:1rem;line-height:1.5rem;font-weight:600}strong,b{font-weight:600}code,pre{font-family:var(--font-mono)}::placeholder{color:var(--ink-muted)}.shell{display:flex;height:100vh;overflow:hidden;background:var(--surface)}.sidebar{display:flex;flex-direction:column;width:var(--sidebar-w);flex-shrink:0;height:100vh;border-right:1px solid var(--line);background:var(--surface)}.sidebar-logo{display:flex;align-items:center;height:var(--topbar-h);flex-shrink:0;padding:0 1.5rem;border-bottom:1px solid var(--line)}.sidebar-logo img{height:20px;width:auto;display:block}.sidebar-nav{flex:1;overflow-y:auto;padding:1rem 1rem 1.5rem}.sidebar-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:.375rem;width:100%;padding:.5rem 1rem;border-radius:4px;font-size:var(--text-body-lg);font-weight:500;line-height:1.5rem;color:var(--ink);transition:background-color .12s}.nav-item:hover{background:#d7d3cd99;text-decoration:none}.nav-item.active{background:var(--surface-line)}.nav-item svg{width:16px;height:16px;flex-shrink:0}.sidebar-footer{display:flex;align-items:center;justify-content:space-between;height:var(--topbar-h);flex-shrink:0;padding:0 1.5rem;border-top:1px solid var(--line)}.main{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--surface-bright)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:var(--topbar-h);flex-shrink:0;padding:0 1.5rem;border-bottom:1px solid var(--topbar-line);background:var(--surface)}.topbar-search{display:flex;align-items:center;gap:.5rem;height:36px;width:100%;max-width:24rem;padding:0 .25rem 0 1rem;border:1px solid var(--line);border-radius:9999px;background:var(--surface);transition:border-color .12s}.topbar-search:focus-within{border-color:var(--ink)}.topbar-search svg{width:16px;height:16px;color:var(--ink-muted);flex-shrink:0}.topbar-search input[type=search]{flex:1;min-width:0;width:auto;height:100%;border:0;border-radius:0;padding:0;background:transparent;font:inherit;font-weight:500;color:var(--ink);outline:none}.topbar-search button{display:flex;align-items:center;justify-content:center;height:28px;width:48px;padding:0;border-radius:9999px;background:var(--ink);color:var(--surface)}.topbar-search button svg{color:inherit}.user-chip{display:flex;align-items:center;gap:.5rem;font-size:var(--text-body-lg);font-weight:500;white-space:nowrap}.user-avatar{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:9999px;background:var(--surface-line);color:var(--ink-muted)}.user-avatar svg{width:12px;height:12px}main{flex:1;overflow-y:auto;padding:1.5rem}main>:first-child{margin-top:0}main>h1{margin-bottom:1rem}@media (max-width: 900px){.shell{flex-direction:column;height:auto;min-height:100vh;overflow:visible}.sidebar{width:100%;height:auto;border-right:0;border-bottom:1px solid var(--line)}.sidebar-nav{padding:.5rem .75rem}.sidebar-nav ul{flex-direction:row;flex-wrap:wrap}.nav-item{width:auto;padding:.375rem .75rem}.sidebar-footer,.topbar .user-chip{display:none}main{overflow:visible;padding:1rem}}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:36px;padding:0 1rem;border:1px solid var(--ink);border-radius:9999px;background:var(--ink);color:var(--surface);font-family:var(--font-mono);font-size:var(--text-mono);font-weight:500;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:opacity .12s,background-color .12s,color .12s}button:hover,.btn:hover{opacity:.8;text-decoration:none}button:disabled,.btn.disabled{opacity:.5;pointer-events:none}button:focus-visible,.btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.btn-secondary,button.secondary{background:var(--surface);color:var(--ink)}.btn-secondary:hover,button.secondary:hover{opacity:1;background:var(--surface-dim)}.btn-sm,button.sm{height:32px;padding:0 .75rem;font-size:var(--text-mono-sm)}input[type=text],input[type=search],input[type=email],input[type=password],select,textarea{display:block;width:100%;height:40px;padding:0 1rem;border:1px solid var(--line);border-radius:9999px;background:#fff;font:inherit;font-weight:500;color:var(--ink);outline:none;transition:border-color .12s}input:hover,select:hover,textarea:hover,input:focus,select:focus,textarea:focus{border-color:var(--ink)}textarea{height:auto;min-height:6rem;padding:.5rem 1rem;border-radius:1rem;resize:vertical}label{display:block;margin-bottom:.5rem;font-size:var(--text-body);font-weight:600;line-height:1rem}table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--surface-line);border-radius:8px;overflow:hidden;font-size:var(--text-body);font-weight:500}th,td{padding:.75rem 1.25rem;text-align:left;vertical-align:middle;line-height:1.5rem}th{background:var(--surface);font-size:var(--text-body);font-weight:600;white-space:nowrap;border-bottom:1px solid var(--surface-line)}td{border-top:1px solid var(--line-soft)}tbody tr:first-child td{border-top:0}tbody tr:hover>td{background:var(--surface)}.muted{color:var(--ink-muted)}.tag{display:inline-flex;align-items:center;padding:0 .5rem;border-radius:4px;background:var(--pill-neutral);font-size:var(--text-body);font-weight:500;line-height:1.25rem;color:var(--ink)}.tag.ok{background:var(--pill-green)}.tag.stale,.tag.warn-tag{background:var(--pill-yellow)}.panel{overflow:hidden;border:1px solid var(--surface-line);border-radius:8px;background:#fff}.section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.5rem;border-bottom:1px solid var(--surface-line);background:var(--surface);font-size:var(--text-body);font-weight:600}.page-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin:-1.5rem -1.5rem 1.5rem;padding:1rem 1.5rem;border-bottom:1px solid var(--surface-line)}.page-header .subtitle{margin-top:.25rem;color:var(--ink-muted)}.page-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}@media (max-width: 900px){.page-header{margin:-1rem -1rem 1rem;padding:.75rem 1rem}}