@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Fredoka:wght@400;500;600&display=swap";:root{--color-cream:#fafaf5;--color-card:#fff;--color-forest:#2d6a4f;--color-forest-06:#2d6a4f0f;--color-forest-08:#2d6a4f14;--color-forest-03:#2d6a4f08;--color-charcoal:#2e2e2e;--color-muted-ink:#737373;--color-sunshine:#f5d547;--color-sunshine-soft:#fff8cf;--color-ochre:#755f00;--color-sage:#7bbf8a;--color-sage-soft:#dceedf;--color-error:#9b2c2c;--color-error-soft:#fee2e2;--font-display:"Fredoka", system-ui, sans-serif;--font-sans:"DM Sans", system-ui, sans-serif;--shadow-soft:0 10px 30px -12px #2d6a4f2e;color:var(--color-charcoal);background:var(--color-cream);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}.app-shell{background:var(--color-cream);min-height:100svh}.app-header{z-index:10;border-bottom:1px solid var(--color-forest-08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fafaf5e6;height:64px;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;width:min(100% - 40px,1280px);height:100%;margin:0 auto;display:flex}.brand{color:var(--color-forest);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.brand-name{font-family:var(--font-display);letter-spacing:-.01em;font-size:18px;font-weight:500}.product-label{background:var(--color-sage-soft);color:var(--color-forest);font-family:var(--font-display);border-radius:9999px;padding:6px 12px;font-size:13px;font-weight:500}.app-layout{grid-template-columns:220px minmax(0,1fr);gap:40px;width:min(100% - 40px,1280px);min-height:calc(100svh - 64px);margin:0 auto;display:grid}.main-menu{align-self:start;gap:6px;padding:32px 0;display:grid;position:sticky;top:88px}.menu-item{min-height:44px;color:var(--color-muted-ink);border-radius:10px;align-items:center;gap:11px;padding:9px 12px;font-size:15px;font-weight:500;text-decoration:none;transition:color .15s,background .15s;display:flex}.menu-item:hover{background:var(--color-forest-06);color:var(--color-forest)}.menu-item--active{background:var(--color-sage-soft);color:var(--color-forest)}.menu-item svg{fill:none;stroke:currentColor;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.workspace{min-width:0;padding:48px 0 64px}.empty-state{border:1px solid var(--color-forest-06);background:var(--color-card);min-height:360px;box-shadow:var(--shadow-soft);text-align:center;border-radius:20px;place-content:center;justify-items:center;padding:48px 24px;display:grid}.empty-state h1,.page-heading h1,.detail-heading h1{color:var(--color-forest);font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-weight:500}.empty-state h1{margin-top:12px;font-size:clamp(28px,4vw,40px)}.empty-state p{color:var(--color-muted-ink);margin:8px 0 0;font-size:15px}.page-heading,.detail-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.page-heading h1,.detail-heading h1{font-size:clamp(30px,4vw,42px)}.eyebrow{color:var(--color-forest);letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px;font-size:13px;font-weight:700}.record-count{color:var(--color-muted-ink);margin-bottom:6px;font-size:14px}.content-card,.response-section{border:1px solid var(--color-forest-08);background:var(--color-card);box-shadow:var(--shadow-soft);border-radius:16px;overflow:hidden}.answers-table-wrap{overflow-x:auto}.answers-table{border-collapse:collapse;text-align:left;width:100%}.answers-table th{border-bottom:1px solid var(--color-forest-08);background:var(--color-forest-03);color:var(--color-muted-ink);letter-spacing:.05em;text-transform:uppercase;padding:14px 20px;font-size:12px;font-weight:700}.answers-table td{border-bottom:1px solid var(--color-forest-08);color:var(--color-charcoal);vertical-align:middle;padding:18px 20px;font-size:14px}.answers-table tbody tr:last-child td{border-bottom:0}.answers-table tbody tr:hover{background:var(--color-forest-03)}.respondent-link{color:var(--color-forest);font-size:15px;font-weight:700;text-decoration:none;display:block}.respondent-link:hover,.back-link:hover{text-underline-offset:3px;text-decoration:underline}.answer-id,.detail-id{color:var(--color-muted-ink);margin-top:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:block}.status-badge{white-space:nowrap;border-radius:999px;align-items:center;min-height:26px;padding:4px 9px;font-size:12px;font-weight:700;display:inline-flex}.status-badge--complete{background:var(--color-sage-soft);color:var(--color-forest)}.status-badge--progress{background:var(--color-sunshine-soft);color:var(--color-ochre)}.row-arrow{width:32px;height:32px;color:var(--color-forest);border-radius:50%;place-items:center;font-size:20px;text-decoration:none;display:grid}.row-arrow:hover{background:var(--color-sage-soft)}.loading-rows{padding:12px 20px}.loading-row{background:linear-gradient(90deg, var(--color-forest-06), var(--color-sage-soft), var(--color-forest-06));background-size:200% 100%;border-radius:9px;height:54px;margin:10px 0;animation:1.5s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.page-state{text-align:center;place-content:center;justify-items:center;min-height:300px;padding:40px 24px;display:grid}.state-symbol{background:var(--color-sage-soft);width:40px;height:40px;color:var(--color-forest);border-radius:50%;place-items:center;margin-bottom:14px;font-weight:700;display:grid}.page-state--error .state-symbol{background:var(--color-error-soft);color:var(--color-error)}.page-state h2{color:var(--color-forest);font-family:var(--font-display);margin:0;font-size:24px;font-weight:500}.page-state p{max-width:440px;color:var(--color-muted-ink);margin:8px 0 0;font-size:15px}.secondary-button{border:1px solid var(--color-forest);background:var(--color-card);min-height:40px;color:var(--color-forest);font:inherit;cursor:pointer;border-radius:9px;margin-top:18px;padding:8px 16px;font-weight:700}.secondary-button:hover{background:var(--color-sage-soft)}.back-link{color:var(--color-forest);margin-bottom:26px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.detail-heading{align-items:flex-start}.detail-id{margin:8px 0 0}.detail-actions{justify-items:end;gap:14px;display:grid}.copy-button{border:1px solid var(--color-forest);background:var(--color-forest);color:#fff;min-height:40px;font:inherit;cursor:pointer;border-radius:9px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:700;display:inline-flex}.copy-button:hover{background:#245940}.copy-button--error{border-color:var(--color-error);background:var(--color-error)}.copy-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.detail-meta{color:var(--color-muted-ink);justify-items:end;gap:8px;padding-top:8px;font-size:13px;display:grid}.response-sections{gap:18px;display:grid}.response-section{padding:0 24px}.section-heading{border-bottom:1px solid var(--color-forest-08);align-items:center;gap:12px;padding:20px 0 16px;display:flex}.section-heading>span{color:var(--color-sage);font-family:var(--font-display);font-size:14px;font-weight:600}.section-heading h2{color:var(--color-forest);font-family:var(--font-display);margin:0;font-size:20px;font-weight:500}.question-list{margin:0}.question-answer{border-bottom:1px solid var(--color-forest-08);grid-template-columns:minmax(220px,1fr) minmax(220px,.8fr);gap:40px;padding:20px 0;display:grid}.question-answer:last-child{border-bottom:0}.question-answer dt,.question-answer dd{margin:0;line-height:1.55}.question-answer dt{color:var(--color-charcoal);font-size:15px;font-weight:500}.question-answer dd{color:var(--color-forest);font-size:15px;font-weight:700}.no-answer{color:var(--color-muted-ink);font-style:italic;font-weight:400}.detail-loading{margin-top:10px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}a:focus-visible,button:focus-visible{outline:3px solid var(--color-sunshine);outline-offset:3px}@media (width<=820px){.app-layout{display:block}.main-menu{padding:16px 0 0;display:flex;position:static;overflow-x:auto}.menu-item{flex:none}.workspace{padding-top:28px}.question-answer{grid-template-columns:1fr;gap:8px}}@media (width<=640px){.header-content,.app-layout{width:min(100% - 28px,1280px)}.brand-name{display:none}.page-heading,.detail-heading{display:grid}.detail-actions,.detail-meta{justify-items:start}.answers-table th:nth-child(2),.answers-table td:nth-child(2),.answers-table th:nth-child(3),.answers-table td:nth-child(3){display:none}.answers-table th,.answers-table td{padding-left:14px;padding-right:14px}.response-section{padding:0 18px}}@media (prefers-reduced-motion:reduce){.loading-row{animation:none}}