:root{--blue:#1E5AA8;--green:#0f5c4e;--bg:#F4F5F7;--border:#E4E4E7;--ink:#111827;--muted:#6B7280;--radius:12px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 Inter,ui-sans-serif,system-ui,sans-serif}a{color:var(--blue);text-decoration:none}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 5%;}.topbar nav{display:flex;gap:22px}.brand{font-weight:750;color:var(--ink)}.container{max-width:1180px;margin:0 auto;padding:42px 24px}.narrow{max-width:760px}.page-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}h1{font-size:32px;letter-spacing:-.04em;margin:4px 0 8px}h2{font-size:18px;margin:0 0 18px}.eyebrow{color:var(--green);font-size:12px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;margin:0}.muted{color:var(--muted)}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 16px #1118270a;padding:24px;margin-bottom:22px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.metric span{display:block;color:var(--muted);font-size:13px}.metric strong{display:block;font-size:28px;margin-top:7px}.filters,.grid-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:22px}.grid-form label{flex:1;min-width:190px}label{display:block;font-weight:600;margin-bottom:15px}input,select,textarea{display:block;width:100%;margin-top:7px;border:1px solid var(--border);border-radius:9px;padding:10px 12px;font:inherit;background:#fff}input:focus,select:focus,textarea:focus{outline:3px solid #1e5aa826;border-color:var(--blue)}.button{display:inline-block;border:0;border-radius:9px;padding:10px 15px;font-weight:650;cursor:pointer}.button.primary{background:var(--blue);color:#fff}.button.secondary{background:var(--green);color:#fff}.button.small{padding:7px 10px;font-size:12px;background:#eef4fb}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 10px;border-top:1px solid var(--border);white-space:nowrap}th{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.clickable{cursor:pointer}.clickable:hover{background:#fafafa}.badge{border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700}.good{color:var(--green);background:#dff4ed}.warn{color:#8a5b00;background:#fff1c7}.bad{color:#a32929;background:#ffe0e0}.alert{border:1px solid var(--border);border-radius:9px;padding:12px 14px;margin-bottom:18px}.alert input{display:inline-block;width:min(100%,650px);margin:0}.success{color:var(--green);background:#effaf6}.danger{color:#a32929;background:#fff1f1}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card,.feedback-card{width:min(100%,500px)}.feedback-card{width:min(100%,700px)}.detail p{color:#374151}.score-large{font-size:36px;font-weight:800;color:var(--blue);margin:20px 0}.score-options{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:7px}.score-option{margin:0}.score-option input{position:absolute;opacity:0}.score-option span{height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;padding:13px 5px;border:1px solid var(--border);border-radius:9px;cursor:pointer}.score-option strong{font-size:23px}.score-option small{font-size:10px;color:var(--muted);line-height:1.2}.score-option input:checked+span{border-color:var(--blue);box-shadow:0 0 0 3px #1e5aa826}@media(max-width:700px){.metrics{grid-template-columns:1fr}.score-options{grid-template-columns:repeat(2,1fr)}.topbar{padding:0 20px}.topbar nav{gap:10px}.container{padding:28px 16px}}
:root{--blue:#1E5AA8;--green:#0f5c4e;--bg:#F4F5F7;--border:#E4E4E7;--ink:#111827;--muted:#6B7280;--radius:12px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 Inter,ui-sans-serif,system-ui,sans-serif}a{color:var(--blue);text-decoration:none}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 5%;}.topbar nav{display:flex;gap:22px}.brand{font-weight:750;color:var(--ink)}.container{max-width:1180px;margin:0 auto;padding:42px 24px}.narrow{max-width:760px}.page-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}h1{font-size:32px;letter-spacing:-.04em;margin:4px 0 8px}h2{font-size:18px;margin:0 0 18px}.eyebrow{color:var(--green);font-size:12px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;margin:0}.muted{color:var(--muted)}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 16px #1118270a;padding:24px;margin-bottom:22px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.metric span{display:block;color:var(--muted);font-size:13px}.metric strong{display:block;font-size:28px;margin-top:7px}.filters,.grid-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:22px}.grid-form label{flex:1;min-width:190px}label{display:block;font-weight:600;margin-bottom:15px}input,select,textarea{display:block;width:100%;margin-top:7px;border:1px solid var(--border);border-radius:9px;padding:10px 12px;font:inherit;background:#fff}input:focus,select:focus,textarea:focus{outline:3px solid #1e5aa826;border-color:var(--blue)}.button{display:inline-block;border:0;border-radius:9px;padding:10px 15px;font-weight:650;cursor:pointer}.button.primary{background:var(--blue);color:#fff}.button.secondary{background:var(--green);color:#fff}.button.small{padding:7px 10px;font-size:12px;background:#eef4fb}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 10px;border-top:1px solid var(--border);white-space:nowrap}th{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.clickable{cursor:pointer}.clickable:hover{background:#fafafa}.badge{border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700}.good{color:var(--green);background:#dff4ed}.warn{color:#8a5b00;background:#fff1c7}.bad{color:#a32929;background:#ffe0e0}.alert{border:1px solid var(--border);border-radius:9px;padding:12px 14px;margin-bottom:18px}.alert input{display:inline-block;width:min(100%,650px);margin:0}.success{color:var(--green);background:#effaf6}.danger{color:#a32929;background:#fff1f1}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card,.feedback-card{width:min(100%,500px)}.feedback-card{width:min(100%,700px)}.detail p{color:#374151}.score-large{font-size:36px;font-weight:800;color:var(--blue);margin:20px 0}.score-options{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:7px}.score-option{margin:0}.score-option input{position:absolute;opacity:0}.score-option span{height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;padding:13px 5px;border:1px solid var(--border);border-radius:9px;cursor:pointer}.score-option strong{font-size:23px}.score-option small{font-size:10px;color:var(--muted);line-height:1.2}.score-option input:checked+span{border-color:var(--blue);box-shadow:0 0 0 3px #1e5aa826}@media(max-width:700px){.metrics{grid-template-columns:1fr}.score-options{grid-template-columns:repeat(2,1fr)}.topbar{padding:0 20px}.topbar nav{gap:10px}.container{padding:28px 16px}}
.score-options.compact{gap:4px}.score-options.compact .score-option span{min-height:34px;padding:6px 2px}.score-options.compact .score-option strong{font-size:16px}.score-options.compact .score-option small{display:none}.form-step{display:none}.form-step.active{display:block}.progress-header{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:8px}.progress-track{height:6px;flex:1;background:#e5e7eb;border-radius:999px;overflow:hidden}.progress-track span{display:block;height:100%;width:50%;background:var(--blue);transition:width .2s}.step-actions{display:flex;justify-content:space-between;gap:10px}.thank-you{text-align:center;padding:20px 0}
.brand-logo{width:150px;height:auto;max-height:42px;object-fit:contain;vertical-align:middle;margin-right:10px}.brand{display:flex;align-items:center}.site-logo{width:min(260px,80%);height:auto;max-height:72px;object-fit:contain;display:block;margin:0 auto 18px}
.question-progress-wrap{margin:16px 0 8px}.question-progress{height:7px;background:#e5e7eb;border-radius:999px;overflow:hidden}.question-progress span{display:block;height:100%;width:0;background:var(--blue);transition:width .2s}.question-progress-wrap small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.page-status{color:var(--muted);font-size:12px;margin-top:14px;margin-right:auto}.step-actions{align-items:center}
.submission-container{max-width:1100px}.detail-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}@media print{.topbar,.detail-toolbar{display:none}.submission-container{max-width:none;padding:0}.card{box-shadow:none;border:0}}
.dashboard-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start}.dashboard-sidebar{position:sticky;top:24px}.dashboard-sidebar .page-heading{margin-bottom:20px}.dashboard-sidebar h1{font-size:28px}.dashboard-sidebar .metrics{display:grid;grid-template-columns:1fr;gap:12px}.feedback-list-card{min-width:0}.feedback-list-card .table-wrap{overflow-x:auto}@media(max-width:850px){.dashboard-layout{grid-template-columns:1fr}.dashboard-sidebar{position:static}.dashboard-sidebar .metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.dashboard-sidebar .metrics{grid-template-columns:1fr}}
.dashboard-layout{padding-top:24px;padding-bottom:24px;gap:18px}.dashboard-layout .card{padding:18px}.dashboard-sidebar .page-heading{margin-bottom:14px}.dashboard-sidebar .metrics{gap:10px}
.feedback-card{max-width:720px;padding:30px}.feedback-card>p.muted{margin-bottom:22px}.feedback-card form>label{margin-bottom:20px}.feedback-card textarea{min-height:110px;resize:vertical}.feedback-card .score-options{margin-top:9px}.feedback-card .score-option span{background:#fff}.feedback-card .next-button,.feedback-card .step-actions{margin-top:8px}.feedback-card .step-actions .button{min-width:110px}.feedback-card .question-progress-wrap{background:#fafafa;border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin:16px 0 22px}.feedback-card .thank-you{padding:36px 18px}.feedback-card .thank-you h1{max-width:520px;margin:10px auto 14px}.feedback-card .thank-you p{max-width:520px;margin:0 auto 24px}
.feedback-card{max-width:700px;padding:24px;box-shadow:0 4px 16px #1118270a}.feedback-card>p.muted{margin-bottom:15px}.feedback-card form>label{margin-bottom:15px}.feedback-card textarea{min-height:0}.feedback-card .question-progress-wrap{background:transparent;border:0;border-radius:0;padding:0;margin:16px 0 8px}.feedback-card .thank-you{padding:20px 0}.feedback-card .thank-you h1{max-width:none;margin:4px 0 8px}.feedback-card .thank-you p{max-width:none;margin:0 0 18px}
.shadcn-redesign{display:none}
/* Refined shadcn-inspired visual layer using the existing Strata palette. */
body{letter-spacing:-.01em}.topbar{height:64px;padding:0 max(24px,5%);box-shadow:0 1px 2px #11182708}.brand-logo{width:126px;max-height:36px}.container{padding-top:32px}.card{border-color:#e4e4e7;box-shadow:0 2px 8px #0f172a0a,0 1px 2px #0f172a08}.card:hover{box-shadow:0 6px 18px #0f172a0e,0 1px 3px #0f172a0a}.button{transition:background .15s ease,box-shadow .15s ease,transform .15s ease}.button:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0f172a18}.button.primary:hover{background:#174a8b}.button.secondary:hover{background:#0b4a40}input,select,textarea{border-color:#d9d9df;background:#fff;box-shadow:0 1px 2px #0f172a08}input::placeholder{color:#9ca3af}table thead{background:#fafafa}th{font-weight:700}td{height:54px}.metric{border-left:3px solid var(--blue)}.metric:nth-child(2){border-left-color:var(--green)}.metric:nth-child(3){border-left-color:#a32929}.eyebrow{font-size:11px}.pagination .button{background:#fff;border:1px solid var(--border);color:var(--ink)}.pagination .button:hover{background:#f8fafc}.detail h2{margin-top:28px;padding-bottom:8px;border-bottom:1px solid var(--border)}.auth-card,.feedback-card{box-shadow:0 12px 35px #0f172a12}.site-logo{object-position:center}.alert{box-shadow:0 1px 2px #0f172a08}.score-option span{transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.score-option span:hover{background:#f8fafc;border-color:#b9c9df}.question-progress{background:#e5e7eb}.question-progress span{background:linear-gradient(90deg,var(--blue),#2c73c9)}
.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:24px 0}.detail-grid div{border:1px solid var(--border);border-radius:9px;padding:12px}.detail-grid span,.detail-grid strong{display:block}.response-list{border:1px solid var(--border);border-radius:9px;margin-bottom:20px}.response-list div{display:flex;justify-content:space-between;gap:16px;padding:11px 13px;border-bottom:1px solid var(--border)}.response-list div:last-child{border-bottom:0}@media(max-width:600px){.detail-grid{grid-template-columns:1fr}}