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}body,html{overflow-x:hidden}*,:after,:before{box-sizing:border-box}#root,body,html{margin:0;padding:0}.App{font-family:sans-serif;padding:1rem 1rem .5rem;text-align:center}.sandbox-banner{align-items:center;background:linear-gradient(135deg,#ff6b6b,orange);box-shadow:0 2px 8px #0003;color:#fff;display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;letter-spacing:1px;margin:-1rem -1rem 1rem;padding:8px 16px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:1000}.sandbox-icon{animation:pulse 2s ease-in-out infinite;font-size:18px}.sandbox-text{font-size:13px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.smileys button{background:none;border:2px solid #0000;cursor:pointer;font-size:2.5rem;margin:.5rem;padding:.5rem 1rem}.smileys .selected{background-color:#e8f4ff;border:2px solid #007bff;box-shadow:0 0 10px #007bffb3}.reasons button{background-color:#f9f9f9;border:1px solid gray;border-radius:20px;cursor:pointer;display:inline-block;margin:.3rem;padding:.5rem 1rem}.reasons .selected{background-color:#0a7cff;border-color:#0a7cff;color:#fff}.submitBtn{background-color:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;margin-top:.5rem;max-width:140px;padding:.6rem 1.5rem}.smileys{display:flex;flex-wrap:wrap;gap:5rem;justify-content:center;margin:2rem 0}.smileyOption{align-items:center;display:flex;flex:1 1 80px;flex-direction:column;max-width:100px}.smileyOption button{align-items:center;background-color:#f8f9fa;border:2px solid #ccc;border-radius:50%;display:flex;font-size:3.5rem;height:90px;justify-content:center;padding:0;transition:transform .2s ease-in-out;width:90px}.smileyOption button:hover{box-shadow:0 0 10px #007bff4d;transform:scale(1.05)}.smileyLabel{font-size:1.2rem;font-weight:600;margin-top:.5rem;text-align:center}.reasonSection h4{color:#333;font-size:1.1rem;margin-top:1rem}.reasons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1rem}.reasonButton{border:none;border-radius:20px;cursor:pointer;font-size:.95rem;padding:.5rem 1rem .5rem .8rem;white-space:nowrap}.reasonButton:hover{background-color:#e6e6e6;transform:scale(1.03)}.reasonButton.green{background-color:#d4edda;color:#155724}.reasonButton.amber{background-color:#fff3cd;color:#856404}.reasonButton.green.selected{background-color:#28a745;border:2px solid #1e7e34;box-shadow:0 0 6px #28a74566;color:#fff;transform:scale(1.05);transition:all .2s ease}.reasonButton.amber.selected{background-color:#ffc107;border:2px solid #d39e00;box-shadow:0 0 6px #ffc10766;color:#000;transform:scale(1.05);transition:all .2s ease}.resetBtn{background-color:#e0e0e0;border:none;border-radius:8px;color:#333;cursor:pointer;flex:1 1;font-size:1rem;margin-top:.5rem;max-width:140px;padding:.6rem 1.5rem}.resetBtn:hover{background-color:#d6d6d6}.feedbackGrid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:.5rem}.feedbackColumn{flex:1 1;min-width:300px}.comment-box{margin-bottom:.3rem;margin-top:.3rem}.comment-box,.comment-box textarea{border-radius:8px;padding:.5rem;width:100%}.comment-box textarea{border:1px solid #ccc;font-size:1rem;margin-top:.5rem;resize:vertical}.button-row{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1rem}.thankYouBlock{background-color:#e7f9ed;border-radius:10px;color:#155724;margin-top:1.5rem;padding:1.5rem;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:28px;margin:0 auto;width:28px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.washroomCards{grid-gap:clamp(8px,2vw,16px);display:grid;gap:clamp(8px,2vw,16px);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));width:100%}.washroomCard{background:#fff;border:1.5px solid #d1d5db;border-radius:16px;box-sizing:border-box;padding:12px 10px;text-align:center;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;width:100%}.washroomCard:hover{border-color:#9ca3af;transform:translateY(-1px)}.washroomCard.selected{background-color:#ecfdf5;border-color:#10b981;box-shadow:0 0 0 4px #10b9812e}.washroomEmoji{font-size:clamp(1.4rem,4.5vw,2rem)}.washroomLabel{font-weight:600;margin-top:6px}.hiddenInput{-webkit-appearance:none;appearance:none;height:1px;left:-9999px;margin:0;opacity:0;overflow:hidden;position:absolute;width:1px}.washroomCard:has(.hiddenInput:focus-visible){outline:3px solid #10b98173;outline-offset:2px}.button-row{flex-wrap:wrap;gap:12px}.page{padding:0 12px 16px}.top-progress{height:3px;left:0;position:fixed;right:0;top:0;z-index:9999}.top-progress .bar{animation:indeterminate 1.2s infinite;height:100%;width:30%}.top-progress{background:#0000}.top-progress .bar{background:#22c55e}@keyframes indeterminate{0%{transform:translateX(-100%)}50%{transform:translateX(0)}to{transform:translateX(200%)}}.error-hero .lead{align-items:baseline;color:#ffe9e9;display:flex;font-size:16px;gap:8px;margin:10px 0 12px}.error-hero .lead .icon{font-size:18px;line-height:1}.error-wrap{background:#0000;display:block;min-height:auto;padding:12px 0}:root{--err-bg-1:#fff1f2;--err-bg-2:#ffe4e6;--err-border:#fda4af;--err-text:#7a0d0d;--err-accent:#e11d48;--err-shadow:#e11d482e}.error-card{background:#fff1f2;background:var(--err-bg-1);border:1px solid #fda4af;border:1px solid var(--err-border);border-radius:12px;box-shadow:0 8px 24px #e11d482e;box-shadow:0 8px 24px var(--err-shadow);box-sizing:border-box;margin:12px auto;max-width:760px;padding:16px 18px;width:100%}.error-card--stripe{position:relative}.error-card--stripe:before{background:linear-gradient(#f57,#f9a);border-radius:12px 0 0 12px;bottom:0;content:"";left:0;position:absolute;top:0;width:6px}.error-card h1{color:#7a0a0a;font-size:clamp(20px,6vw,30px);font-weight:600;line-height:1.15;margin:4px 0 10px}.error-card .lead{color:#7a0a0a;font-size:clamp(14px,3.6vw,16px);line-height:1.45;margin:8px 0 6px}.error-card ul{margin:10px 0 0;padding-left:0}.error-card li{color:#374151;font-size:clamp(14px,3.6vw,16px);line-height:1.5;list-style:none;margin:7px 0}.error-card .muted{color:#64748b;margin-top:8px}.hero{grid-gap:clamp(12px,3vw,28px);align-items:center;background:#fff;border-bottom:1px solid #eee;box-sizing:border-box;display:grid;gap:clamp(12px,3vw,28px);grid-template-columns:minmax(160px,1fr) auto minmax(120px,1fr);inline-size:100%;padding:8px 12px 12px}.hero>*{min-width:0}.hero>img.hero-logo:first-child{justify-self:start}.hero-right{align-items:center;display:inline-flex;gap:10px;grid-column:3;justify-self:end;min-width:0;white-space:nowrap}.hero-right,.hero-title{min-width:0}.hero-logo{display:block;height:clamp(28px,4.6vw,64px);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;line-height:1;max-width:36vw;object-fit:contain;width:auto}.hero-logo--sigma{aspect-ratio:2560/739;max-width:30vw}.hero-logo--myhub{aspect-ratio:1/1;max-width:18vw}.hero .hero-logo--myhub{height:clamp(40px,6.4vw,96px);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;max-width:40vw}.hero-logo--slim{height:clamp(22px,2.8vw,34px)}.powered-by-footer{align-items:center;background:#fffffff2;border-radius:20px;bottom:16px;box-shadow:0 2px 8px #0000001a;display:inline-flex;gap:8px;padding:8px 12px;position:fixed;right:16px;z-index:1000}.powered-by-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#374151,#6b7280 55%,#9ca3af);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:11px;font-weight:600;letter-spacing:.01em;text-transform:lowercase}.powered-by-logo{display:block;height:24px;width:auto}.version-footer{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border-radius:8px;bottom:16px;box-shadow:0 2px 8px #0000001a;display:inline-flex;gap:8px;left:16px;padding:8px 12px;position:fixed;z-index:1000}.version-text{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.02em}.hero-powered{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#f59e0b,#fbbf24 55%,#fde68a);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:10px;font-weight:600;letter-spacing:.01em;text-transform:lowercase}.hero-powered:after{background:#e5e7eb;border-radius:1px;content:"";display:inline-block;height:18px;margin-left:8px;margin-right:2px;vertical-align:middle;width:1px}.hero-title{color:#0f172a;font-size:clamp(22px,3.2vw,36px);font-weight:650;grid-column:2;justify-self:center;letter-spacing:.1px;line-height:1.12;margin:0;text-align:center}.hero-title .title-text{text-wrap:balance;-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#2563eb,#16a34a 60%,#f59e0b);-webkit-background-clip:text;background-clip:text;color:#0000;display:inline-block;margin-inline:auto;max-inline-size:min(64vw,30ch);overflow-wrap:anywhere;padding-inline:clamp(8px,3vw,20px);white-space:normal}.hero-title .sparkle{-webkit-text-fill-color:currentColor;background:none!important;-webkit-background-clip:initial;color:#f59e0b;display:inline-block;filter:drop-shadow(0 0 4px rgba(245,158,11,.25));line-height:1;margin-right:.35rem;vertical-align:-.12em}.hero-badge{background:#22c55e1f;border-radius:999px;color:#065f46;display:inline-block;font-size:.75rem;font-weight:700;margin-left:.5rem;padding:.2rem .5rem;vertical-align:middle}.submit-wrap{display:grid;min-height:40vh;padding:24px 16px;place-items:center}.submit-card{animation:fadeIn .14s ease-out;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 10px 30px #0000000f;max-width:560px;padding:18px 20px;text-align:center;width:100%}.submit-card.neutral{background:#fff7ed;border-color:#fed7aa}.submit-card.neutral .submit-icon{background:#d97706}.submit-card.neutral .submit-title{color:#92400e}.submit-card.neutral .submit-text{color:#7c2d12}.submit-card.veryPositive{background:#f0fdf4;border-color:#22c55e}.submit-card.veryPositive .submit-title{color:#166534}.submit-card.veryPositive .submit-icon.ok{background:#dcfce7;border-color:#86efac;color:#166534}.submit-card.positive{background:#f0f9ff;border-color:#38bdf8}.submit-card.positive .submit-title{color:#075985}.submit-card.positive .submit-icon.ok{background:#e0f2fe;border-color:#7dd3fc;color:#075985}@keyframes fadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.submit-icon{animation:pop .28s ease-out;border-radius:999px;color:#fff;display:grid;font-size:28px;font-weight:900;height:56px;margin:2px auto 8px;place-items:center;width:56px}.submit-title{color:#0f172a;font-size:20px;font-weight:800;margin:6px 0}.submit-text{color:#334155;margin:4px 0 0}.submit-icon.ok{background:#10b981}@keyframes pop{0%{opacity:.85;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.submit-washroom{opacity:.9}.submit-actions{margin-top:10px}.submit-close{-webkit-appearance:none;appearance:none;background:#111827;border:0;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:6px 12px}.submit-card.positive .submit-close{background:#065f46}.submit-close:active{transform:translateY(1px)}.burst{height:0;margin-bottom:4px;position:relative}.burst span{--x:0px;--y:0px;animation:burstOut .65s ease-out forwards;border-radius:50%;height:6px;left:50%;opacity:.95;position:absolute;top:0;transform:translate(-50%,-50%);width:6px}.burst span:first-child{--x:0px;--y:-28px;background:#22c55e}.burst span:nth-child(2){--x:18px;--y:-18px;background:#10b981}.burst span:nth-child(3){--x:28px;--y:0px;background:#86efac}.burst span:nth-child(4){--x:18px;--y:18px;background:#3b82f6}.burst span:nth-child(5){--x:0px;--y:28px;background:#a855f7}.burst span:nth-child(6){--x:-18px;--y:18px;background:#f59e0b}.burst span:nth-child(7){--x:-28px;--y:0px;background:#ef4444}.burst span:nth-child(8){--x:-18px;--y:-18px;background:#06b6d4}.burst span:nth-child(9){--x:34px;--y:0px;background:#fde047}.burst span:nth-child(10){--x:0px;--y:-34px;background:#34d399}@keyframes burstOut{0%{opacity:1;transform:translate(-50%,-50%) translate(0) scale(1)}to{opacity:0;transform:translate(-50%,-50%) translate(var(--x),var(--y)) scale(.75)}}.prompt{text-wrap:balance;color:#0f172a;font-size:clamp(18px,2.6vw,22px);font-weight:800;letter-spacing:.2px;margin:8px auto 10px;max-inline-size:34ch;text-align:center}.prompt--color .q-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#334155,#3b82f6 55%,#22c55e);-webkit-background-clip:text;background-clip:text;color:#0000;display:inline-block;text-shadow:0 .5px 0 #0000000f}.prompt--color .q-text:after{background:linear-gradient(90deg,#3b82f659,#22c55e59);border-radius:2px;content:"";display:block;height:3px;margin:6px auto 0;width:clamp(120px,40%,220px)}.change-rating{margin-top:6px}.linkBtn{-webkit-appearance:none;appearance:none;background:none;border:none;color:#2563eb;cursor:pointer;font:inherit;padding:0;text-decoration:underline}.error-card .error-title{color:#7a0a0a;font-size:clamp(18px,4vw,32px);font-weight:500;line-height:1.5;margin:4px 0 10px}.error-card .error-lead{color:#7a0a0a;font-size:clamp(14px,3.4vw,16px);line-height:1.5;margin:8px 0 6px}.error-card .error-bullets{margin:10px 0 0;padding-left:0}.error-card .error-bullets li{color:#475569;font-size:clamp(14px,3.4vw,16px);line-height:1.5;list-style:none;margin:7px 0}.error-card .error-muted{color:#64748b;margin-top:8px}.error-card a{color:#2563eb;text-decoration:underline}@media (max-width:360px){.error-card .error-title{font-size:18px}.error-card .error-bullets li{margin:6px 0}}@media (max-width:380px){.hero-title .sparkle{font-size:.95em;margin-right:.25rem}}@media (max-width:480px){.smileys{gap:1.5rem}.smileyOption button{font-size:3rem;height:72px;width:72px}}@media (max-width:640px){.hero{grid-template-columns:1fr;grid-template-rows:auto auto;row-gap:6px}.hero-right,.hero-title{grid-column:1}.hero-right{grid-row:2;justify-self:end}.hero-logo{height:26px}.hero-logo--slim{height:24px}.hero-title .title-text{max-inline-size:min(86vw,28ch)}}@media (max-width:600px){.hero-powered{display:none}.hero-logo{height:28px}.hero .hero-logo--myhub{height:34px}}@media (max-width:420px){.hero-logo{height:26px}}@media (max-width:360px){.washroomCards{grid-template-columns:1fr}.washroomCard{padding:10px}.error-card h1{font-size:20px}.error-card li{margin:6px 0}}@media (prefers-contrast:more){.prompt--color .q-text{-webkit-text-fill-color:initial;background:none;-webkit-background-clip:initial;color:#0f172a}.prompt--color .q-text:after{background:#94a3b8}}@media (max-width:360px){.prompt--color .q-text:after{width:48%}}.hero.hero--two-rows{background:#fff;box-sizing:border-box;display:flex;flex-direction:column;gap:clamp(10px,2.5vw,16px);padding:8px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.hero-logos{align-items:center;display:flex;justify-content:space-between;width:100%}.hero.hero--two-rows .hero-logos>img.hero-logo:first-child{flex:0 0 auto}.hero.hero--two-rows .hero-right{align-items:center;display:inline-flex;flex:0 0 auto;gap:8px;white-space:nowrap}.hero.hero--two-rows .hero-title{font-size:clamp(1.2rem,4vw,1.6rem);grid-column:1/-1;grid-row:2;justify-self:center;text-align:center}.hero.hero--two-rows .hero-logo{height:clamp(36px,7vw,92px);line-height:1;object-fit:contain;width:auto}.hero.hero--two-rows .hero-logo--sigma{margin-left:0;max-width:44vw}.hero.hero--two-rows .hero-logo--myhub{aspect-ratio:1/1;height:clamp(58px,9vw,128px);max-width:46vw}.hero.hero--two-rows .title-text{text-wrap:balance;margin-inline:auto;max-inline-size:min(80vw,32ch);overflow-wrap:anywhere;white-space:normal}@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.staff-login-icon{align-items:center;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;bottom:24px;box-shadow:0 2px 6px #00000026;color:#334155;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;position:fixed;right:18px;transition:background .2s ease,transform .15s ease;width:32px;z-index:2000}.staff-login-icon:hover{background:#e2e8f0;transform:translateY(-1px)}.staff-login-icon:after{background:#1f2937;border-radius:5px;color:#fff;content:"Staff Login";font-size:12px;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;right:46px;top:50%;transform:translateY(-50%);transition:opacity .2s ease;white-space:nowrap}.staff-login-icon:hover:after{opacity:1}.lock-svg{fill:#334155;height:18px;width:18px}.task-auth-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px;position:relative}.auth-back-btn,.task-auth-container{align-items:center;display:flex;justify-content:center}.auth-back-btn{background:#fff3;border:2px solid #fff;border-radius:50%;cursor:pointer;font-size:24px;height:50px;left:20px;position:fixed;top:20px;transition:all .3s;width:50px;z-index:100}.auth-back-btn:hover{background:#fff;transform:scale(1.05)}.task-auth-card{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;max-width:500px;padding:40px;width:100%}.task-auth-title{color:#333;font-size:24px;font-weight:600;margin-bottom:30px;text-align:center}.task-auth-error{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:16px;line-height:1.5;margin-bottom:24px;padding:16px}.pin-input-container{display:flex;gap:16px;justify-content:center;margin-bottom:32px}.pin-input-box{background:#f9f9f9;border:2px solid #ddd;border-radius:8px;color:#333;font-size:32px;font-weight:600;height:70px;outline:none;text-align:center;transition:border-color .3s;width:60px}.pin-input-box:focus{background:#fff;border-color:#667eea}.pin-input-box::placeholder{color:#ccc;font-weight:400}.pin-submit-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:16px;transition:background .3s;width:100%}.pin-submit-btn:hover:not(:disabled){background:#5568d3}.pin-submit-btn:disabled{background:#ccc;cursor:not-allowed}.task-list-container{background:#f5f5f5;margin:0 auto;min-height:100vh;padding:20px}.task-list-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.task-home-btn{align-items:center;background:#fff;border:2px solid #667eea;border-radius:50%;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;transition:all .3s;width:50px}.task-home-btn:hover{background:#667eea;transform:scale(1.05)}.staff-profile{align-items:center;background:#fff;border-radius:50px;box-shadow:0 2px 8px #0000001a;display:flex;gap:12px;padding:8px 16px}.staff-avatar{border:2px solid #667eea;border-radius:50%;height:48px;object-fit:cover;width:48px}.staff-avatar-icon{border-radius:50%;height:48px;width:48px}.staff-info{display:flex;flex-direction:column;gap:2px}.staff-name{color:#333;font-size:16px;font-weight:600;margin:0}.staff-title{color:#666;font-size:13px;margin:0}.task-list-title{color:#333;font-size:32px;font-weight:700}.task-filters{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:20px}.filter-row{display:flex;flex-wrap:wrap;gap:32px}.filter-group{flex:1 1;min-width:300px}.filter-label{color:#666;display:block;font-size:16px;font-weight:600;margin-bottom:12px}.filter-chips{display:flex;flex-wrap:wrap;gap:12px}.filter-chip{background:#fff;border:2px solid #ddd;border-radius:24px;color:#666;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s}.filter-chip,.filter-icon{align-items:center;font-size:16px}.filter-icon{display:inline-flex}.filter-chip.active{background:#667eea;color:#fff}.filter-chip.active,.filter-chip:hover{border-color:#667eea}.staff-filter-select{background:#fff;border:2px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:16px;font-weight:500;outline:none;padding:12px 16px;transition:border-color .3s;width:100%}.staff-filter-select:hover{border-color:#667eea}.staff-filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.task-cards-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.task-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;transition:transform .3s,box-shadow .3s}.task-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.task-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.task-status-badge{border-radius:16px;font-size:14px;font-weight:600;padding:6px 12px;text-transform:uppercase}.status-open{background:#fef3c7;color:#92400e}.status-in-progress{background:#dbeafe;color:#1e40af}.status-resolved{background:#d1fae5;color:#065f46}.task-datetime{color:#999;font-size:14px}.task-card-body{margin-bottom:16px}.task-washroom{align-items:center;display:flex;gap:8px;margin-bottom:12px}.washroom-icon{font-size:24px}.washroom-label{color:#666;font-size:16px;font-weight:500}.task-type{color:#333;font-size:20px;font-weight:700;margin:0}.task-card-footer{border-top:1px solid #eee;padding-top:16px}.task-resolve-btn{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:background .3s;width:100%}.task-resolve-btn:hover{background:#059669}.no-tasks-message{color:#999;font-size:18px;grid-column:1/-1;padding:60px 20px;text-align:center}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000004d;max-width:500px;padding:32px;width:90%}.modal-header{margin-bottom:24px}.modal-title{color:#333;font-size:24px;font-weight:600;margin:0}.modal-body{margin-bottom:24px}.task-info-summary{background:#f9f9f9;border-radius:8px;margin-bottom:24px;padding:16px}.task-type-summary{color:#333;font-size:18px;font-weight:700;margin:0 0 8px}.task-washroom-summary{color:#666;font-size:16px;margin:0}.modal-error{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33}.modal-error,.modal-success{font-size:14px;margin-bottom:16px;padding:12px}.modal-success{background:#d1fae5;border:1px solid #10b981;border-radius:8px;color:#065f46}.otp-input-container{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.otp-input-box{background:#f9f9f9;border:2px solid #ddd;border-radius:8px;color:#333;font-size:32px;font-weight:600;height:70px;outline:none;text-align:center;transition:border-color .3s;width:60px}.otp-input-box:focus{background:#fff;border-color:#667eea}.otp-input-box::placeholder{color:#ccc;font-weight:400}.otp-input-box:disabled{cursor:not-allowed;opacity:.6}.otp-box{align-items:center;background:#f9f9f9;border:2px solid #ddd;border-radius:8px;color:#333;display:flex;font-size:32px;font-weight:600;height:70px;justify-content:center;width:60px}.otp-hidden-input{height:1px;left:50%;opacity:.01;position:absolute;top:50%;transform:translate(-50%,-50%);width:1px;z-index:-1}.modal-actions{display:flex;gap:12px}.modal-cancel-btn{background:#fff;border:2px solid #ddd;border-radius:8px;color:#666;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px;transition:all .3s}.modal-cancel-btn:hover:not(:disabled){border-color:#999;color:#333}.modal-submit-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px;transition:background .3s}.modal-submit-btn:hover:not(:disabled){background:#5568d3}.modal-cancel-btn:disabled,.modal-submit-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.task-cards-container{grid-template-columns:1fr}.modal-content,.task-auth-card{padding:24px}.otp-box,.pin-box{font-size:28px;height:60px;width:50px}}
/*# sourceMappingURL=main.ae823bc2.css.map*/