html{scroll-behavior:smooth}:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f6fa;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f4f6fa;min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}.app-shell{width:min(1440px,100% - 32px);margin:0 auto;padding:32px 0 80px}.app-header{color:#fff;background:linear-gradient(120deg,#172554,#1d4ed8);border-radius:18px;margin-bottom:24px;padding:32px;box-shadow:0 12px 34px #17255433}.header-content{justify-content:space-between;align-items:center;gap:32px;display:flex}.header-text{flex:1;min-width:0}.header-badge-container{flex:none;justify-content:center;align-items:center;display:flex}.header-badge{object-fit:contain;width:180px;height:180px;display:block}.app-header h1{margin:6px 0 10px;font-size:clamp(2rem,4vw,3.2rem)}.app-header p{color:#dbeafe;max-width:760px;margin:0;font-size:1.05rem;line-height:1.6}.eyebrow{letter-spacing:.11em;text-transform:uppercase;color:#bfdbfe;font-size:.8rem;font-weight:800}.measurement-form,.records-section{background:#fff;border:1px solid #e1e6ef;border-radius:16px;margin-bottom:28px;padding:26px;box-shadow:0 8px 26px #0f172a0f}.form-title-row,.records-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.form-title-row h2,.records-heading h2{margin:0 0 6px}.form-title-row p,.records-heading p{color:#64748b;margin:0}.editing-badge{color:#92400e;background:#fef3c7;border-radius:999px;padding:8px 12px;font-weight:700}.form-section{border-top:1px solid #e5e7eb;margin-top:28px;padding-top:24px}.form-section h3{color:#1e3a8a;margin:0 0 18px}.form-grid,.measurement-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.form-field,.measurement-field{flex-direction:column;gap:7px;display:flex}.form-field label,.measurement-field label{color:#334155;font-weight:700}input,select{color:#172033;background:#fff;border:1px solid #cbd5e1;border-radius:9px;outline:none;width:100%;min-height:44px;padding:10px 12px}input:focus,select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24}.measurement-field{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.measurement-heading{justify-content:space-between;align-items:center;gap:12px;min-height:52px;display:flex}.thumbnail-button{background:#fff;border:1px solid #bfdbfe;border-radius:8px;flex:none;width:52px;height:52px;padding:0;overflow:hidden}.measurement-thumbnail{object-fit:cover;width:100%;height:100%}.measurement-input-wrapper{align-items:center;display:flex}.measurement-input-wrapper input{border-radius:9px 0 0 9px}.unit-label{color:#475569;background:#e2e8f0;border:1px solid #cbd5e1;border-left:0;border-radius:0 9px 9px 0;align-items:center;min-height:44px;padding:0 12px;font-size:.9rem;display:flex}.field-help{color:#64748b;line-height:1.4}.field-error{color:#b91c1c;font-weight:600}.error-banner{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:9px;margin-bottom:20px;padding:13px 16px}.form-actions{gap:12px;margin-top:28px;display:flex}.primary-button,.secondary-button,.search-form button,.table-actions button{border-radius:8px;min-height:42px;padding:9px 16px;font-weight:700}.primary-button{color:#fff;background:#1d4ed8;border:1px solid #1d4ed8}.secondary-button{color:#334155;background:#fff;border:1px solid #cbd5e1}.search-form{flex-wrap:wrap;gap:8px;display:flex}.search-form input{width:270px}.search-form button{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe}.table-wrapper{overflow-x:auto}.records-table{border-collapse:collapse;width:100%}.records-table th,.records-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e2e8f0;padding:13px 12px}.records-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;font-size:.82rem}.records-table td small{color:#64748b;margin-top:4px;display:block}.table-actions{gap:8px;display:flex}.table-actions button{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.table-actions .delete-button{color:#b91c1c;background:#fff1f2;border-color:#fecdd3}.empty-cell{color:#64748b;text-align:center!important;padding:30px!important}.modal-overlay{z-index:1000;background:#0f172ac7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.image-modal{background:#fff;border-radius:15px;width:min(720px,100%);max-height:90vh;padding:24px;position:relative;overflow-y:auto;box-shadow:0 25px 80px #00000059}.image-modal h2{margin-top:0;padding-right:45px}.image-modal img{object-fit:contain;background:#f8fafc;border-radius:10px;width:100%;max-height:65vh;display:block}.image-modal p{color:#475569;line-height:1.6}.modal-close{color:#fff;background:#172033;border:0;border-radius:50%;width:38px;height:38px;font-size:1.5rem;position:absolute;top:14px;right:14px}@media (width<=480px){.header-content{align-items:flex-start}.header-badge{width:80px;height:80px}}@media (width<=760px){.app-shell{width:min(100% - 18px,1440px);padding-top:10px}.app-header,.measurement-form,.records-section{border-radius:12px;padding:18px}.header-content{gap:16px}.header-badge{width:100px;height:100px}.form-title-row,.records-heading{flex-direction:column}.search-form,.search-form input{width:100%}.form-grid,.measurement-grid{grid-template-columns:1fr}.form-actions,.reward-details{flex-direction:column}.reward-summary{text-align:left}.reward-recipient{flex-direction:column}}.app-navigation{justify-content:space-between;align-items:center;gap:18px;width:min(1440px,100% - 32px);margin:18px auto 0;display:flex}.navigation-links{gap:10px;display:flex}.navigation-user{color:#475569;align-items:center;gap:12px;display:flex}.logout-button{color:#b91c1c;background:#fff;border:1px solid #fecaca;border-radius:8px;min-height:40px;padding:8px 14px;font-weight:700}.app-navigation a{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:9px 14px;font-weight:700;text-decoration:none}.app-navigation a.active{color:#fff;background:#1d4ed8;border-color:#1d4ed8}@media (width<=760px){.app-navigation{flex-flow:column wrap;align-items:stretch;width:min(100% - 18px,1440px)}.navigation-links{flex-wrap:wrap}.navigation-user{justify-content:space-between}}.login-page{background:#f4f6fa;place-items:center;min-height:100vh;padding:24px;display:grid}.login-container{background:#fff;border:1px solid #e1e6ef;border-radius:18px;grid-template-columns:1.1fr 1fr;width:min(920px,100%);display:grid;overflow:hidden;box-shadow:0 12px 34px #1725541f}.login-brand{color:#fff;background:linear-gradient(120deg,#172554,#1d4ed8);flex-direction:column;justify-content:center;padding:44px;display:flex}.login-brand h1{margin:8px 0 12px;font-size:2.3rem}.login-brand p{color:#dbeafe;margin:0;line-height:1.6}.login-badge{object-fit:contain;width:160px;height:160px;margin-bottom:22px}.login-form{flex-direction:column;justify-content:center;gap:22px;padding:44px;display:flex}.login-form h2{margin:0 0 6px;font-size:1.8rem}.login-subtitle{color:#64748b;margin:0}.login-button{width:100%;margin-top:4px}@media (width<=760px){.login-page{padding:12px}.login-container{grid-template-columns:1fr}.login-brand{padding:26px}.login-badge{width:110px;height:110px}.login-brand h1{font-size:1.8rem}.login-form{padding:26px}}.reward-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:18px}.reward-details{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.reward-details p{color:#64748b;margin:6px 0 0;line-height:1.5}.reward-summary{text-align:right;flex-direction:column;flex:none;gap:4px;display:flex}.reward-summary span{color:#64748b;font-size:.9rem}.reward-summary strong{color:#1e3a8a}.reward-recipient{border-top:1px solid #e2e8f0;gap:8px;margin-top:18px;padding-top:16px;display:flex}.reward-recipient span{color:#64748b}.reward-checkbox-row{cursor:pointer;align-items:flex-start;gap:10px;margin-top:18px;font-weight:700;display:flex}.reward-checkbox-row input[type=checkbox]{width:auto;min-height:0;box-shadow:none;margin-top:3px;padding:0}.reward-unavailable{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:18px}.reward-unavailable p{color:#64748b;margin:6px 0 0}.success-banner{color:#166534;background:#dcfce7;border:1px solid #bbf7d0;border-radius:9px;margin-bottom:20px;padding:13px 16px}.coupon-banner{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9px;margin-bottom:20px;padding:13px 16px}.public-survey-page{background:#f4f6fa;min-height:100vh;padding:28px 16px 60px}.survey-shell{width:min(880px,100%);margin:0 auto}.survey-public-header{color:#fff;background:linear-gradient(120deg,#172554,#1d4ed8);border-radius:18px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px;padding:26px 30px;display:flex}.survey-public-header h1{margin:7px 0 0;font-size:2rem}.survey-eyebrow{letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;font-weight:800}.survey-header-badge{object-fit:contain;width:110px;height:110px}.survey-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:30px;box-shadow:0 8px 26px #0f172a0f}.survey-state-card{text-align:center;width:min(620px,100%);margin:80px auto}.survey-intro{width:min(700px,100%);margin:60px auto}.survey-intro h1{margin:8px 0 18px;font-size:2.3rem}.survey-intro-lead{font-size:1.12rem;line-height:1.65}.survey-time{background:#eff6ff;border-radius:999px;margin:8px 0 18px;padding:7px 12px;font-weight:700;display:inline-block}.survey-consent{align-items:flex-start;gap:11px;margin:22px 0;line-height:1.5;display:flex}.survey-consent input{width:auto;min-height:0;margin-top:3px}.survey-progress{margin-bottom:22px}.survey-progress-top{justify-content:space-between;gap:12px;margin-bottom:9px;display:flex}.survey-progress-track{background:#e2e8f0;border-radius:999px;height:9px;overflow:hidden}.survey-progress-fill{border-radius:inherit;background:#2563eb;height:100%;transition:width .25s}.survey-progress-labels{color:#94a3b8;justify-content:space-between;gap:10px;margin-top:7px;font-size:.8rem;display:flex}.survey-progress-labels .active{color:#1e3a8a;font-weight:700}.survey-question{border-bottom:1px solid #e2e8f0;padding:26px 0}.survey-question:first-child{padding-top:0}.survey-question-number{color:#2563eb;font-size:.85rem;font-weight:800}.survey-question h2{margin:5px 0 9px;font-size:1.18rem;line-height:1.4}.survey-question-help{color:#64748b;margin:0 0 14px}.survey-choice-group,.survey-multi-grid{gap:10px;display:grid}.survey-multi-grid{grid-template-columns:repeat(2,1fr)}.survey-choice-card{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:flex-start;gap:11px;padding:13px 15px;transition:all .15s;display:flex}.survey-choice-card:hover{border-color:#2563eb}.survey-choice-card.selected{background:#eff6ff;border-color:#2563eb}.survey-choice-card input{width:auto;min-height:0;margin-top:3px}.survey-selection-count{color:#64748b;margin-bottom:10px;font-size:.9rem}.survey-text-input,.survey-textarea{width:100%;font:inherit;border:1px solid #cbd5e1;border-radius:9px;padding:12px 13px}.survey-textarea{resize:vertical}.survey-path-heading{color:#1e3a8a;background:#eff6ff;border-radius:9px;margin:28px 0 3px;padding:12px 15px;font-weight:800}.survey-number-scale{grid-template-columns:repeat(11,1fr);gap:5px;margin:14px 0;display:grid}.survey-number-scale button{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;min-height:42px}.survey-number-scale button.selected{color:#fff;background:#2563eb;border-color:#2563eb}.survey-field-error{color:#b91c1c;margin-top:8px;font-size:.9rem}.survey-error-banner{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:9px;margin:0 0 20px;padding:13px 15px}.survey-save-status{text-align:right;color:#64748b;min-height:24px;margin-bottom:5px;font-size:.85rem}.survey-navigation{justify-content:space-between;gap:15px;padding-top:28px;display:flex}.survey-primary-button,.survey-secondary-button{cursor:pointer;border-radius:9px;min-height:46px;padding:10px 22px;font-weight:800}.survey-primary-button{color:#fff;background:#2563eb;border:1px solid #2563eb}.survey-secondary-button{color:#1e3a8a;background:#fff;border:1px solid #cbd5e1}.importance-matrix{margin-top:14px}.importance-row{border-bottom:1px solid #e2e8f0;grid-template-columns:220px 1fr;align-items:center;gap:18px;padding:13px 0;display:grid}.importance-label{font-weight:700}.importance-options{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.importance-rating{flex-direction:column;align-items:center;gap:4px;display:flex}.importance-rating input{width:auto;min-height:0}.importance-number{font-size:.85rem}.importance-mobile-label{display:none}@media (width<=700px){.public-survey-page{padding:12px 10px 40px}.survey-public-header{border-radius:14px;padding:20px}.survey-public-header h1{font-size:1.45rem}.survey-header-badge{width:75px;height:75px}.survey-card{padding:20px 16px}.survey-multi-grid{grid-template-columns:1fr}.survey-progress-labels{display:none}.survey-number-scale{grid-template-columns:repeat(6,1fr)}.importance-row{grid-template-columns:1fr;gap:10px;padding:18px 0}.importance-options{grid-template-columns:1fr}.importance-rating{flex-direction:row;justify-content:flex-start;padding:7px 0}.importance-mobile-label{display:inline}.survey-navigation{background:#fff;border-top:1px solid #e2e8f0;margin:24px -16px -20px;padding:14px 16px;position:sticky;bottom:0}}