:root{color:#162126;background:#eef3f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(32,117,106,.18)}body{margin:0;-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input,select,textarea{font:inherit}button{transition:transform .15s ease,box-shadow .15s ease,background .15s ease}button:hover{transform:translateY(-1px)}main{min-height:100vh;overflow-x:hidden}.topbar{align-items:center;background:#fffffff0;border-bottom:1px solid #d9e3e1;display:flex;justify-content:space-between;padding:14px clamp(16px,4vw,48px);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand-block{align-items:center;display:flex;gap:12px}.login-mark{align-items:center;background:#183e3a;border-radius:8px;color:#fff;display:inline-flex;font-weight:900;justify-content:center}.brand-logo{background:#fff;border:1px solid #d9e3e1;border-radius:8px;height:56px;object-fit:contain;padding:4px;width:72px}.brand-name{color:#133e98;font-size:1.18rem;font-weight:900;letter-spacing:0;line-height:1;margin:0 0 3px}.login-mark{height:48px;width:48px}.eyebrow{color:#35766f;font-size:.75rem;font-weight:900;letter-spacing:0;margin:0 0 2px;text-transform:uppercase}h1,h2,p{margin-top:0}h1{color:#26383e;font-size:clamp(1rem,1.6vw,1.22rem);font-weight:750;margin-bottom:0}h2{font-size:1.08rem;margin-bottom:12px}nav{background:#e8eeee;border:1px solid #d7e1df;border-radius:8px;display:flex;padding:4px}nav button{background:transparent;border:0;border-radius:6px;color:#4c5d63;cursor:pointer;min-height:38px;padding:0 16px}nav button.active{background:#fff;box-shadow:0 4px 12px #1621261f;color:#162126;font-weight:800}.survey-shell,.dashboard{padding:24px clamp(16px,4vw,48px) 48px}.survey-hero{align-items:end;background:#173f3b;border-radius:8px;color:#fff;display:flex;justify-content:space-between;margin-bottom:18px;min-height:168px;overflow:hidden;padding:clamp(20px,4vw,32px);position:relative}.survey-hero:after{background:linear-gradient(135deg,#d89b385c,#fff0);content:"";inset:auto 0 0 auto;height:130px;position:absolute;width:42%}.survey-hero .eyebrow,.admin-heading .eyebrow,.editor-panel .eyebrow,.login-panel .eyebrow{color:#d9a23d}.survey-hero h2{font-size:clamp(1.8rem,4vw,3rem);line-height:1.05;margin-bottom:8px}.survey-hero p{color:#d8e5e1;margin-bottom:0;max-width:620px}.hero-pill{align-items:center;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);border-radius:8px;display:flex;gap:8px;padding:10px 12px;position:relative;z-index:1}.page-grid{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,760px) minmax(280px,1fr)}.panel,.metric{background:#fff;border:1px solid #d9e3e1;border-radius:8px;box-shadow:0 16px 40px #16212614;min-width:0}.form-panel,.login-panel,.quiet-panel,.enumerator-panel,.offline-panel,.accent-panel,.breakdown,.table-panel{padding:18px}.form-panel{display:grid;gap:16px}.section-title{align-items:center;display:flex;gap:12px;justify-content:space-between}.section-title p,.admin-heading p{color:#67787d;font-size:.92rem;margin-bottom:0}.form-section{border-top:1px solid #e7eeec;display:grid;gap:14px;padding-top:16px}.section-kicker{align-items:center;color:#42615c;display:flex;font-size:.82rem;font-weight:900;gap:8px;text-transform:uppercase}label{color:#2d3d43;display:grid;font-size:.9rem;font-weight:800;gap:7px}label span{align-items:center;display:flex;flex-wrap:wrap;gap:8px}label b{background:#fff3d8;border:1px solid #f2d391;border-radius:999px;color:#7a5114;font-size:.68rem;padding:3px 8px}input,select,textarea{-webkit-appearance:none;background:#fbfdfd;border:1px solid #cbd9d7;border-radius:8px;color:#162126;min-height:46px;outline:none;font-size:16px;padding:11px 12px;width:100%}input:focus,select:focus,textarea:focus{border-color:#2f756d;box-shadow:0 0 0 3px #2f756d26}select{background-image:linear-gradient(45deg,transparent 50%,#63767b 50%),linear-gradient(135deg,#63767b 50%,transparent 50%);background-position:calc(100% - 18px) 20px,calc(100% - 12px) 20px;background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:34px}textarea{min-height:104px;resize:vertical}.inline-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}.location-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr 1.2fr}.question-field{background:#f7faf9;border:1px solid #e1e9e7;border-radius:8px;padding:14px}.search-select{position:relative}.search-menu{background:#fff;border:1px solid #cbd9d7;border-radius:8px;box-shadow:0 18px 34px #16212629;display:grid;left:0;max-height:292px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 6px);z-index:20}.search-menu button{background:#fff;border:0;border-bottom:1px solid #edf2f1;color:#162126;cursor:pointer;justify-content:flex-start;min-height:46px;padding:0 13px;text-align:left}.search-menu button:hover,.search-menu button:focus{background:#eef7f4;transform:none}.gps-row{align-items:center;background:#edf7f4;border:1px solid #c9e5dd;border-radius:8px;display:flex;justify-content:space-between;padding:14px}.gps-row div{display:grid;gap:2px}.audio-row{background:#f7faf9}.audio-actions{display:flex;gap:8px}.danger-button{background:#fff1f1;border-color:#efb8b8;color:#9d2424}.gps-row span{color:#5d7175;font-size:.9rem}.icon-button,.primary,.secondary,.download{align-items:center;border:0;border-radius:8px;cursor:pointer;display:inline-flex;gap:8px;justify-content:center;min-height:44px}.icon-button{background:#fff;border:1px solid #cbd9d7;color:#234541;min-width:44px}.primary{background:#20756a;box-shadow:0 10px 22px #20756a38;color:#fff;font-weight:900;padding:0 16px}.secondary{background:#eef3f3;border:1px solid #cbd9d7;color:#25363c;font-weight:850;padding:0 14px}.download{background:#27383e;color:#fff;font-weight:850;padding:0 10px}.submit-button{min-height:52px}.primary:disabled{cursor:wait;opacity:.7}.status{background:#fff6e5;border:1px solid #f1d296;border-radius:8px;color:#744b12;margin:0;padding:11px 12px}.status.success{background:#edf8ef;border-color:#b8dfbf;color:#23572e}.side-stack{display:grid;gap:14px;position:sticky;top:92px}.quiet-panel p,.enumerator-panel p,.enumerator-panel small,.accent-panel p,.empty{color:#5d7175}.info-list,.mini-list{display:grid;gap:10px}.info-list span,.mini-list span{align-items:center;color:#334349;display:flex;gap:9px}.enumerator-panel{display:grid;gap:14px}.offline-panel{display:grid;gap:12px}.offline-panel p{color:#617579;margin-bottom:0}.enumerator-panel .eyebrow{color:#20756a}.enumerator-counts{display:grid;gap:10px;grid-template-columns:1fr 1fr}.enumerator-counts div{background:#f2f8f6;border:1px solid #d9e9e5;border-radius:8px;display:grid;gap:2px;padding:12px}.enumerator-counts strong{color:#173f3b;font-size:1.8rem;line-height:1}.enumerator-counts span{color:#617579;font-size:.85rem;font-weight:800}.accent-panel{background:#26383f;color:#fff;display:grid;gap:8px}.accent-panel p{color:#c9d6d6;margin-bottom:0}.dashboard{display:grid;gap:18px;min-width:0}.login-wrap{display:grid;min-height:calc(100vh - 78px);padding:40px clamp(16px,4vw,48px);place-items:start center}.login-panel{display:grid;gap:16px;max-width:440px;width:100%}.admin-heading,.project-bar,.actions,.question-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.admin-heading{background:#fff;border:1px solid #d9e3e1;border-radius:8px;padding:16px 18px}.admin-heading h2{font-size:1.35rem;margin-bottom:3px}.project-bar{align-items:end;flex-wrap:wrap;padding:14px}.client-filter-bar{align-items:end;display:grid;gap:12px;grid-template-columns:minmax(260px,2fr) minmax(140px,1fr) minmax(140px,1fr) auto;padding:14px}.client-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-bar label{min-width:min(260px,100%)}.public-link{align-items:center;background:#f7faf9;border:1px solid #d9e3e1;border-radius:8px;color:#405157;display:flex;flex:1;gap:8px;min-height:44px;min-width:0;overflow:hidden;padding:11px 12px;text-overflow:ellipsis;white-space:nowrap}.editor-panel{background:#fff;border:1px solid #d9e3e1;border-radius:8px;display:grid;gap:16px;padding:18px}.client-admin-panel{display:grid;gap:14px;padding:18px}.response-editor{display:grid;gap:16px;padding:18px}.review-question-list{display:grid;gap:12px}.compact-button{min-height:36px;padding:0 10px}.client-editor{background:#f8fbfa;border:1px solid #dfe9e6;border-radius:8px;display:grid;gap:12px;padding:14px}.hint-text{color:#6c7e83;font-size:.82rem;font-weight:600}.project-check-list,.client-list{display:grid;gap:8px}.client-list-row{align-items:center;background:#fff;border:1px solid #dfe9e6;border-radius:8px;color:#1f3036;cursor:pointer;display:flex;justify-content:space-between;padding:12px;text-align:left}.client-list-row span{display:grid;gap:3px}.client-list-row small,.client-list-row em{color:#617579;font-style:normal}.question-list{display:grid;gap:12px}.question-card{background:#f8fbfa;border:1px solid #dfe9e6;border-radius:8px;display:grid;gap:12px;padding:14px}.question-header strong{align-items:center;display:flex;gap:8px}.check-row{align-items:center;display:flex;flex-direction:row;gap:8px}.check-row input{min-height:auto;width:auto}.add-question{justify-self:start}.filters{align-items:end;display:grid;gap:10px;grid-template-columns:minmax(220px,1.5fr) repeat(4,minmax(120px,1fr)) minmax(260px,auto);padding:12px}.filters label{display:grid;gap:6px;min-width:0;position:relative}.filters label span{color:#607277;font-size:.78rem;font-weight:850}.filters label svg{color:#6b7d82;left:12px;position:absolute;top:37px}.filter-actions{align-items:end;display:flex;gap:8px;justify-content:end;min-width:0}.metric-grid,.chart-grid{display:grid;gap:14px}.metric-grid{grid-template-columns:repeat(4,1fr)}.chart-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{display:grid;gap:10px;min-height:118px;padding:16px}.metric span{align-items:center;color:#63767b;display:flex;font-size:.9rem;gap:8px}.metric strong{font-size:2.2rem;line-height:1}.breakdown h2{align-items:center;display:flex;gap:8px}.bar-row{align-items:center;display:grid;gap:10px;grid-template-columns:minmax(90px,1fr) 2fr auto;margin-top:12px}.bar-row span{color:#405157;font-size:.9rem}.bar-row div{background:#edf2f3;border-radius:999px;height:10px;overflow:hidden}.bar-row i{background:#d89b38;display:block;height:100%}.table-scroll{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}table{border-collapse:collapse;min-width:1020px;width:100%}th,td{border-bottom:1px solid #e4ebed;padding:12px 10px;text-align:left;white-space:nowrap}th{color:#5c6f75;font-size:.78rem;text-transform:uppercase}tbody tr:hover{background:#f7faf9}@media (max-width: 1080px){.page-grid,.chart-grid{grid-template-columns:1fr}.side-stack{position:static}.filters{grid-template-columns:1fr 1fr}.filter-actions{justify-content:start}.client-filter-bar,.client-chart-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}}@media (max-width: 680px){body{background:#f4f7f6}.topbar{align-items:stretch;display:grid;gap:14px;padding:calc(10px + env(safe-area-inset-top)) 12px 10px}.brand-logo{height:50px;width:64px}.brand-name{font-size:1.05rem}nav{width:100%}nav button{flex:1}.survey-shell,.dashboard{padding:12px 10px calc(90px + env(safe-area-inset-bottom))}.page-grid{gap:12px}.form-panel,.quiet-panel,.enumerator-panel,.offline-panel,.accent-panel,.breakdown,.table-panel,.editor-panel,.client-admin-panel,.response-editor,.login-panel{padding:14px}.survey-hero,.admin-heading,.project-bar,.client-list-row,.actions{align-items:stretch;display:grid}.survey-hero{border-radius:8px;margin-bottom:12px;min-height:auto;padding:18px}.survey-hero h2{font-size:1.55rem;line-height:1.12}.survey-hero p{font-size:.95rem}.hero-pill{justify-self:start}.inline-grid,.location-grid,.filters,.metric-grid{grid-template-columns:1fr}.filter-actions{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(0,1fr)}.filter-actions .primary{grid-column:1 / -1}label,.question-field label{font-size:.95rem}input,select,textarea{min-height:48px}.question-field{padding:12px}.gps-row{align-items:stretch;gap:12px}.gps-row .icon-button{align-self:center}.submit-button{bottom:max(10px,env(safe-area-inset-bottom));box-shadow:0 16px 32px #20756a52;min-height:54px;position:sticky;z-index:5}.search-menu{max-height:240px;position:static;margin-top:6px}.search-menu button{min-height:50px}.section-title{align-items:start;display:grid}.public-link{min-width:0;width:100%}}