:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#113049;background:radial-gradient(circle at top,rgba(44,167,223,.22),transparent 34%),linear-gradient(180deg,#f7fbff,#eef5fb);--sky: #2ca7df;--sky-deep: #1575ae;--navy: #113049;--gold: #f1c40f;--gold-soft: #fff7d1;--red: #ef2a30;--red-soft: #ffe1e2;--card: rgba(255, 255, 255, .94);--line: rgba(17, 48, 73, .12);--shadow: 0 20px 60px rgba(13, 60, 92, .14)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--navy)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{max-width:100%}#root{min-height:100vh}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.auth-brand-panel{padding:4rem;color:#fff;display:flex;flex-direction:column;justify-content:center;gap:1rem;background:linear-gradient(135deg,#113049e6,#1575aedb),linear-gradient(135deg,#2ca7df,#1575ae);position:relative;overflow:hidden}.accent-participant .auth-brand-panel{background:linear-gradient(135deg,#113049e6,#ef2a30bf),linear-gradient(135deg,#2ca7df,#1575ae)}.auth-brand-panel:after{content:"";position:absolute;inset:auto -4rem -6rem auto;width:18rem;height:18rem;background:#ffffff1f;border-radius:50%}.brand-logo{width:8rem;filter:drop-shadow(0 12px 30px rgba(0,0,0,.24))}.auth-form-panel{display:flex;align-items:center;justify-content:center;padding:2rem}.card-form,.panel-card,.survey-card,.empty-state{background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.card-form{width:min(100%,32rem);padding:2rem;display:grid;gap:1rem}.card-form.compact{width:100%;padding:0;box-shadow:none;border:0;background:transparent}.card-form label,.filter-grid label{display:grid;gap:.45rem;font-weight:600}input,textarea,select{width:100%;border-radius:16px;border:1px solid rgba(17,48,73,.16);padding:.9rem 1rem;background:#fff;color:var(--navy)}input:focus,textarea:focus,select:focus{outline:2px solid rgba(44,167,223,.3);border-color:var(--sky)}.primary-button,.secondary-button,.ghost-button,.file-picker span{border:0;border-radius:999px;padding:.9rem 1.2rem;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.primary-button{background:linear-gradient(135deg,var(--sky),var(--sky-deep));color:#fff;box-shadow:0 12px 28px #2ca7df3d}.secondary-button,.file-picker span{background:#2ca7df1f;color:var(--sky-deep)}.ghost-button{background:transparent;color:var(--navy);border:1px solid rgba(17,48,73,.15)}.ghost-button.danger{color:var(--red);border-color:#ef2a303d}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.file-picker span:hover{transform:translateY(-1px)}.primary-button:disabled{opacity:.7;cursor:wait}.secondary-button:disabled,.ghost-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.file-picker{display:inline-flex;position:relative;overflow:hidden}.file-picker.compact span{width:100%}.file-picker input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:800;color:var(--sky-deep)}.accent-admin .eyebrow,.accent-participant .eyebrow,.auth-brand-panel .eyebrow{color:inherit;opacity:.8}.form-error,.block-error{color:#9a0f1a;background:var(--red-soft);border-radius:16px;padding:.85rem 1rem}.block-error{margin-bottom:1rem}.inline-notice{margin-bottom:1rem;background:#f1c40f2e;color:#855a00;border:1px solid rgba(241,196,15,.4);border-radius:18px;padding:.9rem 1rem}.admin-page,.survey-page{padding:2rem;max-width:100%}.admin-page{margin:0;padding:1.25rem}.survey-page{margin:0 auto}.admin-header,.survey-hero{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1.5rem}.stats-grid,.dashboard-grid,.filter-grid,.grid-2{display:grid;gap:1rem}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:1.5rem}.stats-grid--wide{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:1.5rem}.participants-layout{display:grid;gap:1rem;grid-template-columns:minmax(280px,380px) minmax(0,1fr)}.participants-panel{display:grid;gap:1rem}.participants-form-card,.participants-list-card{display:grid;gap:1rem;border:1px solid rgba(17,48,73,.1);border-radius:18px;background:#ffffffb3;padding:1rem}.participants-form-card h3,.participants-list-card h3{margin:0}.grid-2,.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-card,.survey-card,.empty-state{padding:1.5rem}.section-heading{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem}.muted-copy{color:#113049b8}.survey-admin-list,.survey-list,.question-list,.report-view{display:grid;gap:1rem}.survey-admin-card{display:flex;justify-content:space-between;gap:1rem;padding:1.25rem;border-radius:22px;background:linear-gradient(180deg,#fff,#f4f8fce6);border:1px solid rgba(17,48,73,.08)}.survey-admin-card__content h3,.survey-card h2,.question-title,.empty-state h2{margin:.25rem 0 .5rem}.survey-admin-card__actions,.button-row,.meta-wrap,.report-summary{display:flex;flex-wrap:wrap;gap:.75rem}.status-pill,.summary-chip{display:inline-flex;align-items:center;gap:.4rem;width:fit-content;padding:.45rem .8rem;border-radius:999px;background:#2ca7df1f;color:var(--sky-deep);font-weight:700}.meta-wrap span,.survey-card__meta span{padding:.45rem .75rem;border-radius:999px;background:#1130490f;font-size:.9rem}.survey-card__header{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem}.question-card{border-radius:18px;padding:1rem;background:#f7fbffe6;border:1px solid rgba(21,117,174,.1)}.question-editor{display:grid;gap:1rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid rgba(17,48,73,.1)}.question-editor-list,.question-editor-card,.option-editor-list{display:grid;gap:1rem}.question-editor-card{padding:1rem;border-radius:18px;background:#f7fbfff2;border:1px solid rgba(21,117,174,.14)}.question-editor-card__header{display:flex;justify-content:space-between;gap:1rem;align-items:center}.section-heading.compact{margin-bottom:0}.section-heading.compact h3{margin:.15rem 0 0}.checkbox-label{display:flex;align-items:center;gap:.6rem;min-height:100%}.checkbox-label input{width:auto}.option-editor-list{padding:1rem;border-radius:16px;background:#fff;border:1px solid rgba(17,48,73,.08)}.option-editor-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) minmax(160px,.8fr) 96px auto;gap:.75rem;align-items:end}.image-upload-control{display:grid;gap:.35rem}.image-upload-control input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.image-upload-control span{display:inline-flex;justify-content:center;align-items:center;min-height:2.7rem;padding:.75rem .9rem;border-radius:14px;border:1px solid rgba(21,117,174,.25);background:#2ca7df1a;color:var(--sky-deep);font-weight:700;cursor:pointer}.option-image-preview{width:96px;aspect-ratio:4 / 3;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:#1130490f;color:var(--muted);font-size:.8rem;text-align:center}.option-image-preview img{width:100%;height:100%;display:block;object-fit:cover}.required-mark{color:var(--red);margin-left:.25rem}.choice-list{display:grid;gap:.65rem}.choice-item{display:flex;gap:.8rem;align-items:center;padding:.75rem .9rem;border-radius:16px;background:#fff}.choice-item input{width:auto}.image-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.9rem}.image-choice-card{display:grid;gap:.75rem;align-content:start;padding:.8rem;border:2px solid rgba(17,48,73,.1);border-radius:18px;background:#fff;cursor:pointer;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.image-choice-card:hover,.image-choice-card.selected{border-color:var(--blue);box-shadow:0 14px 30px #1575ae24;transform:translateY(-1px)}.image-choice-card.preview-only{cursor:default}.image-choice-card input{width:auto;margin:0}.image-choice-media{display:block;width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:14px;background:#1130490f}.image-choice-media img{width:100%;height:100%;display:block;object-fit:cover}.image-choice-placeholder{min-height:100%;display:grid;place-items:center;padding:1rem;color:var(--muted);text-align:center}.image-choice-copy{display:grid;gap:.35rem}.image-choice-copy strong,.image-choice-copy small{display:block}.image-choice-copy small{color:var(--muted);line-height:1.4}.stat-card{padding:1.4rem;border-radius:24px;color:var(--navy);border:1px solid rgba(17,48,73,.1)}.stat-card p,.stat-card strong{margin:0}.stat-card strong{display:block;margin-top:.4rem;font-size:2rem}.tone-sky{background:linear-gradient(135deg,#2ca7df33,#2ca7df14)}.tone-gold{background:linear-gradient(135deg,#f1c40f42,#fff7d1c2)}.tone-red{background:linear-gradient(135deg,#ef2a302e,#ffe1e2c2)}.report-bars{display:grid;gap:.9rem}.report-bar-row{display:grid;grid-template-columns:minmax(0,220px) 1fr 64px;gap:.8rem;align-items:center}.report-bar-label{display:flex;justify-content:space-between;gap:.6rem}.report-bar-track{height:12px;border-radius:999px;background:#11304914;overflow:hidden}.report-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold),var(--red))}.report-bar-percent{text-align:right;font-weight:700}.text-answer-list{margin:0;padding-left:1.25rem}.detail-panel{margin-top:1rem}.question-summary-card{display:grid;gap:1rem}.question-summary-card__header h3,.image-summary-card__meta h4{margin:.2rem 0 0}.image-summary-list{display:grid;gap:1rem}.image-summary-card{display:grid;gap:1rem;padding:1rem;border-radius:18px;border:1px solid rgba(17,48,73,.08);background:#fff}.image-summary-card__top{display:grid;grid-template-columns:180px minmax(0,1fr);gap:1rem;align-items:start}.image-summary-card__media{width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:16px;background:#1130490f;display:grid;place-items:center;color:var(--muted)}.image-summary-card__media img{width:100%;height:100%;object-fit:cover;display:block}.image-summary-card__meta{display:grid;gap:.65rem}.image-summary-card__meta p{margin:0;color:#113049b8}.table-scroll{width:100%;overflow-x:auto;border-radius:18px;border:1px solid rgba(17,48,73,.08);background:#fff}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th,.data-table td{padding:.9rem 1rem;border-bottom:1px solid rgba(17,48,73,.08);text-align:left;vertical-align:top}.data-table th{background:#2ca7df14;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}.loading-screen{min-height:100vh;display:grid;place-items:center;gap:1rem}.spinner{width:3rem;height:3rem;border-radius:50%;border:4px solid rgba(44,167,223,.2);border-top-color:var(--sky);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1080px){.auth-shell,.dashboard-grid,.participants-layout,.stats-grid,.stats-grid--wide,.filter-grid,.grid-2,.option-editor-row,.image-summary-card__top,.survey-card__header,.survey-admin-card,.report-bar-row{grid-template-columns:1fr}.auth-shell{display:block}.auth-brand-panel{min-height:18rem;padding:2.5rem 2rem}.survey-admin-card,.admin-header,.survey-hero{flex-direction:column}.report-bar-row{display:flex;flex-direction:column;align-items:stretch}}@media (max-width: 640px){.admin-page,.survey-page,.auth-form-panel{padding:1rem}.panel-card,.survey-card,.card-form{padding:1.2rem;border-radius:20px}}