body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.calendar-voting{box-sizing:border-box;width:100%}.calendar-intro{margin:0 auto 32px;max-width:720px;padding:0 16px;text-align:center}.calendar-intro__title{color:#1d1d1f;font-size:1.8rem;font-weight:700;letter-spacing:-.01em;margin:0 0 12px}.calendar-intro__description{color:#6d6d70;font-size:1rem;line-height:1.6;margin:0}.voting-header{margin-bottom:40px;text-align:center}.voting-header h2{color:#1d1d1f;font-size:1.8rem;font-weight:700;letter-spacing:-.01em;margin:0 0 12px}.section-description{color:#6d6d70;font-size:1.1rem;line-height:1.5;margin:0 auto;max-width:600px}.calendar-comparison{grid-gap:32px;box-sizing:border-box;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px;padding:0 16px;width:100%}.calendar-card{background:#fff;border:1px solid #e5e5ea;border-radius:18px;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;overflow:hidden;padding:20px;position:relative;transition:transform .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s cubic-bezier(.25,.46,.45,.94)}.calendar-card:hover{border-color:#d1d1d6;box-shadow:0 12px 40px #0000001f;transform:translateY(-4px)}.card-image{align-items:center;aspect-ratio:8.5/11;background:#f5f5f7;border-radius:12px;box-shadow:inset 0 0 0 1px #0000000f;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.card-image img{cursor:zoom-in;height:100%;object-fit:contain;transition:transform .4s cubic-bezier(.25,.46,.45,.94);width:100%}.calendar-card:hover .card-image img{transform:scale(1.03)}.card-preview-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1d1d1fbf;border:none;border-radius:999px;bottom:12px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:10px 14px;position:absolute;right:12px;transition:background .2s ease}.card-preview-btn:focus,.card-preview-btn:hover{background:#007affd9;outline:none}.card-content{display:flex;flex-direction:column;gap:12px}.card-content h3{color:#1d1d1f;font-size:1.25rem;font-weight:600;letter-spacing:-.01em;margin:0}.card-description{color:#6d6d70;font-size:.95rem;line-height:1.45;margin:0 0 4px}.ranking-control{margin-bottom:8px}.ranking-control label{color:#1d1d1f;display:block;font-size:.9rem;font-weight:500;margin-bottom:8px}.rank-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236d6d70' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:1.5px solid #d1d1d6;border-radius:10px;color:#1d1d1f;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 40px 12px 16px;transition:all .2s ease;width:100%}.rank-select:focus{box-shadow:0 0 0 4px #007aff1a;outline:none}.rank-select:focus,.rank-select:hover{border-color:#007aff}.rank-badge{border-radius:8px;display:flex;font-size:.85rem;font-weight:600;gap:8px;padding:8px 12px;transition:all .3s ease}.rank-badge.rank-1{background:linear-gradient(135deg,#34c759,#30d158);color:#fff}.rank-badge.rank-2{background:linear-gradient(135deg,#ff9f00,#ffb340);color:#fff}.rank-badge.rank-3{background:linear-gradient(135deg,#ff3b30,#ff6961);color:#fff}.rank-badge.vote-badge{width:90%}.rank-number{font-size:1rem;font-weight:700}.rank-label{font-size:.8rem;opacity:.9}.calendar-preview{display:grid;inset:0;padding:24px;place-items:center;pointer-events:none;position:fixed;z-index:1400}.calendar-preview__backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;inset:0;pointer-events:auto;position:absolute}.calendar-preview__content{--calendar-preview-max-height:min(90vh,calc(100vh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 48px));background:#fff;border-radius:16px;box-shadow:0 24px 80px #00000047;display:flex;flex-direction:column;height:var(--calendar-preview-max-height);margin:env(safe-area-inset-top,0) auto env(safe-area-inset-bottom,0);max-height:var(--calendar-preview-max-height);max-width:min(92vw,900px);overflow:hidden;pointer-events:auto;position:relative;width:100%;z-index:1}.calendar-preview__close{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;position:absolute;right:12px;top:12px;width:32px}.calendar-preview__close:focus,.calendar-preview__close:hover{background:#007affe6;outline:none}.calendar-preview__body{--calendar-preview-padding-top:clamp(8px,1.5vh,12px);--calendar-preview-padding-bottom:clamp(4px,1vh,6px);align-items:center;background:#f9f9fb;display:flex;flex:1 1;justify-content:center;min-height:0;overflow:auto;padding:var(--calendar-preview-padding-top) clamp(18px,4vw,32px) var(--calendar-preview-padding-bottom)}.calendar-preview__body img{box-shadow:0 12px 30px #0000001f;display:block;height:auto;max-height:max(0px,calc(100% - var(--calendar-preview-padding-top) - var(--calendar-preview-padding-bottom)));max-width:100%;object-fit:contain;width:auto}.calendar-preview__actions{align-items:center;border-top:1px solid #e5e5ea;color:#1d1d1f;display:flex;font-size:.95rem;gap:16px;justify-content:space-between;padding:16px 24px}.calendar-preview__open-link{color:#007aff;font-weight:600}.ranking-hint-section{background:#ffffffe6;border:1px solid #e5e5ea;border-radius:12px;margin-top:20px;padding:20px;text-align:center}.ranking-hint{color:#8e8e93;font-size:.95rem;font-weight:500;margin:0}.floating-continue-container{animation:slideUpFade .4s ease-out;bottom:calc(28px + env(safe-area-inset-bottom, 0px));display:flex;justify-content:center;left:0;padding:0 20px;pointer-events:none;position:fixed;right:0;z-index:1200}.floating-continue-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#007aff,#0056d6);border:2px solid #ffffff1a;border-radius:50px;box-shadow:0 8px 32px #007aff66;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:-.01em;max-width:360px;min-width:0;padding:18px 36px;pointer-events:auto;text-transform:none;transition:all .3s cubic-bezier(.25,.46,.45,.94);width:100%}.floating-continue-btn:hover{background:linear-gradient(135deg,#0056d6,#003d99);box-shadow:0 12px 40px #007aff80;transform:translateY(-3px)}.floating-continue-btn:active{box-shadow:0 8px 32px #007aff66;transform:translateY(-1px)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1200px){.calendar-comparison{gap:32px;grid-template-columns:repeat(3,1fr);padding:0}}@media (min-width:1024px) and (max-width:1199px){.calendar-comparison{gap:28px;grid-template-columns:repeat(3,1fr)}}@media (min-width:900px) and (max-width:1023px){.calendar-comparison{gap:24px;grid-template-columns:repeat(3,1fr)}}@media (min-width:769px) and (max-width:899px){.calendar-comparison{gap:24px;grid-template-columns:repeat(2,1fr)}.calendar-card:last-child{grid-column:1/-1;margin:0 auto;max-width:450px}}@media (max-width:768px){.calendar-intro{margin-bottom:24px}.calendar-intro__title{font-size:1.5rem}.calendar-intro__description{font-size:.95rem}.voting-header h2{font-size:1.5rem}.section-description{font-size:1rem;padding:0 16px}.calendar-comparison{gap:24px;grid-template-columns:1fr;padding:0 12px}.calendar-card{gap:16px;padding:16px}.card-content h3{font-size:1.15rem}.card-description{font-size:.9rem}.rank-select{font-size:.95rem;padding:10px 14px}.rank-badge{font-size:.8rem;padding:6px 10px}.card-preview-btn{bottom:8px;font-size:.8rem;padding:8px 12px;right:8px}.calendar-preview__content{--calendar-preview-max-height:min(94vh,calc(100vh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 32px));max-width:min(94vw,640px)}.calendar-preview__actions{align-items:flex-start;flex-direction:column;font-size:.9rem;gap:8px}.calendar-preview{padding:16px}.calendar-preview__content{border-radius:14px}.calendar-preview__body{--calendar-preview-padding-top:clamp(24px,6vh,32px);--calendar-preview-padding-bottom:clamp(12px,5vh,20px);padding:var(--calendar-preview-padding-top) clamp(14px,6vw,18px) var(--calendar-preview-padding-bottom)}.floating-continue-container{bottom:calc(48px + env(safe-area-inset-bottom, 0px));padding:0 16px}.floating-continue-btn{border-radius:16px;font-size:1rem;padding:16px 20px}.ranking-hint{font-size:.9rem}}@media (max-width:480px){.calendar-intro__title{font-size:1.3rem}.calendar-intro__description{font-size:.9rem}.calendar-card{padding:14px}.card-content h3{font-size:1.1rem}.card-description{font-size:.85rem;margin-bottom:12px}.ranking-control label{font-size:.85rem}.rank-select{font-size:.9rem;padding:9px 12px}.calendar-preview__content{--calendar-preview-max-height:min(96vh,calc(100vh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 24px));border-radius:12px}.calendar-preview__body{--calendar-preview-padding-top:clamp(20px,7vh,28px);--calendar-preview-padding-bottom:clamp(10px,6vh,16px);padding:var(--calendar-preview-padding-top) clamp(12px,8vw,16px) var(--calendar-preview-padding-bottom)}.floating-continue-container{bottom:calc(44px + env(safe-area-inset-bottom, 0px));padding:0 14px}.floating-continue-btn{font-size:.95rem;padding:14px 18px}}.instruction-modal{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:fixed;z-index:1300}.instruction-modal__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border-radius:20px;inset:0;pointer-events:auto;position:absolute}.instruction-modal__content{animation:modalSlideUp .4s cubic-bezier(.25,.46,.45,.94);background:#fff;border-radius:20px;box-shadow:0 32px 80px #00000059;max-width:min(90vw,500px);padding:40px 32px;pointer-events:auto;position:relative;text-align:center;width:auto;z-index:1}.instruction-modal__content h2{color:#1d1d1f;font-size:1.6rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0 0 32px}.instruction-modal__button{background:linear-gradient(135deg,#007aff,#0056d6);border:none;border-radius:12px;box-shadow:0 8px 24px #007aff4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;min-width:160px;padding:16px 32px;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.instruction-modal__button:hover{background:linear-gradient(135deg,#0056d6,#003d99);box-shadow:0 12px 32px #007aff66;transform:translateY(-2px)}.instruction-modal__button:active{box-shadow:0 8px 24px #007aff4d;transform:translateY(-1px)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.instruction-modal__content{max-width:min(94vw,400px);padding:32px 24px}.instruction-modal__content h2{font-size:1.4rem;margin-bottom:24px}.instruction-modal__button{font-size:1rem;padding:14px 28px;width:100%}}@media (max-width:480px){.instruction-modal__content{padding:28px 20px}.instruction-modal__content h2{font-size:1.25rem}.instruction-modal__button{font-size:.95rem;padding:12px 24px}}.survey-data-container,body,html{background:linear-gradient(135deg,#667eea,#764ba2)}.survey-data-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:0}.login-section{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;box-shadow:0 20px 60px #00000026;max-width:500px;padding:60px;text-align:center}.login-header h1{font-size:2.5rem;font-weight:800;letter-spacing:-.03em;margin:0 0 16px}.login-header p{color:#6d6d70;font-size:1.1rem;margin:0 0 40px}.login-form{display:flex;flex-direction:column;gap:24px}.form-group{text-align:left}.form-group label{font-size:1rem;font-weight:600}.form-group input{background:#f8f9fa;border:2px solid #e5e5ea;border-radius:12px;box-sizing:border-box;color:#1d1d1f;font-size:1rem;padding:16px 20px;transition:all .3s ease;width:100%}.form-group input:focus{background:#fff;border-color:#007aff;box-shadow:0 0 0 4px #007aff1a;outline:none}.login-btn{background:linear-gradient(135deg,#007aff,#0056d6);border:none;border-radius:12px;box-shadow:0 8px 24px #007aff4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:18px 36px;transition:all .3s ease}.login-btn:hover{background:linear-gradient(135deg,#0056d6,#003d99);box-shadow:0 12px 32px #007aff66;transform:translateY(-2px)}.error-message{background:#ff3b30;border-radius:12px;color:#fff;font-size:.95rem;font-weight:500;margin:0;padding:16px 20px}.data-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #fff3;padding:20px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 20px}.header-title h1{color:#1d1d1f;font-size:2rem;font-weight:700;letter-spacing:-.02em;margin:0 0 4px}.submission-count{color:#6d6d70;font-size:.9rem;font-weight:500}.header-actions{align-items:center;display:flex;gap:12px}.header-actions button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.btn-icon{font-size:1.1rem}.export-btn{background:#34c759;color:#fff}.export-btn:hover:not(:disabled){background:#2fb344;transform:translateY(-1px)}.export-btn:disabled{background:#e5e5ea;color:#8e8e93;cursor:not-allowed}.refresh-btn{background:#007aff;color:#fff}.refresh-btn:hover{background:#0056d6;transform:translateY(-1px)}.logout-btn{background:#8e8e93;color:#fff}.logout-btn:hover{background:#6d6d70;transform:translateY(-1px)}.error-state,.loading-state{margin:40px auto;max-width:1400px;padding:0 20px;text-align:center}.loading-state{color:#fffc;font-size:1.1rem;font-weight:500}.error-state{background:#ff3b301a;border:1px solid #ff3b3033;border-radius:16px;font-weight:500;padding:20px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:40px auto;max-width:1400px;padding:0 20px}.stat-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;box-shadow:0 4px 20px #00000014;display:flex;gap:16px;transition:transform .3s ease}.stat-card:hover{transform:translateY(-2px)}.stat-icon{font-size:2rem;opacity:.8}.stat-content{flex:1 1}.stat-number{color:#1d1d1f;font-size:1rem;font-weight:700;line-height:1.1;margin:0 0 4px}.stat-label{font-weight:500;letter-spacing:.5px;text-transform:uppercase}.controls-section{margin:0 auto;max-width:1400px;padding:20px}.search-controls{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:24px}.search-box{margin-bottom:20px}.search-input{background:#f8f9fa;border:2px solid #e5e5ea;border-radius:12px;box-sizing:border-box;color:#1d1d1f;font-size:1rem;padding:16px 20px;transition:all .3s ease;width:100%}.search-input:focus{background:#fff;border-color:#007aff;box-shadow:0 0 0 4px #007aff1a;outline:none}.filter-controls{gap:16px}.filter-select,.sort-select{background:#fff;border:2px solid #e5e5ea;border-radius:10px;color:#1d1d1f;cursor:pointer;flex:1 1;font-size:.95rem;padding:12px 16px;transition:border-color .3s ease}.filter-select:focus,.sort-select:focus{border-color:#007aff;outline:none}.submissions-list{display:flex;flex-direction:column;gap:20px;margin:20px auto 40px;max-width:1400px;padding:0 20px}.submission-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:18px;box-shadow:0 4px 20px #00000014;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.submission-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.submission-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e5e5ea;display:flex;justify-content:space-between;padding:20px 24px}.submission-meta{align-items:center;display:flex;gap:16px}.submission-id{color:#007aff;font-size:1.1rem;font-weight:600;margin:0}.submission-date{color:#6d6d70;font-size:.9rem;font-weight:500}.submission-email{color:#1d1d1f;font-size:.95rem;font-weight:500}.submission-content{display:flex;flex-direction:column;gap:24px;padding:24px}.calendar-section h4,.questionnaire-section h4{align-items:center;color:#1d1d1f;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:0 0 16px}.calendar-section h4:before{content:"📅";font-size:1rem}.questionnaire-section h4:before{content:"📝";font-size:1rem}.calendar-data{display:flex;flex-direction:column;gap:12px}.preference-item{align-items:flex-start;display:flex;gap:12px}.preference-item label{color:#6d6d70;font-size:.9rem;font-weight:600;letter-spacing:.5px;min-width:80px;text-transform:uppercase}.preference-value{color:#1d1d1f;font-size:.95rem;font-weight:500}.rankings-list{display:flex;flex-direction:column;gap:12px}.ranking-item{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border:1px solid #ffffff73;border-radius:14px;box-shadow:0 10px 30px #11111114;display:flex;gap:16px;padding:14px 18px;position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.ranking-item:hover{border-color:#007aff40;box-shadow:0 16px 34px #1111111f;transform:translateY(-2px)}.ranking-item:before{border-radius:14px;content:"";inset:0;opacity:.85;pointer-events:none;position:absolute}.ranking-item.rank-1:before{background:linear-gradient(135deg,#34c75947,#30d1581f)}.ranking-item.rank-2:before{background:linear-gradient(135deg,#ff9f0047,#ffb3401f)}.ranking-item.rank-3:before{background:linear-gradient(135deg,#ff3b303d,#ff69611a)}.ranking-item .rank-badge,.ranking-item .rank-text{position:relative;z-index:1}.rank-badge{align-items:center;border-radius:12px;box-shadow:0 6px 16px #1111112e;color:#fff;display:inline-flex;flex-shrink:0;font-size:1rem;font-weight:700;height:36px;justify-content:center;width:36px}.rank-badge.rank-1{background:linear-gradient(135deg,#2fb344,#34c759)}.rank-badge.rank-2{background:linear-gradient(135deg,#ff8f00,#ffb340)}.rank-badge.rank-3{background:linear-gradient(135deg,#ff453a,#ff6961)}.rank-text{color:#1d1d1f;font-size:.95rem;font-weight:600;line-height:1.4}.answers-list{display:flex;flex-direction:column;gap:16px}.answer-item{border-left:3px solid #007aff;padding-left:16px}.question-text{color:#1d1d1f;font-size:.9rem;font-weight:600;line-height:1.4;margin-bottom:6px}.answer-text{color:#6d6d70;font-size:.95rem;line-height:1.5}.answer-text.textarea-answer{word-wrap:break-word;background:#f8f9fa;border-radius:8px;padding:12px 16px;white-space:pre-wrap}.pagination{align-items:center;display:flex;gap:12px;justify-content:center;margin:40px auto;max-width:1400px;padding:0 20px}.pagination-btn{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:10px;color:#fff;font-size:.9rem;font-weight:500;padding:10px 16px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#fff3;border-color:#ffffff80;transform:translateY(-1px)}.pagination-info{color:#ffffffe6;font-weight:500;margin:0 16px}.no-data{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:20px;box-shadow:0 4px 20px #00000014;color:#6d6d70;font-size:1.1rem;font-weight:500;margin:60px auto;max-width:1400px;padding:60px 20px;text-align:center}@media (max-width:768px){.survey-data-container{padding:0}.login-card{border-radius:16px;margin:20px;padding:40px 30px}.login-header h1{font-size:2rem}.header-content{flex-direction:column;gap:16px;padding:0 16px}.header-actions{flex-wrap:wrap;justify-content:center}.stats-grid{grid-template-columns:1fr;padding:0 16px}.controls-section{padding:16px}.filter-controls{flex-direction:column}.submissions-list{padding:0 16px}.submission-header{gap:8px;padding:16px 20px}.submission-header,.submission-meta{align-items:flex-start;flex-direction:column}.submission-meta{gap:4px}.submission-content{padding:20px}.preference-item{flex-direction:column;gap:6px}.preference-item label{min-width:auto}.pagination{flex-wrap:wrap;gap:8px}.pagination-btn{font-size:.85rem;padding:8px 12px}.pagination-info{margin:0 0 16px;order:-1;text-align:center;width:100%}}@media (max-width:480px){.login-card{padding:30px 20px}.login-header h1{font-size:1.7rem}.data-header{position:static}.header-title h1{font-size:1.5rem}.stat-card{flex-direction:column;gap:12px;text-align:center}.search-controls,.stat-card{padding:20px}.submission-content{gap:20px;padding:16px}.ranking-item{gap:10px}.rank-badge{font-size:.75rem;height:22px;width:22px}.rank-text{font-size:.9rem}}.emoji-scale-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:560px;padding:24px 0}.emoji-option{align-items:center;aspect-ratio:1;background:#f8f9fa;border:2px solid #e5e5ea;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:16px;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.emoji-option:hover{background:#f2f2f7;border-color:#d1d1d6;transform:translateY(-2px)}.emoji-option:focus{border-color:#007aff;box-shadow:0 0 0 4px #007aff1a;outline:none}.emoji-option.selected{background:#007aff14;border-color:#007aff;box-shadow:0 4px 20px #007aff33}.emoji-option.selected .emoji{transform:scale(1.1)}.emoji-option.selected .emoji-label{color:#007aff;font-weight:600}.emoji{font-size:2.8rem;line-height:1;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.emoji-label{color:#6d6d70;font-size:.7rem;font-weight:500;line-height:1.2;text-align:center;transition:color .3s ease,font-weight .3s ease}@media (max-width:768px){.emoji-scale-options{gap:10px;max-width:480px;padding:20px 0}.emoji-option{border-radius:14px;gap:8px;padding:14px}.emoji{font-size:2.5rem}.emoji-label{font-size:.7rem}}@media (max-width:480px){.emoji-scale-options{gap:12px;grid-template-columns:repeat(2,1fr);max-width:280px}.emoji-option{border-radius:12px;gap:8px;padding:16px}.emoji{font-size:2.2rem}.emoji-label{font-size:.7rem}}.survey-layout{display:flex;min-height:100vh;width:100%}.survey-layout .survey-main-content{flex:1 1;min-width:0}.survey-sidebar{background:#fff;border-right:1px solid #e5e5ea;display:flex;flex-direction:column;height:100vh;left:0;min-width:300px;overflow:hidden;overscroll-behavior:contain;position:fixed;top:0;transition:width .3s ease,min-width .3s ease,transform .3s ease;width:300px;z-index:100}.survey-sidebar.collapsed{transform:translateX(-100%)}.survey-main-content{margin-left:300px;transition:margin-left .3s ease}.survey-layout.sidebar-collapsed .survey-main-content{margin-left:0}.sidebar-expand-btn{align-items:center;background:#fff;border:1px solid #e5e5ea;border-radius:50%;box-shadow:0 2px 12px #0000001a;color:#1d1d1f;cursor:pointer;display:none;height:48px;justify-content:center;left:20px;position:fixed;top:20px;transition:background .2s ease,transform .2s ease;width:48px;z-index:99}.sidebar-expand-btn:hover{background:#f8f9fa;transform:scale(1.05)}.survey-layout.sidebar-collapsed .sidebar-expand-btn{display:flex}.sidebar-header{align-items:center;border-bottom:1px solid #e5e5ea;display:flex;justify-content:space-between;min-height:72px;padding:20px}.sidebar-title{color:#1d1d1f;font-size:1.1rem;font-weight:600;margin:0}.sidebar-close-btn{align-items:center;background:#f2f2f7;border:none;border-radius:8px;color:#6d6d70;cursor:pointer;display:none;height:32px;justify-content:center;width:32px}.sidebar-close-btn:hover{background:#e5e5ea}.collapse-toggle-btn{align-items:center;background:#f2f2f7;border:none;border-radius:8px;color:#6d6d70;cursor:pointer;display:flex;height:32px;justify-content:center;min-width:32px;transition:background .2s ease,transform .2s ease;width:32px}.collapse-toggle-btn:hover{background:#e5e5ea}.collapse-toggle-btn svg{transition:transform .3s ease}.sidebar-progress{border-bottom:1px solid #e5e5ea;padding:20px}.progress-bar-container{background:#f2f2f7;border-radius:4px;height:8px;margin-bottom:10px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#34c759,#30d158);border-radius:4px;height:100%;transition:width .3s ease}.progress-text{color:#6d6d70;font-size:.85rem;text-align:center}.sidebar-nav{flex:1 1;overflow-y:auto;overscroll-behavior:contain;padding:8px 0}.category-section{border-bottom:1px solid #f2f2f7}.category-section:last-child{border-bottom:none}.category-header{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:14px 20px;text-align:left;transition:background .2s ease;width:100%}.category-header:hover{background:#f8f9fa}.category-info{align-items:center;display:flex;gap:10px}.category-name{font-size:.9rem;font-weight:600}.category-progress{background:#f2f2f7;border-radius:10px;color:#8e8e93;font-size:.75rem;padding:2px 8px}.category-chevron{align-items:center;color:#8e8e93;display:flex;transition:transform .2s ease}.category-section.expanded .category-chevron{transform:rotate(180deg)}.category-questions{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.category-section.expanded .category-questions{max-height:1000px}.sidebar-question-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:12px;padding:10px 20px 10px 32px;text-align:left;transition:background .2s ease;width:100%}.sidebar-question-item:hover:not(:disabled){background:#f8f9fa}.sidebar-question-item:disabled{cursor:not-allowed}.question-indicator{align-items:center;background:#e5e5ea;border-radius:50%;color:#8e8e93;display:flex;font-size:.75rem;font-weight:600;height:24px;justify-content:center;min-width:24px;transition:all .2s ease;width:24px}.question-text{color:#3c3c43;font-size:.85rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-question-item.current{background:#007aff14;border-left:3px solid #007aff;padding-left:29px}.sidebar-question-item.current .question-indicator{background:#007aff;color:#fff}.sidebar-question-item.current .question-text{color:#007aff;font-weight:500}.sidebar-question-item.answered .question-indicator{background:#34c759;color:#fff}.sidebar-question-item.accessible .question-indicator{background:#fff;border:2px solid #007aff;color:#007aff}.sidebar-question-item.locked{opacity:.5}.sidebar-question-item.locked .question-indicator{background:#e5e5ea;color:#8e8e93}.sidebar-question-item.locked .question-text{color:#8e8e93}.questions-list{padding:8px 0}.questions-list .sidebar-question-item{padding-left:20px}.questions-list .sidebar-question-item.current{padding-left:17px}.sidebar-footer{border-top:1px solid #e5e5ea;padding:16px 20px}.jump-to-next-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 16px;transition:opacity .2s ease,transform .2s ease;width:100%}.jump-to-next-btn:hover{opacity:.9;transform:translateY(-1px)}.jump-to-next-btn:active{transform:translateY(0)}.mobile-menu-toggle{align-items:center;background:#fff;border:1px solid #e5e5ea;border-radius:12px;box-shadow:0 2px 12px #0000001a;color:#1d1d1f;cursor:pointer;display:none;height:44px;justify-content:center;left:16px;position:fixed;top:16px;width:44px;z-index:998}.mobile-menu-toggle:hover{background:#f8f9fa}.sidebar-overlay{background:#00000080;display:none;inset:0;opacity:0;position:fixed;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:999}.sidebar-overlay.visible{opacity:1;visibility:visible}@media (max-width:1024px){.survey-sidebar{min-width:260px;width:260px}.survey-main-content{margin-left:260px}.survey-layout.sidebar-collapsed .survey-main-content{margin-left:0}}@media (max-width:768px){.survey-layout{flex-direction:column}.mobile-menu-toggle,.sidebar-close-btn{display:flex}.collapse-toggle-btn{display:none}.sidebar-expand-btn{display:none!important}.sidebar-overlay{display:block}.survey-sidebar{box-shadow:2px 0 20px #00000026;height:100vh;left:0;min-width:300px;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:300px;z-index:1000}.survey-sidebar.open{transform:translateX(0)}.survey-main-content{margin-left:0;width:100%}.survey-layout.sidebar-collapsed .survey-main-content{margin-left:0}.survey-main-content .survey-section:first-child .section-content{margin-top:60px}}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:#d1d1d6;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#8e8e93}.survey-container{background:#f8f9fa;min-height:100vh;position:relative}.survey-container,body,html{overflow-x:hidden;width:100%}body,html{-ms-overflow-style:none;margin:0;min-height:100%;overflow-y:auto;padding:0;scrollbar-width:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}.survey-container .survey-section{align-items:center;display:flex;justify-content:center;min-height:100vh;opacity:0;padding:20px 20px 40px;position:relative;transform:translateY(50px);transition:opacity .8s ease,transform .8s ease}.survey-container .survey-section.active{opacity:1;transform:translateY(0)}.section-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 60px #00000026;box-sizing:border-box;max-width:800px;padding:60px;text-align:center;width:100%}.intro-section .section-content h1{color:#1d1d1f;font-size:3rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:0 0 30px}.intro-description{color:#6d6d70;font-size:1.2rem;line-height:1.6;margin:0 auto 40px;max-width:600px}.cta-btn{background:#007aff;border:none;border-radius:12px;box-shadow:0 4px 15px #007aff4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:18px 36px;transition:all .3s ease}.cta-btn:hover:not(.disabled){background:#0056cc;box-shadow:0 6px 20px #007aff66;transform:translateY(-2px)}.cta-btn.disabled{background:#e5e5ea;box-shadow:none;color:#8e8e93;cursor:not-allowed}.email-input-section{margin-bottom:30px}.email-label{display:block;font-weight:600;margin-bottom:12px;text-align:left}.email-input,.email-label{color:#1d1d1f;font-size:1rem}.email-input{background:#f8f9fa;border:2px solid #e5e5ea;border-radius:12px;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;padding:16px 20px;transition:border-color .3s ease,background-color .3s ease;width:100%}.email-input:focus{background:#fff;border-color:#007aff;outline:none}.email-input::placeholder{color:#8e8e93}.calendar-section .section-content{max-width:1200px;padding:40px}.questions-intro-section .section-content h1{color:#1d1d1f;font-size:2.5rem;font-weight:700;margin:0 0 20px}.question-section .section-content{max-width:700px;text-align:left}.question-header{margin-bottom:40px;text-align:center}.question-number{background:#f2f2f7;border-radius:20px;color:#8e8e93;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:20px;padding:8px 16px}.question-header h2{color:#1d1d1f;font-size:1.8rem;font-weight:700;line-height:1.3;margin:20px 0 0}.optional-label{color:#8e8e93;display:block;font-size:.9rem;font-weight:500;margin-top:8px}.radio-options{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.radio-option{align-items:center;background:#f8f9fa;border:2px solid #e5e5ea;border-radius:12px;cursor:pointer;display:flex;padding:20px;position:relative;transition:all .3s ease}.radio-option:hover{background:#f2f2f7;border-color:#d1d1d6}.radio-option input[type=radio]{margin:0;opacity:0;position:absolute}.radio-checkmark{border:2px solid #d1d1d6;border-radius:50%;flex-shrink:0;height:20px;margin-right:16px;position:relative;transition:all .3s ease;width:20px}.radio-option input[type=radio]:checked+.radio-checkmark{background:#007aff;border-color:#007aff}.radio-option input[type=radio]:checked+.radio-checkmark:after{background:#fff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.option-text{color:#1d1d1f;font-size:1rem;font-weight:500;line-height:1.4}.radio-option input[type=radio]:checked~.option-text{color:#007aff;font-weight:600}.ranking-table{margin-bottom:40px}.ranking-header{background:#f2f2f7;border-radius:8px;color:#1d1d1f;font-weight:600;margin-bottom:12px}.ranking-header,.ranking-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;padding:16px 20px}.ranking-row{align-items:center;background:#f8f9fa;border:2px solid #e5e5ea;border-radius:8px;margin-bottom:8px}.category-name{color:#1d1d1f;font-weight:500}.ranking-select{background:#fff;border:2px solid #e5e5ea;border-radius:8px;color:#1d1d1f;cursor:pointer;font-size:1rem;padding:12px;transition:border-color .3s ease}.ranking-select:focus{border-color:#007aff;outline:none}.textarea-input{background:#f8f9fa;border:2px solid #e5e5ea;border-radius:12px;box-sizing:border-box;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:1rem;margin-bottom:40px;padding:20px;resize:vertical;transition:border-color .3s ease,background-color .3s ease;width:100%}.textarea-input:focus{background:#fff;border-color:#007aff;outline:none}.textarea-input::placeholder{color:#8e8e93}.section-navigation{justify-content:space-between;margin-top:40px}.nav-btn,.section-navigation{align-items:center;display:flex}.nav-btn{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;gap:8px;padding:16px 32px;transition:all .3s ease}.back-btn{background:#f2f2f7;color:#8e8e93}.back-btn:hover{background:#e5e5ea;color:#1d1d1f}.next-btn{background:#007aff;color:#fff;margin-left:auto}.next-btn:hover{background:#0056cc;transform:translateY(-1px)}.next-btn:disabled{background:#e5e5ea;color:#8e8e93;cursor:not-allowed;transform:none}.complete-section .section-content{text-align:center}.complete-icon{align-items:center;animation:checkmark-bounce .6s ease;background:#34c759;border-radius:50%;color:#fff;display:flex;font-size:36px;height:80px;justify-content:center;margin:0 auto 30px;width:80px}@keyframes checkmark-bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.section-content{animation:fadeInUp .6s ease}.complete-section h1{color:#1d1d1f;font-size:2.5rem;font-weight:700;margin:0 0 20px}.complete-section p{color:#6d6d70;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:500px}@media (max-width:768px){.survey-section{align-items:stretch;padding:20px 16px}.section-content{-webkit-overflow-scrolling:touch;max-height:calc(100vh - 40px);overflow-y:auto;overscroll-behavior:contain;padding:40px 30px;scrollbar-width:none}.section-content::-webkit-scrollbar{display:none}.calendar-section .section-content{padding-bottom:96px}.intro-section .section-content h1{font-size:2.2rem}.intro-description{font-size:1.1rem}.question-header h2{font-size:1.5rem}.complete-icon{font-size:28px;height:60px;width:60px}.complete-section h1{font-size:2rem}.radio-option{padding:16px}.nav-btn,.option-text{font-size:.95rem}.nav-btn{padding:14px 24px}}@media (max-width:480px){.survey-section{padding:16px 12px}.section-content{max-height:calc(100vh - 32px);padding:30px 20px}.intro-section .section-content h1{font-size:1.8rem}.intro-description{font-size:1rem}.question-header h2{font-size:1.3rem}.radio-option{padding:14px}.option-text{font-size:.9rem}.ranking-header,.ranking-row{gap:12px;grid-template-columns:1fr;text-align:center}.nav-btn{font-size:.9rem;padding:12px 20px}.section-navigation{flex-direction:column;gap:12px}.next-btn{margin-left:0}}.question-header{align-items:center;display:flex;flex-direction:column;gap:16px}.question-pills{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:center}.question-pills .category-badge,.question-pills .question-number{align-items:center;border-radius:20px;display:inline-flex;font-weight:600;justify-content:center;line-height:1;margin:0;padding:8px 16px;vertical-align:middle}.question-pills .category-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.75rem;letter-spacing:.03em;text-transform:uppercase}.question-pills .question-number{background:#0000000d;color:#8e8e93;font-size:.85rem;font-weight:500}.time-estimate{color:#8e8e93;font-size:.95rem;font-weight:500;margin-bottom:30px}.question-body{margin-bottom:20px}.climate-survey.grade-3-5,.climate-survey.grade-6-8,.climate-survey.grade-high-school,.climate-survey.grade-k2,.climate-survey.grade-virtual-hs,.climate-survey.grade-virtual-k8,.climate-survey.survey-container{background:#f8f9fa}.question-section .question-header,.question-section .section-content{text-align:center}.question-section .textarea-input{text-align:left}.question-section .section-navigation{gap:20px;justify-content:center}.question-section .section-navigation .next-btn{margin-left:0}.survey-progress{background:#fff3;height:4px;left:0;position:fixed;right:0;top:0;z-index:100}.survey-progress-bar{background:#34c759;height:100%;transition:width .3s ease}.survey-layout .survey-container{min-height:100vh;width:100%}.survey-layout .section-content{max-width:700px}.intro-buttons{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;justify-content:center}.auto-complete-btn{background:linear-gradient(135deg,#ff9500,#ff6b00)!important}.auto-complete-btn:hover{background:linear-gradient(135deg,#fa3,#ff8533)!important;transform:translateY(-2px)}@media (max-width:768px){.category-badge{font-size:.75rem;padding:5px 12px}.time-estimate{font-size:.9rem}.intro-buttons{flex-direction:column;gap:10px}}.login-container{align-items:center;background:#f5f5f7;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{animation:fadeInUp .6s ease-out;background:#fff;border:1px solid #e5e5ea;border-radius:20px;max-width:420px;padding:50px 40px;width:100%}.login-header{margin-bottom:35px;text-align:center}.login-logo{height:auto;margin-bottom:20px;width:64px}.login-header h1{color:#1d1d1f;font-size:1.8rem;font-weight:700;letter-spacing:-.02em;margin:0 0 12px}.login-header p{color:#6e6e73;font-size:1rem;line-height:1.5;margin:0}.login-error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:.9rem;margin-bottom:20px;padding:12px 16px;text-align:center}.google-login-btn{align-items:center;background:#fff;border:2px solid #e5e5e5;border-radius:12px;color:#1d1d1f;cursor:pointer;display:flex;font-size:1.05rem;font-weight:600;gap:12px;justify-content:center;padding:16px 24px;transition:all .2s ease;width:100%}.google-login-btn:hover:not(:disabled){background:#fafafa;border-color:#c7c7cc}.google-login-btn:active:not(:disabled){background:#f5f5f7}.google-login-btn:disabled{cursor:not-allowed;opacity:.7}.google-icon{height:22px;width:22px}.btn-loading{color:#6e6e73}.login-footer{border-top:1px solid #f0f0f0;margin-top:30px;padding-top:20px}.login-footer p{color:#8e8e93;font-size:.85rem;line-height:1.6;margin:0;text-align:center}@media (max-width:480px){.login-card{border-radius:16px;padding:40px 25px}.login-header h1{font-size:1.5rem}.login-header p{font-size:.95rem}.google-login-btn{font-size:1rem;padding:14px 20px}}.callback-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.callback-card{animation:fadeIn .4s ease-out;background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;max-width:400px;padding:50px 40px;text-align:center;width:100%}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.callback-card h2{color:#1d1d1f;font-size:1.4rem;font-weight:600;margin:25px 0 10px}.callback-card p{color:#6e6e73;font-size:.95rem;line-height:1.5;margin:0}.callback-spinner{animation:spin 1s linear infinite;border:4px solid #f0f0f5;border-radius:50%;border-top-color:#667eea;height:50px;margin:0 auto;width:50px}.callback-icon{align-items:center;border-radius:50%;display:flex;height:60px;justify-content:center;margin:0 auto;width:60px}.callback-icon svg{height:32px;width:32px}.callback-icon.error-icon{background:#fef2f2;color:#dc2626}.callback-card.error h2{color:#dc2626}.retry-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:25px;padding:14px 32px;transition:all .2s ease}.retry-btn:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.retry-btn:active{transform:translateY(0)}.dashboard-container{background:#f5f5f7;min-height:100vh;padding:20px}.dashboard-content{animation:fadeInUp .6s ease-out;margin:0 auto;max-width:600px}.dashboard-header{justify-content:space-between;margin-bottom:20px;padding:20px 0}.dashboard-header,.user-info{align-items:center;display:flex}.user-info{gap:15px}.user-avatar{align-items:center;background:#e5e5ea;border-radius:50%;display:flex;height:50px;justify-content:center;overflow:hidden;width:50px}.user-avatar img{height:100%;object-fit:cover;width:100%}.user-avatar span,.user-details h2{color:#1d1d1f;font-size:1.3rem;font-weight:600}.user-details h2{margin:0 0 4px}.user-details p{color:#6e6e73;font-size:.9rem;margin:0}.logout-btn{background:#fff;border:1px solid #d1d1d6;border-radius:10px;color:#1d1d1f;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.logout-btn:hover{background:#f5f5f7;border-color:#c7c7cc}.grade-badge{align-items:center;background:#fff;border:1px solid #e5e5ea;border-radius:30px;display:inline-flex;gap:10px;margin-bottom:30px;padding:10px 18px}.grade-label{color:#1d1d1f;font-size:.95rem;font-weight:600}.school-type{border-left:1px solid #e5e5ea;color:#6e6e73;font-size:.85rem;padding-left:10px}.survey-section{background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;padding:30px}.survey-section h3{color:#6e6e73;font-size:1.1rem;font-weight:600;letter-spacing:.05em;margin:0 0 20px;text-transform:uppercase}.survey-card{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:16px;display:flex;gap:20px;padding:25px;transition:all .2s ease}.survey-card.available{background:#fafafa;border-color:#1d1d1f}.survey-card.completed{background:#f0fdf4;border-color:#34c759}.survey-emoji{flex-shrink:0;font-size:2.5rem}.survey-info{flex:1 1}.survey-info h4{color:#1d1d1f;font-size:1.15rem;font-weight:600;margin:0 0 6px}.survey-info p{color:#6e6e73;font-size:.9rem;margin:0}.start-survey-btn{background:#1d1d1f;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 28px;transition:all .2s ease;white-space:nowrap}.start-survey-btn:hover{background:#333}.start-survey-btn:active{background:#1d1d1f}.survey-status{align-items:center;border-radius:10px;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 20px;white-space:nowrap}.survey-status.completed{background:#dcfce7;color:#15803d}.survey-status svg{height:20px;width:20px}.all-caught-up{flex-direction:column;padding:40px 20px;text-align:center}.all-caught-up,.caught-up-icon{align-items:center;display:flex}.caught-up-icon{background:#34c759;border-radius:50%;height:80px;justify-content:center;width:80px}.caught-up-icon svg{color:#fff;height:40px;width:40px}.all-caught-up h3{color:#1d1d1f;font-size:1.5rem;font-weight:700;letter-spacing:normal;margin:0 0 12px;text-transform:none}.all-caught-up p{color:#6e6e73;font-size:1rem;line-height:1.6;margin:0;max-width:350px}.dashboard-footer{margin-top:30px;text-align:center}.dashboard-footer p{color:#86868b;font-size:.9rem;margin:0}@media (max-width:600px){.dashboard-header{align-items:flex-start;flex-direction:column;gap:15px}.logout-btn{align-self:flex-end}.survey-card{flex-direction:column;padding:20px;text-align:center}.survey-info{width:100%}.start-survey-btn,.survey-status{justify-content:center;width:100%}.grade-badge{flex-direction:column;gap:5px;text-align:center}.school-type{border-left:none;padding-left:0}}.grade-selector-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.grade-selector-card{animation:fadeInUp .6s ease-out;background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;max-width:600px;padding:40px;width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.selector-header{margin-bottom:30px;text-align:center}.selector-header h1{color:#1d1d1f;font-size:1.8rem;font-weight:700;margin:0 0 12px}.selector-header p{color:#6e6e73;font-size:1rem;line-height:1.5;margin:0}.selector-error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:.9rem;margin-bottom:20px;padding:12px 16px;text-align:center}.selector-section{margin-bottom:30px}.section-label{color:#1d1d1f;display:block;font-size:.95rem;font-weight:600;margin-bottom:15px}.grade-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.grade-option{background:#f5f5f7;border:2px solid #0000;border-radius:10px;color:#1d1d1f;cursor:pointer;font-size:.9rem;font-weight:500;padding:14px 12px;transition:all .2s ease}.grade-option:hover{background:#e8e8ed;border-color:#d1d1d6}.grade-option.selected{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea;color:#667eea;font-weight:600}.school-type-options{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.school-type-option{align-items:center;background:#f5f5f7;border:2px solid #0000;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;padding:25px 20px;text-align:center;transition:all .2s ease}.school-type-option:hover{background:#e8e8ed;border-color:#d1d1d6}.school-type-option.selected{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea}.option-emoji{font-size:2rem;margin-bottom:10px}.option-label{color:#1d1d1f;font-size:1rem;font-weight:600;margin-bottom:5px}.school-type-option.selected .option-label{color:#667eea}.option-description{color:#8e8e93;font-size:.8rem}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:600;padding:16px;transition:all .2s ease;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:500px){.grade-selector-card{padding:30px 20px}.selector-header h1{font-size:1.5rem}.grade-grid{grid-template-columns:repeat(3,1fr)}.school-type-options{grid-template-columns:1fr}.school-type-option{padding:20px}}.navbar{background:#fff;border-bottom:1px solid #e5e5ea;height:64px;left:0;position:fixed;right:0;top:0;z-index:1000}.navbar-content{height:100%;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 24px}.navbar-content,.navbar-left{align-items:center;display:flex}.navbar-left{gap:32px}.navbar-logo{align-items:center;display:flex;gap:8px;text-decoration:none}.logo-image{height:36px;width:auto}.logo-text{color:#1d1d1f;font-size:1.25rem;font-weight:700}.navbar-links{align-items:center;display:flex;gap:8px}.nav-link{border-radius:8px;color:#6d6d70;font-size:.9rem;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .2s ease}.nav-link:hover{background:#f2f2f7;color:#1d1d1f}.nav-link.active{background:#007aff1a;color:#007aff}.navbar-right{align-items:center;display:flex}.profile-menu-container{position:relative}.profile-button{align-items:center;background:#0000;border:1px solid #e5e5ea;border-radius:24px;cursor:pointer;display:flex;gap:8px;padding:6px 12px 6px 6px;transition:all .2s ease}.profile-button:hover{background:#f8f9fa;border-color:#d1d1d6}.profile-avatar{align-items:center;background:#1d1d1f;border-radius:50%;display:flex;height:32px;justify-content:center;overflow:hidden;width:32px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.avatar-initial{color:#fff;font-size:.9rem;font-weight:600}.profile-name{color:#1d1d1f;font-size:.9rem;font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron-icon{color:#8e8e93;transition:transform .2s ease}.chevron-icon.open{transform:rotate(180deg)}.profile-dropdown{animation:dropdownFade .15s ease;background:#fff;border:1px solid #e5e5ea;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:240px}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.profile-info{display:flex;flex-direction:column;gap:4px;padding:16px}.profile-email{color:#6d6d70;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-role{color:#8e8e93;font-size:.75rem;text-transform:capitalize}.dropdown-divider{background:#e5e5ea;height:1px}.dropdown-item{align-items:center;background:#0000;border:none;color:#1d1d1f;cursor:pointer;display:flex;font-size:.9rem;gap:10px;padding:12px 16px;text-align:left;transition:background .2s ease;width:100%}.dropdown-item:hover{background:#f2f2f7}.logout-item{color:#ff3b30}.logout-item:hover{background:#ff3b301a}@media (max-width:768px){.navbar-content{padding:0 16px}.navbar-links,.profile-name{display:none}.profile-button{border:none;padding:4px}}.staff-dashboard{align-items:center;background:#f8f9fa;display:flex;justify-content:center;min-height:100vh;padding-top:64px}.staff-content{max-width:480px;padding:60px 24px;text-align:center}.caught-up-icon{margin-bottom:24px}.caught-up-title{color:#1d1d1f;font-size:2rem;font-weight:700;margin:0 0 16px}.caught-up-message{color:#3c3c43;font-size:1.1rem;line-height:1.5;margin:0 0 8px}.caught-up-subtitle{color:#8e8e93;font-size:.95rem;margin:0 0 32px}.staff-info-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;padding:20px}.info-row{align-items:center;display:flex;justify-content:space-between;padding:12px 0}.info-row:not(:last-child){border-bottom:1px solid #f2f2f7}.info-label{color:#6d6d70;font-size:.9rem}.info-value{color:#1d1d1f;font-size:.9rem;font-weight:500}.info-value.capitalize{text-transform:capitalize}.chart-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;overflow:hidden}.chart-header{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:20px 24px 16px}.chart-header-text{flex:1 1}.chart-title{color:#1d1d1f;font-size:1rem;font-weight:600;margin:0}.chart-subtitle{color:#6d6d70;font-size:.85rem;margin:4px 0 0}.chart-actions{display:flex;gap:8px}.chart-body{min-height:200px;padding:20px 24px 24px}.chart-empty,.chart-error,.chart-loading{align-items:center;color:#6d6d70;display:flex;flex-direction:column;justify-content:center;min-height:200px}.chart-spinner{animation:chart-spin .8s linear infinite;border:3px solid #e5e5ea;border-radius:50%;border-top-color:#667eea;height:32px;margin-bottom:12px;width:32px}@keyframes chart-spin{to{transform:rotate(1turn)}}.chart-error{color:#ff3b30}.chart-empty p,.chart-error p,.chart-loading p{font-size:.9rem;margin:0}.admin-filters{align-items:flex-end;display:flex;flex-shrink:0;gap:16px}.admin-filters__group{display:flex;flex-direction:column;gap:4px}.admin-filters__label{color:#6d6d70;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.admin-filters__select{-webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%238e8e93' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center;border:1px solid #e5e5ea;border-radius:8px;cursor:pointer;font-size:14px;min-width:130px;padding:10px 36px 10px 14px;transition:border-color .15s ease}.admin-filters__select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.admin-filters__select:hover{border-color:#c7c7cc}@media (max-width:768px){.admin-filters{align-items:stretch;flex-direction:column}.admin-filters__select{width:100%}}.admin-dashboard{background:#f8f9fa;min-height:100vh;padding-top:64px}.admin-header{background:#fff;border-bottom:1px solid #e5e5ea;padding:32px 0}.admin-header-content{margin:0 auto;max-width:1200px;padding:0 24px}.admin-header h1{color:#1d1d1f;font-size:1.75rem;font-weight:700;margin:0 0 8px}.admin-subtitle{color:#6d6d70;font-size:.95rem;margin:0}.admin-nav{background:#fff;border-bottom:1px solid #e5e5ea;position:-webkit-sticky;position:sticky;top:64px;z-index:100}.admin-nav-content{display:flex;gap:4px;margin:0 auto;max-width:1200px;overflow-x:auto;padding:0 24px}.admin-nav-link{border-bottom:2px solid #0000;color:#6d6d70;font-size:.9rem;font-weight:500;padding:16px 20px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.admin-nav-link:hover{color:#1d1d1f}.admin-nav-link.active{border-bottom-color:#007aff;color:#007aff}.admin-content{margin:0 auto;max-width:1200px;padding:32px 24px}.overview-page{display:flex;flex-direction:column;gap:32px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;padding:24px;text-align:center}.stat-value{color:#1d1d1f;font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:8px}.stat-label{color:#6d6d70;font-size:.9rem}.stat-progress{background:#e5e5ea;border-radius:3px;height:6px;margin-top:12px;overflow:hidden}.stat-progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;height:100%;transition:width .8s ease}.charts-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr}.chart-wide{grid-column:1}.chart-narrow{grid-column:2}.alerts-section{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;padding:24px}.alerts-section h2{color:#1d1d1f;font-size:1.1rem;font-weight:600;margin:0 0 16px}.alerts-list{display:flex;flex-direction:column;gap:12px}.alert-card{align-items:center;background:#f8f9fa;border-left:4px solid #0000;border-radius:12px;display:flex;gap:16px;padding:16px}.alert-card.alert-critical{background:#fff5f5;border-left-color:#ff3b30}.alert-card.alert-warning{background:#fffbf5;border-left-color:#ff9500}.alert-card.alert-info{background:#f5f9ff;border-left-color:#007aff}.alert-icon{align-items:center;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:32px;justify-content:center;width:32px}.alert-content{flex:1 1;min-width:0}.alert-title{color:#1d1d1f;font-size:.95rem;font-weight:600;margin-bottom:2px}.alert-message{color:#6d6d70;font-size:.85rem}.alert-type{color:#8e8e93;font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.quick-actions h2{color:#1d1d1f;font-size:1.25rem;font-weight:600;margin:0 0 16px}.actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.action-card{align-items:flex-start;background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;display:flex;gap:16px;padding:20px;text-decoration:none;transition:all .2s ease}.action-card:hover{box-shadow:0 4px 20px #0000001a;transform:translateY(-2px)}.action-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.action-text{display:flex;flex-direction:column;gap:4px}.action-title{color:#1d1d1f;font-size:1rem;font-weight:600}.action-desc{color:#6d6d70;font-size:.85rem}@media (max-width:1024px){.charts-row{grid-template-columns:1fr}.chart-narrow,.chart-wide{grid-column:1}}@media (max-width:768px){.admin-header{padding:24px 0}.admin-header h1{font-size:1.5rem}.admin-content{padding:24px 16px}.stat-card{padding:20px}.stat-value{font-size:2rem}.alert-card{flex-wrap:wrap}.alert-type{margin-top:8px;width:100%}.actions-grid{grid-template-columns:1fr}}.admin-page{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;padding:24px}.page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.page-header h2{color:#1d1d1f;font-size:1.5rem;font-weight:600;margin:0}.page-description{color:#6d6d70;font-size:.9rem;margin:4px 0 0}.filter-controls{align-items:center;display:flex;gap:8px}.filter-controls label{color:#6d6d70;font-size:.9rem}.filter-controls select{-webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%238e8e93' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid #e5e5ea;border-radius:8px;cursor:pointer;font-size:.9rem;padding:8px 32px 8px 12px}.filter-controls select:hover{border-color:#d1d1d6}.filter-controls select:focus{border-color:#007aff;outline:none}.data-table-container{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table td,.data-table th{border-bottom:1px solid #f2f2f7;padding:12px 16px;text-align:left}.data-table th{background:#f8f9fa;color:#6d6d70;font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.data-table td{color:#1d1d1f;font-size:.9rem}.data-table code{background:#f2f2f7;border-radius:4px;color:#667eea;font-size:.85em;padding:2px 6px}.data-table tbody tr:hover{background:#f8f9fa}.progress-cell{align-items:center;display:flex;gap:12px}.progress-cell .progress-bar{background:linear-gradient(90deg,#34c759,#30d158);border-radius:4px;flex:1 1;height:8px;max-width:150px;min-width:50px}.progress-cell span{font-weight:500;min-width:40px}.empty-state{color:#8e8e93;padding:40px 20px!important;text-align:center}.loading-state{align-items:center;color:#6d6d70;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e5e5ea;border-radius:50%;border-top-color:#007aff;height:40px;margin-bottom:16px;width:40px}.error-state{color:#ff3b30;padding:40px 20px;text-align:center}.export-form{max-width:500px}.form-group{margin-bottom:24px}.form-group label{color:#1d1d1f;display:block;font-size:.9rem;font-weight:500;margin-bottom:8px}.form-group select{-webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%238e8e93' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 16px center;border:1px solid #e5e5ea;border-radius:10px;cursor:pointer;font-size:.95rem;padding:12px 40px 12px 16px;width:100%}.radio-group{display:flex;flex-direction:column;gap:12px}.radio-label{align-items:flex-start;background:#f8f9fa;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:background .2s ease}.radio-label:hover{background:#f2f2f7}.radio-label input[type=radio]{margin-top:2px}.radio-label span:first-of-type{color:#1d1d1f;font-weight:500}.radio-desc{color:#6d6d70;display:block;font-size:.85rem;margin-top:2px}.export-note{background:#007aff14;border-radius:10px;color:#007aff;display:flex;gap:12px;margin-bottom:24px;padding:16px}.export-note svg{flex-shrink:0;margin-top:2px}.export-note p{font-size:.85rem;line-height:1.5;margin:0}.export-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;padding:14px 24px;transition:opacity .2s ease,transform .2s ease;width:100%}.export-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.export-button:disabled{cursor:not-allowed;opacity:.7}.button-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.page-subtitle{color:#6d6d70;font-size:.9rem;margin:4px 0 0}.response-rates-page{background:#0000;box-shadow:none;padding:0}.response-rates-page .page-header{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;margin-bottom:24px;padding:24px}.rr-chart{margin-bottom:24px}.rr-table-section{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;padding:24px}.rr-table-section h3{color:#1d1d1f;font-size:1.1rem;font-weight:600;margin:0 0 16px}.rr-tooltip{background:#fff;border:1px solid #e5e5ea;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:12px}.rr-tooltip-name{color:#1d1d1f;font-weight:600;margin:0 0 6px}.rr-tooltip-rate{color:#1d1d1f;font-size:1rem;margin:0 0 4px}.rr-tooltip-detail{color:#6d6d70;font-size:.85rem;margin:0}.rr-cell-name{font-weight:500}.rr-drilldown-btn{background:#007aff1a;border:none;border-radius:6px;color:#007aff;cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 12px;transition:background .2s ease}.rr-drilldown-btn:hover{background:#007aff33}.rr-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:1000}.rr-modal{background:#fff;border-radius:16px;display:flex;flex-direction:column;max-height:80vh;max-width:700px;overflow:hidden;width:100%}.rr-modal-header{align-items:flex-start;border-bottom:1px solid #e5e5ea;display:flex;justify-content:space-between;padding:24px}.rr-modal-header h3{color:#1d1d1f;font-size:1.25rem;font-weight:600;margin:0}.rr-modal-subtitle{color:#6d6d70;font-size:.9rem;margin:4px 0 0}.rr-modal-close{background:#f2f2f7;border:none;border-radius:50%;color:#6d6d70;cursor:pointer;font-size:1.5rem;height:32px;line-height:1;width:32px}.rr-modal-close:hover{background:#e5e5ea;color:#1d1d1f}.rr-modal-body{overflow-y:auto;padding:24px}.rr-drilldown-table{margin-top:24px}.comparison-page{background:#0000;box-shadow:none;padding:0}.comparison-page .page-header,.cp-selectors{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;margin-bottom:24px;padding:24px}.cp-selectors{display:flex;flex-wrap:wrap;gap:24px}.cp-selector{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:200px}.cp-selector label{color:#6d6d70;font-size:.8rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.cp-selector select{-webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%238e8e93' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 16px center;border:1px solid #e5e5ea;border-radius:10px;cursor:pointer;font-size:.95rem;padding:12px 40px 12px 16px}.cp-questions{display:flex;flex-direction:column;gap:24px}.cp-question-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;padding:24px}.cp-question-header{margin-bottom:20px}.cp-question-text{color:#1d1d1f;font-size:1rem;font-weight:500;line-height:1.4;margin:0}.cp-delta-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.8rem;font-weight:600;gap:4px;padding:4px 10px}.cp-delta-badge.positive{background:#34c75926;color:#34c759}.cp-delta-badge.negative{background:#ff3b3026;color:#ff3b30}.cp-delta-badge.neutral{background:#8e8e9326;color:#8e8e93}.cp-no-data{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;color:#6d6d70;padding:60px 20px;text-align:center}.trends-page{background:#0000;box-shadow:none;padding:0}.trends-page .page-header{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;margin-bottom:24px;padding:24px}.trends-chart{margin-bottom:24px}.trends-table-section{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;padding:24px}.trends-table-section h3{color:#1d1d1f;font-size:1.1rem;font-weight:600;margin:0 0 16px}@media (max-width:768px){.admin-page{border-radius:0;padding:16px}.page-header{align-items:flex-start;flex-direction:column}.filter-controls{width:100%}.filter-controls select{flex:1 1}.answer-label,.answer-stats{font-size:.75rem;min-width:60px}.rr-modal{max-height:90vh}.cp-selectors{flex-direction:column}.cp-selector{min-width:100%}}.score-indicator{align-items:center;display:flex;gap:16px}.score-indicator--small{gap:8px}.score-indicator--large{gap:24px}.score-indicator__primary,.score-indicator__secondary{align-items:center;display:flex;flex-direction:column}.score-indicator__value{font-weight:600;line-height:1.2}.score-indicator--small .score-indicator__value{font-size:16px}.score-indicator--medium .score-indicator__value{font-size:24px}.score-indicator--large .score-indicator__value{font-size:32px}.score-indicator__label{color:#6d6d70;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.score-indicator--small .score-indicator__label{font-size:10px}.score-indicator--large .score-indicator__label{font-size:12px}.score-indicator__secondary .score-indicator__value{color:#1d1d1f}.score-indicator__badge{border-radius:12px;color:#fff;font-size:11px;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.score-indicator--small .score-indicator__badge{border-radius:8px;font-size:9px;padding:2px 6px}.score-indicator--large .score-indicator__badge{border-radius:16px;font-size:12px;padding:6px 12px}.category-card{background:#fff;border:1px solid #e5e5ea;border-radius:12px;overflow:hidden;transition:box-shadow .2s ease}.category-card:hover{box-shadow:0 4px 12px #00000014}.category-card__header{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:20px;justify-content:space-between;padding:20px 24px;text-align:left;width:100%}.category-card__header:hover{background:#f8f9fa}.category-card__title-section{flex:1 1;min-width:0}.category-card__title{color:#1d1d1f;font-size:18px;font-weight:600;margin:0 0 4px}.category-card__meta{color:#6d6d70;font-size:13px}.category-card__scores{flex-shrink:0}.category-card__expand-icon{align-items:center;color:#8e8e93;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:transform .2s ease;width:24px}.category-card__expand-icon.expanded{transform:rotate(180deg)}.category-card__content{border-top:1px solid #e5e5ea;padding:16px 24px}.category-card__question{border-bottom:1px solid #f0f0f0;padding:16px 0}.category-card__question:last-child{border-bottom:none;padding-bottom:0}.category-card__question:first-child{padding-top:0}.category-card__question-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px}.category-card__question-text{background:#f8f9fa;border-left:3px solid #1d1d1f;border-radius:0 8px 8px 0;color:#1d1d1f;flex:1 1;font-size:15px;font-weight:500;line-height:1.5;margin:0;padding:12px 16px}.category-card__question-scores{align-items:baseline;display:flex;flex-shrink:0;gap:4px}.category-card__question-percent{font-size:18px;font-weight:600}.category-card__question-avg{color:#6d6d70;font-size:13px}.category-card__question-chart{margin-top:8px}@media (max-width:768px){.category-card__header{flex-wrap:wrap;padding:16px}.category-card__title-section{flex-basis:calc(100% - 40px)}.category-card__scores{flex-basis:100%;margin-top:12px}.category-card__content{padding:12px 16px}.category-card__question-header{flex-direction:column;gap:8px}}.survey-analysis{padding:0}.survey-analysis__empty,.survey-analysis__error,.survey-analysis__loading{align-items:center;color:#6d6d70;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.survey-analysis__spinner{animation:spin .8s linear infinite;border:3px solid #e5e5ea;border-radius:50%;border-top-color:#667eea;height:32px;margin-bottom:12px;width:32px}.survey-analysis__error{color:#ff3b30}.survey-analysis__header{margin-bottom:24px}.survey-analysis__title-row{align-items:baseline;display:flex;gap:16px;margin-bottom:20px}.survey-analysis__title-row h2{color:#1d1d1f;font-size:24px;font-weight:600;margin:0}.survey-analysis__school-filter{background:#f0f3ff;border-radius:12px;color:#667eea;font-size:14px;padding:4px 10px}.survey-analysis__overview{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;gap:32px;padding:20px 24px}.survey-analysis__stat{display:flex;flex-direction:column}.survey-analysis__stat-value{color:#fff;font-size:28px;font-weight:600;line-height:1.2}.survey-analysis__stat-label{color:#fffc;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.survey-analysis__categories{display:flex;flex-direction:column;gap:16px}@media (max-width:768px){.survey-analysis__overview{flex-wrap:wrap;gap:20px}.survey-analysis__stat{flex-basis:calc(50% - 10px)}.survey-analysis__title-row{flex-direction:column;gap:8px}.survey-analysis__stat-value{font-size:24px}}.school-insights{padding:0}.school-insights__empty,.school-insights__error,.school-insights__loading{align-items:center;color:#6d6d70;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.school-insights__spinner{animation:spin .8s linear infinite;border:3px solid #e5e5ea;border-radius:50%;border-top-color:#667eea;height:32px;margin-bottom:12px;width:32px}.school-insights__header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.school-insights__header-left{display:flex;flex-direction:column;gap:4px}.school-insights__header h2{color:#1d1d1f;font-size:24px;font-weight:600;margin:0}.school-insights__district-avg{color:#6d6d70;font-size:14px}.school-insights__comparison-toggle{align-items:center;display:flex;gap:10px}.comparison-toggle__label{color:#6d6d70;font-size:13px;white-space:nowrap}.comparison-toggle__buttons{background:#f0f0f0;border-radius:8px;display:flex;padding:3px}.comparison-toggle__btn{background:#0000;border:none;border-radius:6px;color:#6d6d70;cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px;transition:all .15s ease;white-space:nowrap}.comparison-toggle__btn:hover{color:#1d1d1f}.comparison-toggle__btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#1d1d1f}.school-insights__table-wrapper{background:#fff;border:1px solid #e5e5ea;border-radius:12px;overflow-x:auto}.school-insights__table{border-collapse:collapse;font-size:14px;width:100%}.school-insights__table td,.school-insights__table th{border-bottom:1px solid #f0f0f0;padding:12px 16px;text-align:left}.school-insights__table th{background:#f8f9fa;color:#1d1d1f;font-weight:600;white-space:nowrap}.school-insights__table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.school-insights__table th.sortable:hover{background:#f0f0f0}.school-insights__table th.sorted{color:#667eea}.sort-indicator{font-size:12px;margin-left:4px}.school-insights__table tbody tr{cursor:pointer;transition:background .15s ease}.school-insights__table tbody tr:hover{background:#f8f9fa}.school-insights__table tbody tr.selected{background:#f0f3ff}.school-name-cell{font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.numeric-cell,.score-cell{text-align:center}.score-value{font-weight:600}.category-col{min-width:80px;text-align:center}.category-score-cell{position:relative}.diff-indicator{font-size:10px;margin-left:2px}.diff-indicator.negative{color:#ff3b30}.no-data{color:#c7c7cc}.alerts-cell{text-align:center}.alert-badge{align-items:center;background:#ff9500;border-radius:50%;color:#fff;cursor:help;display:inline-flex;font-size:11px;font-weight:600;height:20px;justify-content:center;width:20px}.school-insights__detail{background:#fff;border:1px solid #e5e5ea;border-radius:12px;margin-top:24px;overflow:hidden}.school-insights__detail-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e5e5ea;display:flex;justify-content:space-between;padding:16px 20px}.school-insights__detail-header h3{color:#1d1d1f;font-size:18px;font-weight:600;margin:0}.school-insights__close-btn{background:#fff;border:1px solid #e5e5ea;border-radius:6px;color:#6d6d70;cursor:pointer;font-size:13px;padding:6px 12px}.school-insights__close-btn:hover{background:#f8f9fa}.school-insights__detail-content{padding:20px}.school-insights__detail-stats{display:flex;gap:32px;margin-bottom:24px}.detail-stat{display:flex;flex-direction:column}.detail-stat-value{color:#1d1d1f;font-size:28px;font-weight:600}.detail-stat-label{color:#6d6d70;font-size:12px;text-transform:uppercase}.school-insights__alerts{background:#fff8f0;border:1px solid #fc9;border-radius:8px;margin-bottom:24px;padding:16px}.school-insights__alerts h4{color:#ff9500;font-size:14px;font-weight:600;margin:0 0 8px}.school-insights__alerts ul{margin:0;padding-left:20px}.school-insights__alerts li{color:#6d6d70;font-size:13px;margin-bottom:4px}.school-insights__category-comparison h4{color:#1d1d1f;font-size:14px;font-weight:600;margin:0 0 16px}.category-bars{display:flex;flex-direction:column;gap:12px}.category-bar-row{align-items:center;display:flex;gap:12px}.category-bar-label{color:#6d6d70;font-size:12px;text-transform:capitalize;width:100px}.category-bar-container{background:#00000008;border-radius:4px;flex:1 1;height:24px;overflow:visible;position:relative}.category-bar{border-radius:4px;cursor:pointer;height:100%;left:0;position:absolute;top:0;transition:width .3s ease}.category-bar[data-tooltip]:after,.district-overlay[data-tooltip]:after{background:#1d1d1f;border-radius:6px;bottom:calc(100% + 8px);color:#fff;content:attr(data-tooltip);font-size:12px;font-weight:500;padding:6px 10px;white-space:nowrap}.category-bar[data-tooltip]:after,.category-bar[data-tooltip]:before,.district-overlay[data-tooltip]:after,.district-overlay[data-tooltip]:before{left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .15s ease,visibility .15s ease;visibility:hidden;z-index:100}.category-bar[data-tooltip]:before,.district-overlay[data-tooltip]:before{border:6px solid #0000;border-top-color:#1d1d1f;bottom:calc(100% + 2px);content:""}.category-bar[data-tooltip]:hover:after,.category-bar[data-tooltip]:hover:before,.district-overlay[data-tooltip]:hover:after,.district-overlay[data-tooltip]:hover:before{opacity:1;visibility:visible}.category-bar.district{align-items:center;background:#2dbd0f26;display:flex;justify-content:flex-end;overflow:visible;z-index:1}.district-bar-value{color:#6d6d70;font-size:11px;padding-left:6px;position:absolute;right:-4px;transform:translateX(100%);white-space:nowrap}.category-bar.school{opacity:.9;z-index:2}.district-overlay{align-items:center;background:#00000026;border-radius:4px;border-right:2px solid #0006;display:flex;height:100%;justify-content:flex-end;left:0;position:absolute;top:0;z-index:3}.district-overlay-value{color:#6d6d70;font-size:11px;font-weight:500;position:absolute;right:0;transform:translateX(calc(100% + 6px));white-space:nowrap}.category-bar-value{color:#1d1d1f;font-size:13px;font-weight:500;text-align:right;width:50px}@media (max-width:768px){.school-insights__header{align-items:flex-start;flex-direction:column}.school-insights__detail-stats{flex-wrap:wrap}.category-bar-label{width:80px}}.cross-survey{padding:0}.cross-survey__error,.cross-survey__loading{align-items:center;color:#6d6d70;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.cross-survey__spinner{animation:spin .8s linear infinite;border:3px solid #e5e5ea;border-radius:50%;border-top-color:#667eea;height:32px;margin-bottom:12px;width:32px}.cross-survey__header{margin-bottom:24px}.cross-survey__header h2{color:#1d1d1f;font-size:24px;font-weight:600;margin:0 0 8px}.cross-survey__description{color:#6d6d70;font-size:14px;margin:0}.cross-survey__controls{align-items:center;display:flex;gap:12px;margin-bottom:24px}.cross-survey__controls label{color:#1d1d1f;font-size:14px;font-weight:500}.cross-survey__select{background:#fff;border:1px solid #e5e5ea;border-radius:8px;cursor:pointer;font-size:14px;min-width:200px;padding:10px 16px}.cross-survey__select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.cross-survey__content{background:#fff;border:1px solid #e5e5ea;border-radius:12px;overflow:hidden}.cross-survey__category-info{background:linear-gradient(135deg,#667eea,#764ba2);padding:20px 24px}.cross-survey__category-info h3{color:#fff;font-size:20px;font-weight:600;margin:0 0 4px}.cross-survey__category-info p{color:#ffffffd9;font-size:14px;margin:0}.cross-survey__chart-loading{display:flex;justify-content:center;padding:60px 0}.cross-survey__chart{border-bottom:1px solid #e5e5ea;padding:20px 24px}.cross-survey__table{overflow-x:auto;padding:0}.cross-survey__table table{border-collapse:collapse;font-size:14px;width:100%}.cross-survey__table td,.cross-survey__table th{border-bottom:1px solid #f0f0f0;padding:12px 16px;text-align:left}.cross-survey__table th{background:#f8f9fa;color:#1d1d1f;font-weight:600}.cross-survey__table tbody tr:hover{background:#f8f9fa}.survey-type-cell{font-weight:500}.score-cell{font-weight:600}.numeric-cell{color:#6d6d70}.health-cell{text-align:center}.health-badge{border-radius:12px;color:#fff;display:inline-block;font-size:11px;font-weight:500;padding:4px 8px;text-transform:capitalize}.cross-survey__insights{background:#f8f9fa;border-top:1px solid #e5e5ea;padding:20px 24px}.cross-survey__insights h4{color:#1d1d1f;font-size:14px;font-weight:600;margin:0 0 12px}.cross-survey__insights ul{margin:0;padding-left:20px}.cross-survey__insights li{color:#6d6d70;font-size:13px;line-height:1.4;margin-bottom:8px}.cross-survey__insights li.concern{color:#ff9500}@media (max-width:768px){.cross-survey__controls{align-items:flex-start;flex-direction:column}.cross-survey__select{width:100%}}.text-responses{padding:0}.text-responses__header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.text-responses__header h2{color:#1d1d1f;font-size:24px;font-weight:600;margin:0 0 4px}.text-responses__description{color:#6d6d70;font-size:14px;margin:0}.text-responses__actions{align-items:flex-start;display:flex;gap:8px}.text-responses__export-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background .15s ease}.text-responses__export-btn:hover{background:#5a6fd6}.text-responses__summarize-btn{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background .15s ease}.text-responses__summarize-btn:hover:not(:disabled){background:#059669}.text-responses__summarize-btn:disabled{cursor:not-allowed;opacity:.5}.text-responses__filters{background:#fff;border:1px solid #e5e5ea;border-radius:12px;margin-bottom:20px;padding:16px 20px}.text-responses__filter-row{display:flex;flex-wrap:wrap;gap:12px}.text-responses__select{background:#fff;border:1px solid #e5e5ea;border-radius:8px;cursor:pointer;font-size:14px;min-width:150px;padding:10px 14px}.text-responses__select:focus{border-color:#667eea;outline:none}.text-responses__search{display:flex;flex:1 1;min-width:200px}.text-responses__search-input{border:1px solid #e5e5ea;border-radius:8px 0 0 8px;border-right:none;flex:1 1;font-size:14px;padding:10px 14px}.text-responses__search-input:focus{border-color:#667eea;outline:none}.text-responses__search-btn{background:#667eea;border:none;border-radius:0 8px 8px 0;color:#fff;cursor:pointer;font-size:14px;padding:10px 16px}.text-responses__stats{align-items:center;color:#6d6d70;display:flex;font-size:13px;gap:16px;margin-top:12px}.text-responses__active-filter{background:#f0f3ff;border-radius:4px;color:#667eea;padding:4px 8px}.text-responses__empty,.text-responses__error,.text-responses__loading{align-items:center;color:#6d6d70;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.text-responses__spinner{animation:spin .8s linear infinite;border:3px solid #e5e5ea;border-radius:50%;border-top-color:#667eea;height:32px;margin-bottom:12px;width:32px}.text-responses__list{display:flex;flex-direction:column;gap:12px}.text-responses__item{background:#fff;border:1px solid #e5e5ea;border-radius:12px;padding:16px 20px;transition:box-shadow .15s ease}.text-responses__item:hover{box-shadow:0 2px 8px #0000000f}.text-responses__item-content{margin-bottom:12px}.text-responses__item-text{color:#1d1d1f;font-size:15px;font-style:italic;line-height:1.5;margin:0 0 8px}.text-responses__item-meta{color:#6d6d70;font-size:12px}.text-responses__item-question{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-responses__item-details{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.detail-tag{background:#f0f0f0;border-radius:4px;color:#6d6d70;font-size:11px;padding:4px 8px}.detail-date{color:#8e8e93;font-size:11px;margin-left:auto}.text-responses__pagination{align-items:center;border-top:1px solid #e5e5ea;display:flex;gap:16px;justify-content:center;margin-top:24px;padding-top:16px}.pagination-btn{background:#fff;border:1px solid #e5e5ea;border-radius:6px;color:#1d1d1f;cursor:pointer;font-size:13px;padding:8px 16px;transition:background .15s ease}.pagination-btn:hover:not(:disabled){background:#f8f9fa}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#6d6d70;font-size:13px}.text-responses__summary{background:#fff;border:1px solid #e5e5ea;border-radius:12px;margin-bottom:20px;padding:20px}.text-responses__summary--collapsed{padding:12px 20px}.text-responses__summary-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.text-responses__summary--collapsed .text-responses__summary-header{align-items:center;margin-bottom:0}.text-responses__summary-header h3{color:#1d1d1f;font-size:16px;font-weight:600;margin:0}.text-responses__summary-meta{color:#6d6d70;display:block;font-size:12px;margin-top:2px}.text-responses__summary-actions{display:flex;gap:8px}.text-responses__summary-dismiss,.text-responses__summary-toggle{background:#fff;border:1px solid #e5e5ea;border-radius:4px;color:#1d1d1f;cursor:pointer;font-size:12px;padding:4px 10px;transition:background .15s ease}.text-responses__summary-dismiss:hover,.text-responses__summary-toggle:hover{background:#f8f9fa}.text-responses__summary-content p{color:#1d1d1f;font-size:14px;line-height:1.6;margin:0 0 10px}.text-responses__summary-content p:last-child,.text-responses__summary-content ul:last-child{margin-bottom:0}.text-responses__summary-content strong{color:#1d1d1f;font-weight:600}.text-responses__summary-content ul{list-style-type:disc;margin:0 0 10px;padding-left:20px}.text-responses__summary-content li{color:#1d1d1f;font-size:14px;line-height:1.6;margin-bottom:4px}.text-responses__summary-loading{align-items:center;background:#fff;border:1px solid #e5e5ea;border-radius:12px;color:#1d1d1f;display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;padding:32px 20px}.text-responses__summary-error{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#991b1b;font-size:14px;margin-bottom:20px;padding:12px 20px}.text-responses__summary-error p{margin:0}@media (max-width:768px){.text-responses__header{flex-direction:column;gap:16px}.text-responses__actions{width:100%}.text-responses__actions button{flex:1 1}.text-responses__filter-row{flex-direction:column}.text-responses__search,.text-responses__select{width:100%}.detail-date{flex-basis:100%;margin-left:0}}.question-breakdowns-page{margin:0 auto;max-width:1400px;padding:24px 32px}.qb-header{margin-bottom:24px}.qb-header h2{color:#1d1d1f;font-size:28px;font-weight:600;margin:0 0 4px}.qb-subtitle{color:#6d6d70;font-size:14px;margin:0}.qb-nav{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.qb-view-tabs{background:#f2f2f7;border-radius:10px;display:flex;gap:4px;padding:4px}.qb-tab{background:#0000;border:none;border-radius:8px;color:#6d6d70;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .15s ease;white-space:nowrap}.qb-tab:hover{background:#ffffff80;color:#1d1d1f}.qb-tab.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#1d1d1f}.qb-filters{display:flex;gap:12px}.qb-select{-webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%238e8e93' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center;border:1px solid #e5e5ea;border-radius:8px;cursor:pointer;font-size:14px;min-width:160px;padding:10px 36px 10px 14px;transition:border-color .15s ease}.qb-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.qb-select:hover{border-color:#c7c7cc}.qb-content{min-height:400px}.qb-empty,.qb-error,.qb-loading{align-items:center;color:#6d6d70;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.qb-spinner{animation:spin .8s linear infinite;border:3px solid #e5e5ea;border-radius:50%;border-top-color:#667eea;height:32px;margin-bottom:16px;width:32px}.qb-error{color:#ff3b30}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.question-breakdowns-page{padding:16px}.qb-header h2{font-size:24px}.qb-nav{align-items:stretch;flex-direction:column}.qb-view-tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow-x:auto;scrollbar-width:none}.qb-view-tabs::-webkit-scrollbar{display:none}.qb-tab{font-size:13px;padding:8px 14px}.qb-filters{flex-direction:column}.qb-select{width:100%}}.App,html{background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.App{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh}
/*# sourceMappingURL=main.0bacd9af.css.map*/