@import "https://fonts.googleapis.com/css2?family=Caveat:wght@600;700&family=Poppins:wght@400;500;600;700;800&display=swap";:root{--hara-primary-red:#e92429;--hara-primary-yellow:#fad902;--hara-primary-white:#fff;--hara-secondary-1:#7c181c;--hara-secondary-2:#b12025;--hara-secondary-3:#f7b718;--text:#3b2f34;--text-h:#1a1316;--bg:#fff7ec;--surface:#fff;--border:#f0d9c4;--border-strong:#e0c19e;--code-bg:#fbf7f1;--muted:#8a7a82;--accent:var(--hara-primary-red);--shadow-sm:0 4px 10px -4px #7c181c2e;--shadow:0 16px 40px -12px #7c181c47, 0 4px 10px -4px #7c181c1f;--radius-sm:10px;--radius:18px;--radius-lg:28px;--gradient-brand:linear-gradient(135deg, var(--hara-primary-red) 0%, var(--hara-secondary-1) 100%);--gradient-gold:linear-gradient(135deg, var(--hara-primary-yellow) 0%, var(--hara-secondary-3) 100%);--sans:"Poppins", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Poppins", var(--sans);--script:"Caveat", cursive;--mono:ui-monospace, Consolas, monospace;font:16px/155% var(--sans);letter-spacing:.1px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{height:100%}#root{box-sizing:border-box;width:100%;height:100svh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex;overflow:hidden}body{height:100%;margin:0;overflow:hidden}*{scrollbar-width:none}::-webkit-scrollbar{display:none}button,input,select,textarea{font-family:inherit}h1,h2,h3{font-family:var(--heading);color:var(--text-h);font-weight:700}p,label{font-family:var(--sans)}h1{letter-spacing:-.6px;margin:0;font-size:clamp(1.75rem,1.4rem + 1.5vw,2.75rem)}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:clamp(1.25rem,1.1rem + .6vw,1.5rem);line-height:118%}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.app-shell,.page-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.message{border-radius:var(--radius-sm);background:var(--hara-primary-red);border:1px solid var(--hara-secondary-1);color:var(--hara-primary-white);text-align:left;padding:12px 16px;font-size:14px;font-weight:600}.toast-stack{left:50%;top:calc(env(safe-area-inset-top) + 18px);z-index:9000;flex-direction:column;align-items:center;gap:10px;width:min(92vw,400px);display:flex;position:fixed;transform:translate(-50%)}.toast{border-radius:var(--radius);width:auto;max-width:100%;box-shadow:0 20px 40px -14px #00000080, 0 6px 16px -4px #00000059, 0 0 0 1px var(--toast-glow);box-sizing:border-box;border-left:5px solid var(--toast-accent);color:var(--hara-primary-white);cursor:grab;touch-action:pan-y;background:#2a0a0c;align-items:center;gap:12px;padding:12px 20px 12px 16px;display:flex;position:relative}.toast:active{cursor:grabbing}.toast--success{--toast-accent:var(--hara-primary-yellow);--toast-icon-bg:var(--hara-primary-yellow);--toast-icon-fg:var(--hara-secondary-1);--toast-ring:var(--hara-primary-yellow);--toast-glow:#fad90259}.toast--error{--toast-accent:var(--hara-primary-red);--toast-icon-bg:var(--hara-primary-red);--toast-icon-fg:var(--hara-primary-white);--toast-ring:var(--hara-primary-red);--toast-glow:#e9242966}.toast--info{--toast-accent:var(--hara-primary-white);--toast-icon-bg:var(--hara-primary-white);--toast-icon-fg:var(--hara-secondary-1);--toast-ring:var(--hara-primary-white);--toast-glow:#ffffff40}.toast__icon-wrap{flex-shrink:0;width:34px;height:34px;position:relative}.toast__ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.toast__ring-track{fill:none;stroke:#ffffff4d;stroke-width:2.5px}.toast__ring-progress{fill:none;stroke:var(--toast-ring);stroke-width:2.5px;stroke-linecap:round;stroke-dashoffset:0;animation-name:toast-ring-deplete;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes toast-ring-deplete{0%{stroke-dashoffset:0}to{stroke-dashoffset:100.53px}}.toast__icon{width:22px;height:22px;color:var(--toast-icon-fg);background:var(--toast-icon-bg);border-radius:50%;justify-content:center;align-items:center;margin:auto;display:inline-flex;position:absolute;inset:0;box-shadow:0 2px 6px -1px #00000040}.toast__message{flex:1;font-size:13.5px;font-weight:700;line-height:1.35}.toast__confetti{pointer-events:none;width:0;height:0;position:absolute;top:50%;left:26px}.toast__confetti-piece{opacity:0;transform:translate(-50%, -50%) rotate(var(--angle)) translateX(0) scale(1);border-radius:2px;animation:.6s ease-out forwards toast-confetti-burst;position:absolute}@keyframes toast-confetti-burst{0%{opacity:1;transform:translate(-50%, -50%) rotate(var(--angle)) translateX(0) scale(1)}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--angle)) translateX(var(--distance)) scale(.4)}}@media (prefers-reduced-motion:reduce){.toast__ring-progress{animation:none}}.primary-button,.secondary-button,.danger-button{font-family:var(--heading);cursor:pointer;border:none;border-radius:999px;padding:14px 24px;font-size:15px;font-weight:600;transition:transform .18s,box-shadow .18s,opacity .18s}.primary-button{background:var(--gradient-brand);color:var(--hara-primary-white);box-shadow:0 10px 22px -8px #7c181c8c}.primary-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.secondary-button{background:var(--hara-secondary-3);color:var(--hara-secondary-1)}.danger-button{color:var(--hara-primary-red);border:1.5px solid var(--hara-primary-red);background:0 0}.primary-button:not(:disabled):active,.secondary-button:active,.danger-button:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.primary-button:not(:disabled):hover,.secondary-button:hover{transform:translateY(-2px)}.danger-button:hover{border-color:var(--hara-primary-red);background:var(--hara-primary-red);color:var(--hara-primary-white)}}.field-group{text-align:left;gap:8px;display:grid}.field-group label{color:var(--hara-secondary-1);font-size:13px;font-weight:600}.field-group input{border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;font-size:15px;font-family:var(--sans);color:var(--text-h);background:var(--surface);box-sizing:border-box;padding:13px 16px;transition:border-color .15s,box-shadow .15s}.field-group select{border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;font-size:15px;font-family:var(--sans);color:var(--text-h);background:var(--surface);box-sizing:border-box;padding:13px 16px}.field-group input:focus,.field-group select:focus{border-color:var(--hara-primary-red);box-shadow:0 0 0 3px var(--hara-secondary-3);outline:none}.password-input{display:flex;position:relative}.password-input input{padding-right:42px}.password-input__toggle{background:var(--hara-secondary-3);width:30px;height:30px;color:var(--hara-secondary-1);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background-color .15s,color .15s;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-input__toggle:hover{background:var(--hara-primary-red);color:var(--hara-primary-white)}.form-actions{gap:10px;display:flex}.form-actions--end{justify-content:flex-end}.form-actions--center{justify-content:center}.field-group--spaced{margin-bottom:14px}.field-hint{color:var(--muted);margin:0;font-size:12px}.username-input-group{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);align-items:stretch;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.username-input-group:focus-within{border-color:var(--hara-primary-red);box-shadow:0 0 0 3px var(--hara-secondary-3)}.username-input-group__prefix{background:var(--hara-secondary-3);color:var(--hara-secondary-1);border-right:1.5px solid var(--border);align-items:center;padding:0 14px;font-size:15px;font-weight:700;display:flex}.username-input-group__input{flex:1;min-width:0;box-shadow:none!important;border:none!important;border-radius:0!important}.username-input-group__input:focus{box-shadow:none!important}.username-input-group__input:disabled{background:var(--bg);color:var(--muted);cursor:not-allowed}.password-input-group{align-items:center;display:flex;position:relative}.password-input-group__input{padding-right:42px!important}.password-input-group__toggle{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;right:10px}@media (hover:hover) and (pointer:fine){.password-input-group__toggle:hover{background:var(--hara-secondary-3);color:var(--hara-secondary-1)}}.modal-backdrop{padding:calc(env(safe-area-inset-top) + 20px) calc(env(safe-area-inset-right) + 20px) calc(env(safe-area-inset-bottom) + 20px) calc(env(safe-area-inset-left) + 20px);z-index:9100;background:#1a131680;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-panel{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);box-sizing:border-box;width:100%;max-width:440px;padding:28px 26px 26px;position:relative}.modal-panel__header{text-align:center;flex-direction:column;align-items:center;gap:12px;margin-bottom:18px;display:flex}.modal-panel__icon{background:var(--gradient-brand);width:56px;height:56px;color:var(--hara-primary-white);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 10px 22px -8px #7c181c80}.modal-panel__icon img{object-fit:contain;width:30px;height:30px}.modal-panel__header h2{margin:0;font-size:18px}.modal-panel__close{background:var(--hara-secondary-3);color:var(--hara-secondary-1);cursor:pointer;border:none;border-radius:50%;width:30px;height:30px;font-size:14px;line-height:1;position:absolute;top:16px;right:16px}.modal-subtitle{color:var(--muted);margin:-10px 0 18px;font-size:13px}.confirm-backdrop{z-index:9200;box-sizing:border-box;background:#1a131680;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--hara-primary-white);box-sizing:border-box;text-align:center;border-radius:24px;justify-items:center;width:100%;max-width:440px;max-height:100%;padding:28px 24px;display:grid;position:relative;overflow-y:auto;box-shadow:0 30px 70px -24px #28080a73}.confirm-dialog__icon{width:56px;height:56px;color:var(--hara-primary-white);border-radius:50%;justify-content:center;align-items:center;margin-bottom:14px;display:flex}.confirm-dialog__icon--danger{background:var(--gradient-brand);box-shadow:0 10px 22px -8px #7c181c80}.confirm-dialog__icon:has(.confirm-dialog__icon-image){width:72px;height:72px;box-shadow:none;background:0 0}.confirm-dialog__icon-image{object-fit:contain;width:100%;height:100%}.confirm-dialog__icon--default{background:var(--gradient-gold);color:var(--hara-secondary-1);box-shadow:0 10px 22px -8px #f7b71880}.confirm-dialog__title{color:var(--text-h);margin:0 0 8px;font-size:19px}.confirm-dialog__message{color:var(--muted);max-width:360px;margin:0 0 22px;font-size:14px;line-height:1.55}.confirm-dialog__message strong{color:var(--hara-secondary-1);font-family:var(--heading)}.confirm-dialog__actions{justify-content:center;gap:10px;width:100%;display:flex}.confirm-dialog__cancel,.confirm-dialog__confirm{min-width:120px;font-family:var(--heading);cursor:pointer;border-radius:999px;flex:none;padding:14px 20px;font-size:15px;font-weight:600;transition:transform .18s,opacity .18s}.confirm-dialog__cancel{border:1.5px solid var(--border-strong);background:var(--hara-primary-white);color:var(--text-h)}.confirm-dialog__confirm{color:var(--hara-primary-white);border:none}.confirm-dialog__confirm--danger{background:var(--gradient-brand);box-shadow:0 10px 22px -8px #7c181c8c}.confirm-dialog__confirm--default{background:var(--gradient-gold);color:var(--hara-secondary-1);box-shadow:0 10px 22px -8px #f7b71873}.confirm-dialog__cancel:disabled,.confirm-dialog__confirm:disabled{opacity:.5;cursor:not-allowed}@media (hover:hover) and (pointer:fine){.confirm-dialog__cancel:not(:disabled):hover,.confirm-dialog__confirm:not(:disabled):hover{transform:translateY(-1px)}}.confirm-dialog__cancel:not(:disabled):active,.confirm-dialog__confirm:not(:disabled):active{transform:scale(.97)}@media (width<=380px){.confirm-dialog__cancel,.confirm-dialog__confirm{min-width:0}}.auth-page{background:var(--gradient-brand);flex:1;justify-content:center;align-items:center;min-height:0;padding:32px 20px;display:flex;position:relative;overflow:hidden auto}.auth-card{z-index:1;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);text-align:center;width:100%;max-width:420px;padding:clamp(28px,6vw,40px) clamp(20px,6vw,36px);position:relative}.auth-logo{width:76px;height:76px;margin:0 auto 16px;display:block}.auth-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--hara-secondary-2);margin-bottom:6px;font-size:11px;font-weight:700;display:inline-flex}.auth-card h1{margin-bottom:8px;font-size:clamp(1.3rem,1rem + 1vw,1.625rem)}.font-script{font-family:var(--script);letter-spacing:0;font-weight:700}.auth-card h1.font-script{color:var(--hara-primary-red);font-size:clamp(1.8rem,1.5rem + 1.2vw,2.375rem)}.auth-card>p{color:var(--muted);margin-bottom:24px;font-size:14px;line-height:1.6}.auth-form{gap:16px;margin-top:4px;display:grid}.auth-role-chip{background:var(--gradient-gold);color:var(--hara-secondary-1);font-family:var(--heading);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-self:center;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.auth-form .primary-button{margin-top:4px;padding:15px 24px;font-size:16px}.auth-footer{color:var(--muted);margin-top:22px;font-size:12px}.login-page{background:var(--gradient-brand);flex:1;justify-content:center;align-items:center;min-height:0;padding:clamp(20px,4vh,40px) 20px;display:flex;position:relative;overflow:hidden}.login-page__blob{z-index:0;filter:blur(90px);opacity:.3;pointer-events:none;border-radius:50%;position:absolute}.login-page__blob--1{background:var(--hara-secondary-3);width:420px;height:420px;top:-160px;left:-120px}.login-page__blob--2{background:var(--hara-secondary-1);width:460px;height:460px;bottom:-180px;right:-140px}.login-card{z-index:1;background:var(--hara-primary-white);text-align:center;border-radius:28px;justify-items:center;width:100%;max-width:460px;max-height:100%;padding:clamp(32px,6vh,52px) clamp(24px,6vw,44px);display:grid;position:relative;overflow-y:auto;box-shadow:0 30px 70px -22px #28080a80}.login-card__logo{filter:drop-shadow(0 10px 18px #28080a47);width:clamp(56px,9vh,76px);height:clamp(56px,9vh,76px);margin:0 auto clamp(10px,1.8vh,16px);display:block}.login-card__eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--hara-secondary-2);margin:0 0 8px;font-size:11px;font-weight:700}.login-card__greeting{color:var(--hara-secondary-2);margin:0 0 clamp(18px,3vh,28px);font-size:clamp(2rem,1.5rem + 2vh,2.8rem);line-height:1.2}.login-form{gap:clamp(12px,2vh,18px);width:100%;display:grid}.login-submit{margin-top:4px;padding:15px 24px;font-size:16px}.login-footer{color:var(--muted);margin-top:clamp(14px,2.6vh,22px);font-size:12px}@media (height<=740px){.login-card__logo{width:clamp(48px,8vh,64px);height:clamp(48px,8vh,64px);margin-bottom:8px}.login-card__greeting{margin-bottom:14px;font-size:clamp(1.6rem,1.2rem + 1.6vh,2.2rem)}}.welcome-splash{z-index:200;padding:calc(env(safe-area-inset-top) + clamp(20px, 4vh, 40px)) calc(env(safe-area-inset-right) + 20px) calc(env(safe-area-inset-bottom) + clamp(20px, 4vh, 40px)) calc(env(safe-area-inset-left) + 20px);background:var(--hara-secondary-1);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.welcome-splash__content{z-index:1;text-align:center;justify-items:center;max-width:380px;display:grid;position:relative}.welcome-splash__logo{filter:drop-shadow(0 12px 22px #0006);width:clamp(76px,13vh,116px);height:clamp(76px,13vh,116px);margin-bottom:clamp(12px,2.2vh,20px)}.welcome-splash__eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#ffffffbf;margin:0 0 6px;font-size:12px;font-weight:700}.welcome-splash__heading{color:var(--hara-primary-white);margin:0 0 10px;font-size:clamp(2rem,1.5rem + 2vh,3rem);line-height:1.15}.welcome-splash__message{color:#ffffffe0;margin:0;font-size:clamp(14px,1vh + 9px,16px);line-height:1.5}.welcome-splash__message strong{color:var(--hara-primary-yellow);font-family:var(--heading)}.survey-page{background:var(--hara-primary-white);flex-direction:column;flex:1;min-height:0;padding:clamp(10px,2.5vh,24px) 20px;display:flex;position:relative;overflow-y:auto}.survey-page__pattern{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.survey-page__pattern-item{opacity:.1;object-fit:contain;position:absolute}.survey-page__pattern-sparkle{opacity:.1;position:absolute}.survey-page__content{z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.survey-card{z-index:1;box-sizing:border-box;text-align:center;width:100%;max-width:1800px;padding:clamp(8px,2.2vh,30px) clamp(10px,2.4vw,32px);animation:.45s both survey-card-in;position:relative}.survey-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--hara-secondary-1);margin-bottom:clamp(10px,2vh,22px);font-size:15px;font-weight:700;display:inline-flex}.survey-question{color:var(--hara-primary-red);margin-bottom:clamp(8px,1.4vh,16px);font-size:clamp(2.2rem,5vh + 1rem,4.2rem);line-height:1.15}.survey-card>p.survey-hint{color:#303030;margin-bottom:clamp(24px,4.6vh,60px);font-size:clamp(15px,.9vh + 13px,22px)}.emoji-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(8px,2.4vh,32px);display:grid}.emoji-button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;padding:clamp(4px,1vh,12px) 2px;transition:opacity .2s;display:flex;position:relative}.emoji-button__art{aspect-ratio:1;width:100%;max-width:min(38vh,360px);transition:transform .2s;position:relative}.emoji-button__image{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.emoji-button__glyph{justify-content:center;align-items:center;font-size:clamp(155px,min(25vh,14vw),235px);line-height:1;display:flex;position:absolute;inset:0}.emoji-button__label{max-width:100%;font-family:poppins, var(--heading);color:var(--hara-secondary-2);text-align:center;margin-top:8px;font-size:clamp(24px,2.4vh,24px);font-weight:600;line-height:1.2}@media (width<=1400px) and (width>=721px){.emoji-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(16px,3vmin,40px)}.emoji-button{padding:clamp(8px,1.4vmin,20px) 8px}.emoji-button__art{max-width:min(24vmin,320px)}.emoji-button__glyph{font-size:clamp(120px,16vmin,220px)}.emoji-button__label{margin-top:clamp(4px,1vmin,12px);font-size:clamp(24px,2.4vh,24px)}}@media (width<=720px){.survey-question{font-size:clamp(1.5rem,3.4vh + .6rem,2.4rem)}.survey-card>p.survey-hint{margin-bottom:clamp(16px,3.2vh,36px)}.emoji-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(12px,2.8vh,30px)}.emoji-button{padding:clamp(8px,1.6vh,18px) 6px}.emoji-button__art{max-width:min(28vh,220px)}.emoji-button__glyph{font-size:clamp(98px,min(18vh,24vw),145px)}.emoji-button__label{margin-top:clamp(4px,1vh,10px);font-size:clamp(24px,2.4vh,24px)}}@media (width<=1400px){.emoji-button:first-child{grid-column:1/3}.emoji-button:nth-child(2){grid-column:3/5}.emoji-button:nth-child(3){grid-column:5/7}.emoji-button:nth-child(4){grid-column:2/4}.emoji-button:nth-child(5){grid-column:4/6}}@media (width<=720px) and (height<=740px){.survey-question{font-size:clamp(1.3rem,2.8vh + .5rem,2.1rem)}.survey-card>p.survey-hint{margin-bottom:clamp(8px,1.6vh,18px)}.emoji-grid{gap:clamp(6px,1.4vh,14px)}.emoji-button{padding:clamp(4px,.9vh,10px) 4px}.emoji-button__art{max-width:min(20vh,150px)}.emoji-button__glyph{font-size:clamp(62px,min(13vh,17vw),98px)}.emoji-button__label{margin-top:clamp(2px,.6vh,6px);font-size:clamp(24px,2.4vh,24px)}}@media (width>=1401px){.emoji-button__art{max-width:min(44vh,520px)}.emoji-button__glyph{font-size:clamp(208px,min(29vh,15vw),340px)}.emoji-button__label{margin-top:12px;font-size:clamp(24px,2.4vh,24px)}}@media (hover:hover) and (pointer:fine){.emoji-button:not(:disabled):hover .emoji-button__art{transform:scale(1.08)}}.emoji-button:disabled:not(.selected){cursor:default;opacity:.4}.emoji-button.selected{cursor:default}.thanks-screen{z-index:50;padding:calc(env(safe-area-inset-top) + clamp(16px, 3vh, 32px)) calc(env(safe-area-inset-right) + 20px) calc(env(safe-area-inset-bottom) + clamp(16px, 3vh, 32px)) calc(env(safe-area-inset-left) + 20px);background:var(--hara-secondary-1);justify-content:center;align-items:center;transition:background .4s;display:flex;position:fixed;inset:0;overflow:hidden}.thanks-screen:before{content:"";pointer-events:none;z-index:0;transition:opacity .4s;position:absolute;inset:0}.thanks-screen[data-mood=somber]{background:radial-gradient(ellipse 80% 60% at 50% 100%, #50050a38 0%, transparent 70%), var(--hara-secondary-1)}.thanks-screen[data-mood=somber]:before{background:radial-gradient(60% 40% at 50% 0,#a00a1221 0%,#0000 65%),radial-gradient(100% 30% at 0%,#3c05081a 0%,#0000 70%),radial-gradient(100% 30% at 100%,#3c05081a 0%,#0000 70%);animation:5s ease-in-out infinite somber-breathe}.thanks-screen[data-score="1"][data-mood=somber]{background:radial-gradient(ellipse 90% 55% at 50% 110%, #a00c0c73 0%, transparent 60%), radial-gradient(ellipse 70% 40% at 50% 100%, #50040647 0%, transparent 70%), var(--hara-secondary-1)}.thanks-screen[data-score="1"][data-mood=somber]:before{background:radial-gradient(65% 45% at 50% 0,#b40e1229 0%,#0000 65%),radial-gradient(100% 30% at 0%,#4604081f 0%,#0000 70%),radial-gradient(100% 30% at 100%,#4604081f 0%,#0000 70%);animation-duration:2.8s}.thanks-screen[data-score="2"][data-mood=somber]{background:radial-gradient(ellipse 55% 100% at 0% 50%, #3203062e 0%, transparent 70%), radial-gradient(ellipse 55% 100% at 100% 50%, #3203062e 0%, transparent 70%), radial-gradient(ellipse 80% 60% at 50% 100%, #4605082e 0%, transparent 70%), var(--hara-secondary-1)}.thanks-screen[data-score="2"][data-mood=somber]:before{animation-duration:4.5s}.thanks-screen[data-mood=neutral]{background:radial-gradient(ellipse 80% 65% at 50% 45%, #d7a54b29 0%, transparent 68%), var(--hara-secondary-1)}.thanks-screen[data-mood=neutral]:before{background:radial-gradient(70% 60%,#e6be5a24 0%,#0000 70%);animation:3.5s ease-in-out infinite lift-glow}.thanks-screen[data-mood=celebrate]{background:radial-gradient(ellipse 70% 55% at 50% 40%, #f7b71833 0%, transparent 65%), radial-gradient(ellipse 60% 40% at 20% 80%, #e924291a 0%, transparent 60%), radial-gradient(ellipse 60% 40% at 80% 80%, #e924291a 0%, transparent 60%), var(--hara-secondary-1)}.thanks-screen[data-mood=celebrate]:before{background:radial-gradient(80% 60% at 50% 30%,#f7d03c24 0%,#0000 70%);animation:2.4s ease-in-out infinite celebrate-pulse}.thanks-screen[data-score="5"][data-mood=celebrate]:before{animation-duration:1.6s}@keyframes somber-breathe{0%,to{opacity:.6}50%{opacity:1}}@keyframes lift-glow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes celebrate-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.thanks-screen__hero{z-index:2;justify-content:center;align-items:center;width:clamp(180px,34vmin,280px);height:clamp(180px,34vmin,280px);margin-bottom:clamp(6px,1.2vmin,14px);display:flex;position:relative}.thanks-screen__hero-glow{z-index:0;background:radial-gradient(circle, var(--thanks-accent-glow,#f7b71859) 0%, transparent 75%);border-radius:50%;animation:2.4s ease-in-out infinite thanks-glow-pulse;position:absolute;inset:8%}@keyframes thanks-glow-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.14)}}.thanks-screen__hero-breathe{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.thanks-screen__shards{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.thanks-screen__shard{animation:shard-fall var(--sh-duration,1.2s) linear var(--sh-delay,0s) infinite;will-change:transform, opacity;background:linear-gradient(135deg,#cd161aeb,#70080cd6);border-radius:1px;position:absolute;top:-50px;box-shadow:0 0 5px #f0371eb8,0 0 12px #d21e145c,inset 0 0 4px #ff5a3042}@keyframes shard-fall{0%{transform:translateY(0) rotate(var(--sh-rotate-start,0deg));opacity:0}7%{opacity:.92}86%{opacity:.78}to{transform:translateY(115vh) rotate(var(--sh-rotate-end,400deg));opacity:0}}.thanks-screen__embers{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.thanks-screen__ember{filter:drop-shadow(0 0 3px #ff5a19)drop-shadow(0 0 8px #dc280fbf)drop-shadow(0 0 18px #aa0c0861);animation:ember-rise var(--em-duration,1.4s) ease-out var(--em-delay,0s) infinite;will-change:transform, opacity;background:radial-gradient(circle at 40% 40%,#ff6e28f2,#c81214e0 55%,#0000 100%);border-radius:50%;position:absolute}@keyframes ember-rise{0%{opacity:0;transform:translateY(0)translate(0)scale(1)}12%{opacity:.9}60%{transform:translateY(-55vh) translateX(calc(var(--em-drift) * .6)) scale(.75);opacity:.72}to{transform:translateY(-112vh) translateX(var(--em-drift,0px)) scale(.3);opacity:0}}.thanks-screen[data-score="1"]:after{content:"";pointer-events:none;z-index:1;background:#d2141c38;animation:3.5s ease-in-out 1.2s infinite lightning-flash;position:absolute;inset:0}@keyframes lightning-flash{0%,74%,77%,80%,94%,97%,to{opacity:0}75%,79%,95%{opacity:1}}.thanks-screen__sparkles{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.thanks-screen__sparkle{clip-path:polygon(50% 0%,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0% 50%,42% 42%);filter:drop-shadow(0 0 3px #ffe68c)drop-shadow(0 0 9px #ffd250b3)drop-shadow(0 0 18px #dc9b1e59);animation:sparkle-twinkle var(--sp-duration,2.5s) ease-in-out var(--sp-delay,0s) infinite;will-change:transform, opacity;background:#fff8e4f2;position:absolute}@keyframes sparkle-twinkle{0%{opacity:0;transform:scale(0)rotate(0)}18%{opacity:1;transform:scale(1)rotate(45deg)}45%{opacity:.55;transform:scale(.6)rotate(90deg)}72%{opacity:.95;transform:scale(1.15)rotate(135deg)}to{opacity:0;transform:scale(0)rotate(180deg)}}.thanks-screen__confetti-canvas{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.thanks-screen__emoji{z-index:1;font-size:clamp(120px,28vmin,200px);line-height:1;position:relative}.thanks-screen__image{z-index:1;object-fit:contain;filter:drop-shadow(0 10px 18px #28080a38);width:100%;height:100%;display:block;position:relative}.thanks-screen__content{z-index:1;text-align:center;background:radial-gradient(ellipse 90% 42% at 50% 0%, var(--thanks-accent-wash,#e9242914) 0%, transparent 100%), #fff;border-top:5px solid var(--thanks-accent,var(--hara-primary-red));width:100%;max-width:560px;box-shadow:0 0 0 1px #ffffffe6 inset, 0 36px 72px -18px var(--thanks-accent-glow,#7c181c61), 0 12px 28px -8px #14040521, 0 2px 6px #0000000d;box-sizing:border-box;border-radius:28px;justify-items:center;gap:clamp(8px,1.4vmin,14px);padding:clamp(32px,5vmin,52px) clamp(28px,7vw,60px) clamp(28px,5vmin,48px);display:grid;position:relative;overflow:hidden}.thanks-screen[data-score="1"] .thanks-screen__content{border-top-width:6px;box-shadow:inset 0 0 0 1px #ffffffe6,0 40px 80px -18px #3c03067a,0 14px 32px -8px #1404052e,0 2px 6px #00000012}.thanks-screen[data-score="5"] .thanks-screen__content{border-top-width:7px;box-shadow:inset 0 0 0 1px #ffffffe6,0 40px 80px -14px #f7b7186b,0 14px 32px -8px #e9242929,0 2px 6px #0000000d}.thanks-screen__content:before{content:"";pointer-events:none;z-index:10;background:linear-gradient(105deg,#0000 0%,#ffffff8c 45%,#fffc 50%,#ffffff8c 55%,#0000 100%);width:50%;height:100%;animation:1.1s ease-out .35s forwards card-shimmer;position:absolute;top:0;left:-70%}.thanks-screen__content:after{content:"";background:linear-gradient(90deg, var(--thanks-accent,var(--hara-primary-red)), color-mix(in srgb, var(--thanks-accent,var(--hara-primary-red)) 60%, #fad902));transform-origin:0;pointer-events:none;border-radius:0 0 28px 28px;width:100%;height:4px;animation:4.5s linear .3s forwards card-progress;position:absolute;bottom:0;left:0}@keyframes card-shimmer{0%{opacity:1;left:-70%}to{opacity:1;left:130%}}@keyframes card-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.thanks-screen h1.font-script{color:var(--hara-primary-red);text-shadow:0 2px 12px #e9242926;margin:0;font-size:clamp(2.4rem,6.2vmin + .4rem,4.4rem);line-height:1}.thanks-screen__message{max-width:420px;color:var(--text);margin:0;font-size:clamp(14px,1.5vmin + 7px,18px);line-height:1.7}.thanks-screen__divider{background:linear-gradient(90deg, transparent 0%, var(--thanks-accent,var(--hara-primary-red)) 25%, var(--thanks-accent,var(--hara-primary-red)) 75%, transparent 100%);border-radius:999px;width:80px;height:2px;position:relative}.thanks-screen__divider:before{content:"✦";color:var(--thanks-accent,var(--hara-primary-red));background:#fff;padding:0 5px;font-size:9px;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.thanks-screen__signature{font-family:var(--script);color:var(--hara-secondary-1);opacity:.8;margin:0;font-size:clamp(18px,2.4vmin + 7px,26px)}@media (width<=720px){.thanks-screen__hero{width:clamp(150px,28vmin,210px);height:clamp(150px,28vmin,210px)}.thanks-screen h1.font-script{font-size:clamp(2rem,5.4vmin + .3rem,3.2rem)}.thanks-screen__message{font-size:clamp(13px,1.4vmin + 6px,16px)}}@media (height<=740px){.thanks-screen__hero{width:clamp(120px,22vmin,170px);height:clamp(120px,22vmin,170px);margin-bottom:4px}.thanks-screen__content{gap:clamp(6px,1vmin,10px);padding:clamp(22px,3.5vmin,36px) clamp(24px,6vw,48px) clamp(20px,3.5vmin,34px)}.thanks-screen h1.font-script{font-size:clamp(1.7rem,4.4vmin + .2rem,2.6rem)}.thanks-screen__message{font-size:clamp(12px,1.1vmin + 6px,14px)}}@media (prefers-reduced-motion:reduce){.thanks-screen__hero-glow,.thanks-screen:before,.thanks-screen:after,.thanks-screen__content:before,.thanks-screen__content:after,.thanks-screen__ember,.thanks-screen__shard,.thanks-screen__sparkle{animation:none}}@keyframes survey-card-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.survey-card{opacity:1;animation:none}}.admin-shell{background:var(--hara-primary-white);flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.admin-topbar,.admin-drawer-backdrop{display:none}.admin-sidebar-wrap{flex-shrink:0}.admin-sidebar{background:var(--gradient-brand);box-sizing:border-box;flex-direction:column;flex-shrink:0;width:264px;height:100%;padding:24px 16px;display:flex;overflow:hidden}.admin-sidebar__brand{text-align:center;border-bottom:1px solid var(--hara-secondary-3);justify-content:center;align-items:center;gap:12px;margin-bottom:20px;padding:4px 6px 24px;display:flex}.admin-sidebar__logo{flex-shrink:0;width:auto;height:76px}.admin-sidebar__title{font-family:var(--heading);color:var(--hara-primary-white);font-size:16px;font-weight:700}.admin-sidebar__subtitle{color:var(--hara-secondary-3);margin-top:2px;font-size:12px}.admin-sidebar__section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--hara-secondary-3);margin-bottom:10px;padding:0 14px;font-size:11px;font-weight:700}.admin-sidebar__nav{flex:1;align-content:start;justify-items:center;gap:6px;display:grid}.admin-nav-item{border-radius:var(--radius-sm);width:88%;font-family:var(--sans);color:#ffffffd9;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:11px 14px;font-size:14px;font-weight:600;transition:background .15s,color .15s;display:flex}@media (hover:hover) and (pointer:fine){.admin-nav-item:hover{color:var(--hara-primary-white);background:#ffffff1f}}.admin-nav-item.active{background:var(--gradient-gold);color:var(--hara-secondary-1);box-shadow:0 6px 16px -6px #0000004d}.admin-nav-item__icon{color:inherit;flex-shrink:0}.admin-sidebar__footer{border-top:1px solid var(--hara-secondary-3);flex-direction:column;align-items:center;gap:14px;padding-top:16px;display:flex}.admin-nav-item--logout{color:var(--hara-primary-white);justify-content:center}@media (hover:hover) and (pointer:fine){.admin-nav-item--logout:hover{color:var(--hara-secondary-3);background:#ffffff1f}}.pill{text-transform:uppercase;letter-spacing:.05em;color:var(--hara-secondary-1);background:var(--hara-secondary-3);border-radius:999px;align-items:center;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex}.admin-main{background:var(--hara-primary-white);box-sizing:border-box;flex:1;min-width:0;height:100%;overflow-y:auto}.admin-main__body{padding:0 clamp(20px,4vw,44px) 32px}.page-hero{background:var(--gradient-brand);border-radius:var(--radius-lg);box-shadow:var(--shadow);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin:24px clamp(20px,4vw,44px) 28px;padding:36px clamp(20px,4vw,36px) 30px;display:flex;position:relative;overflow:hidden}.page-hero--center{align-items:center}.page-hero:before,.page-hero:after{content:"";z-index:0;border-radius:50%;position:absolute}.page-hero:before{background:var(--hara-secondary-1);width:240px;height:240px;top:-110px;right:80px}.page-hero:after{background:var(--hara-secondary-3);width:170px;height:170px;bottom:-100px;right:-50px}.page-hero>div:first-child{z-index:1;position:relative}.page-hero h1{color:var(--hara-primary-white)}.page-hero p{color:var(--hara-primary-yellow);margin-top:10px;font-size:14px;font-weight:600}.page-hero__account-name{font-family:var(--script);color:var(--hara-primary-white);font-size:1.3em;font-weight:600}.page-hero .pill{margin-left:8px}.hero-filter-export{z-index:1;border-radius:50%;flex-wrap:nowrap;align-items:flex-end;gap:12px;display:flex;position:relative}.hero-filter-export__export{flex:none}.hero-filter-export__outlet{border-radius:50%;flex:auto;min-width:0}.hero-filter-export .dropdown-menu__trigger{justify-content:flex-start;align-items:center;gap:6px;min-width:0;max-width:100%;display:inline-flex}.dropdown-menu__trigger-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (width<=720px){.hero-filter-export{flex-wrap:nowrap;gap:10px}.dropdown-menu__trigger-label{max-width:30vw}}.page-hero__actions{z-index:1;flex-shrink:0;gap:10px;display:flex;position:relative}.page-hero__actions .primary-button{background:var(--hara-primary-white);color:var(--hara-secondary-1);box-shadow:0 10px 22px -10px #1a131680}.dropdown-menu{position:relative}.dropdown-menu__trigger{cursor:pointer}.dropdown-menu__caret{font-size:17px;line-height:1;transition:transform .18s}.dropdown-menu__trigger[aria-expanded=true] .dropdown-menu__caret{transform:rotate(180deg)}.dropdown-menu__list{z-index:9999;background:var(--hara-primary-white);border-radius:var(--radius-sm);min-width:160px;max-height:280px;box-shadow:var(--shadow);transform-origin:100% 0;flex-direction:column;animation:.16s both dropdown-pop-in;display:flex;position:fixed;overflow-y:auto}.dropdown-menu__list--left{transform-origin:0 0}.dropdown-menu__list button{text-align:left;font-family:var(--sans);color:var(--text-h);cursor:pointer;background:0 0;border:none;flex:none;padding:12px 16px;font-size:14px;font-weight:600}.dropdown-menu__list button.is-active{color:var(--hara-primary-white);background:var(--gradient-brand)}.dropdown-menu__list button:active{background:var(--hara-secondary-3)}.dropdown-menu__list button.is-active:active{background:var(--gradient-brand);color:var(--hara-primary-white)}@media (hover:hover) and (pointer:fine){.dropdown-menu__list button:hover{background:var(--hara-secondary-3)}.dropdown-menu__list button.is-active:hover{background:var(--gradient-brand);color:var(--hara-primary-white)}}@keyframes dropdown-pop-in{0%{opacity:0;transform:scale(.96)translateY(-6px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.dropdown-menu__list{animation:none}}.filter-card{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--hara-secondary-3);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:18px 20px}.filter-card__header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.filter-card__icon{background:var(--gradient-gold);width:36px;height:36px;color:var(--hara-secondary-1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.filter-card__header h2{color:var(--text-h);margin:0;font-size:15px}.filter-card__header p{color:var(--muted);margin:2px 0 0;font-size:12px}.filter-card__fields{grid-template-columns:1.2fr 1fr 1fr auto;align-items:end;gap:14px;display:grid}.filter-card .field-group{gap:6px;min-width:0}.filter-card .field-group label{color:var(--hara-secondary-1);font-size:12px;font-weight:700}.filter-card .field-group input,.filter-card .field-group select{border:1.5px solid var(--border);background:var(--bg);border-radius:999px;padding:11px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.filter-card .field-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%237C181C' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:34px}.filter-card .field-group input:focus,.filter-card .field-group select:focus{border-color:var(--hara-primary-red);outline:none;box-shadow:0 0 0 3px #e9242924}.filter-card__actions{gap:10px;display:flex}.filter-card__actions .primary-button,.filter-card__actions .ghost-button{white-space:nowrap;padding:11px 22px}.ghost-button{border:1.5px solid var(--border-strong);color:var(--text-h);font-family:var(--heading);cursor:pointer;background:0 0;border-radius:999px;font-size:15px;font-weight:600;transition:background .18s,opacity .18s,transform .18s}.ghost-button:disabled{opacity:.4;cursor:not-allowed}@media (hover:hover) and (pointer:fine){.ghost-button:not(:disabled):hover{background:var(--bg)}}.ghost-button:not(:disabled):active{transform:scale(.97)}.filter-card__error{color:var(--hara-primary-red);margin:12px 0 0;font-size:12.5px;font-weight:600}.filter-card__chips{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;padding-top:14px;display:flex}.filter-card__chips-label{color:var(--muted);font-size:12px;font-weight:700}.filter-chip{background:var(--gradient-brand);color:var(--hara-primary-white);border-radius:999px;align-items:center;gap:6px;padding:6px 8px 6px 12px;font-size:12px;font-weight:600;display:inline-flex}.filter-chip button{width:18px;height:18px;color:var(--hara-primary-white);cursor:pointer;background:#ffffff38;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s;display:inline-flex}.filter-chip button:hover{background:#ffffff5c}@media (width<=960px){.filter-card__fields{grid-template-columns:1fr 1fr}.filter-card__actions{grid-column:1/-1}}@media (width<=560px){.filter-card__fields{grid-template-columns:1fr}}.row-action-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row-action-form__input{border:1.5px solid var(--border);border-radius:var(--radius-sm);width:140px;font-size:13px;font-family:var(--sans);box-sizing:border-box;padding:8px 10px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin-bottom:20px;display:grid}@media (width<=960px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.kpi-grid{grid-template-columns:1fr}}.kpi-card{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--hara-primary-red);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;gap:clamp(10px,8cqw,18px);padding:clamp(14px,7cqw,22px) clamp(16px,8cqw,24px);display:flex;container-type:inline-size}.kpi-card:not(.kpi-card--hero){justify-content:center}.kpi-card__text{text-align:center;min-width:0}.kpi-grid .kpi-card:nth-of-type(2){border-left-color:var(--hara-secondary-1)}.kpi-grid .kpi-card:nth-of-type(3){border-left-color:var(--hara-secondary-2)}.kpi-grid .kpi-card:nth-of-type(4){border-left-color:var(--hara-secondary-3)}.kpi-grid .kpi-card:nth-of-type(5){border-left-color:var(--hara-secondary-1)}.kpi-card--hero{background:var(--gradient-brand);border:none;flex-direction:column;grid-column:span 1;align-items:flex-start;gap:6px;position:relative;overflow:hidden}.kpi-card--hero:after{content:"";background:var(--hara-secondary-3);opacity:.22;border-radius:50%;width:clamp(80px,45cqw,140px);height:clamp(80px,45cqw,140px);position:absolute;bottom:clamp(-34px,-19cqw,-60px);right:clamp(-30px,-16cqw,-50px)}.kpi-card--hero .kpi-card__label{z-index:1;color:#ffffffd1;position:relative}.kpi-card--hero .kpi-card__value{z-index:1;text-align:center;width:100%;font-family:var(--heading);color:var(--hara-primary-white);font-size:clamp(26px,16cqw,40px);line-height:1.1;display:block;position:relative}.kpi-card--hero .kpi-card__hint{z-index:1;color:#ffffffc7;font-size:clamp(10px,4.5cqw,12px);line-height:1.4;position:relative}.kpi-card__icon{object-fit:contain;flex-shrink:0;width:clamp(36px,20cqw,60px);height:clamp(36px,20cqw,60px)}.kpi-card__icon--admin{color:var(--hara-secondary-1);padding:clamp(4px,2cqw,8px)}.kpi-card__label{color:var(--muted);font-size:clamp(11px,5cqw,13px);font-weight:600}.kpi-card__text .kpi-card__label{font-size:clamp(12px,5.5cqw,14px)}.kpi-card__value-sm{font-family:var(--heading);color:var(--text-h);font-size:clamp(19px,11cqw,30px);line-height:1.2}.outlet-rank__row{align-items:flex-start;gap:12px;display:flex}.outlet-rank__main{flex:1;min-width:0}.outlet-rank__top{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.outlet-rank__name{font-family:var(--heading);color:var(--text-h);font-size:14px;font-weight:700}.outlet-rank__score{color:var(--hara-primary-red);flex-shrink:0;font-size:13px;font-weight:700}.outlet-rank__bar-track{background:var(--bg);border-radius:999px;width:100%;height:8px;display:flex;overflow:hidden}.outlet-rank__bar-segment{height:100%}.outlet-rank__breakdown{color:var(--text);flex-wrap:wrap;gap:8px;margin-top:8px;font-size:12px;display:flex}.outlet-rank__breakdown-item{background:var(--bg);border-radius:999px;align-items:center;gap:3px;padding:2px 8px;font-weight:600;display:inline-flex}.outlet-rank__breakdown-icon{object-fit:contain;width:16px;height:16px}.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:stretch;gap:20px;display:grid}@media (width<=960px){.dashboard-grid{grid-template-columns:1fr}}.chart-card,.table-card{background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--hara-secondary-2);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:24px}.chart-card h2,.table-card h2{color:var(--hara-secondary-1);margin-bottom:18px;font-size:17px}.chart-card{flex-direction:column;display:flex}.chart-card-body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.chart-legend{gap:8px;width:100%;display:grid}.chart-legend__row{color:var(--text);align-items:center;gap:10px;font-size:13px;display:flex}.chart-legend__dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.chart-legend__row span:last-child{color:var(--text-h);margin-left:auto;font-weight:700}.recharts-surface:focus,.recharts-surface:focus-visible,.recharts-wrapper:focus,.recharts-wrapper:focus-visible,.recharts-pie:focus,.recharts-pie:focus-visible,.recharts-pie-sector:focus,.recharts-pie-sector:focus-visible,.recharts-sector:focus,.recharts-sector:focus-visible{outline:none}.chart-tooltip{background:var(--hara-primary-white);border-radius:var(--radius-sm);box-shadow:var(--shadow);align-items:center;gap:10px;padding:10px 14px;animation:.12s both dropdown-pop-in;display:flex}.chart-tooltip__dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.chart-tooltip__text{flex-direction:column;gap:2px;display:flex}.chart-tooltip__label{color:var(--hara-secondary-1);font-size:12px;font-weight:700}.chart-tooltip__value{color:var(--text-h);font-size:13px;font-weight:600}.chart-tooltip__percent{color:var(--muted);font-weight:600}.table-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.table-header h2{margin:0}.table-header span{color:var(--muted);font-size:12px}.table-header:has(.table-header__search){grid-template-columns:1fr auto 1fr;display:grid}.table-header:has(.table-header__search) h2{justify-self:start}.table-header:has(.table-header__search) span{justify-self:end}.table-header__search{border:1.5px solid var(--border);background:var(--surface);width:min(100%,280px);color:var(--muted);border-radius:999px;justify-self:center;align-items:center;gap:8px;padding:8px 14px;display:flex}.table-header__search input{min-width:0;font-size:13px;font-family:var(--sans);color:var(--text-h);background:0 0;border:none;outline:none;flex:1}.table-header__search:focus-within{border-color:var(--hara-primary-red);box-shadow:0 0 0 3px var(--hara-secondary-3)}@media (width<=720px){.table-header:has(.table-header__search){grid-template-columns:1fr;justify-items:stretch}:is(.table-header:has(.table-header__search) h2,.table-header:has(.table-header__search) span){justify-self:stretch}.table-header__search{width:100%}}.response-table__day-label{font-family:var(--heading);color:var(--hara-secondary-2);text-transform:capitalize;margin:0 0 10px;font-size:13px;font-weight:700}.response-table{border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;overflow:hidden}.table-head{text-transform:uppercase;letter-spacing:.06em;color:var(--hara-secondary-1);background:var(--bg);border-bottom:1px solid var(--border-strong);grid-template-columns:.9fr 1.3fr .8fr;gap:10px;padding:12px 16px;font-size:11px;font-weight:700;display:grid}.table-row{border-bottom:1px solid var(--border-strong);grid-template-columns:.9fr 1.3fr .8fr;align-items:center;gap:10px;padding:14px 16px;font-size:13px;transition:background .15s;display:grid}@media (hover:hover) and (pointer:fine){.table-row:hover{background:var(--bg)}}.carousel-viewport{overflow:hidden}.response-table__page{min-height:330px}.outlet-rank__page{gap:16px;min-height:360px;display:grid}.carousel-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.carousel-pagination span{text-align:center;flex:100%;order:1}@media (width>=481px){.carousel-pagination span{flex:0 auto;order:0}}.carousel-pagination span{color:var(--muted);font-size:12px;font-weight:600}.carousel-nav{border:1.5px solid var(--border-strong);background:var(--hara-primary-white);color:var(--hara-secondary-1);font-family:var(--heading);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:700;transition:transform .15s,opacity .15s,background .15s;display:inline-flex}.carousel-nav:hover:not(:disabled){background:var(--bg)}.carousel-nav:active:not(:disabled){transform:scale(.96)}.carousel-nav:disabled{opacity:.4;cursor:default}.table-row:last-child{border-bottom:none}.table-row .emoji-cell{align-items:center;gap:6px;display:flex}.emoji-cell__icon{object-fit:contain;width:22px;height:22px}.table-card--outlets .table-head,.table-card--outlets .table-row{text-align:center;grid-template-columns:1.1fr .95fr 1.05fr .85fr .95fr}.outlet-stat{color:var(--text);align-items:center;gap:5px;font-weight:600;display:inline-flex}.outlet-stat--rating{color:var(--hara-secondary-1)}.outlet-stat--rating svg{color:var(--hara-secondary-3);fill:var(--hara-secondary-3)}.outlet-stat--muted{color:var(--muted);font-style:italic;font-weight:500}.table-row__actions{justify-content:center;gap:8px;display:flex}.icon-image-button{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:transform .15s,opacity .15s;display:inline-flex}.icon-image-button img{object-fit:contain;width:22px;height:22px;display:block}.icon-image-button:active{transform:scale(.9)}@media (hover:hover) and (pointer:fine){.icon-image-button:hover{opacity:.75}}.table-card--recent{margin-top:20px}.dashboard-grid>.table-card--recent{margin-top:0}.table-card--admin-accounts{margin-top:20px}.button--compact{align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.empty-state{color:var(--muted);padding:24px 0;font-size:14px}.app-loading{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;min-height:320px;padding:40px 0;display:flex}.app-loading__spinner{flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:relative}.app-loading__ring-track{box-sizing:border-box;border:5px solid #e924291f;border-radius:50%;position:absolute;inset:0}.app-loading__ring{background:conic-gradient(from 0deg, transparent 0deg, var(--hara-primary-red) 65deg, transparent 145deg);border-radius:50%;animation:1s linear infinite app-loading-spin;position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 5px))}.app-loading__logo{object-fit:contain;width:56%;height:56%;position:relative}.app-loading__label{color:var(--muted);margin:0;font-size:14px;font-weight:600}@keyframes app-loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.app-loading__ring{opacity:.6;animation:none}}@media (width<=720px){.admin-shell{flex-direction:column}.admin-topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:20;align-items:center;gap:10px;padding:14px 16px;display:flex;position:sticky;top:0}.admin-topbar__menu{background:var(--hara-secondary-3);color:var(--hara-secondary-1);border-radius:var(--radius-sm);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.admin-topbar__brand{flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.admin-topbar__spacer{flex-shrink:0;width:36px}.admin-topbar__logo{flex-shrink:0;width:40px;height:40px}.admin-topbar__title{font-family:var(--heading);color:var(--hara-secondary-1);font-size:15px;font-weight:700}.admin-drawer-backdrop{z-index:30;background:#1a131673;display:block;position:fixed;inset:0}.admin-sidebar-wrap{z-index:40;width:264px;max-width:84vw;height:100%;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%)}.admin-sidebar-wrap.open{transform:translate(0)}.admin-sidebar{box-shadow:var(--shadow);padding-top:calc(env(safe-area-inset-top) + 24px);padding-bottom:calc(env(safe-area-inset-bottom) + 24px);padding-left:calc(env(safe-area-inset-left) + 18px)}.table-head{display:none}.table-row{grid-template-columns:1fr;gap:4px}.table-card--outlets .table-row{grid-template-columns:1fr}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar .field-group{min-width:0}.filter-bar__actions{margin-left:0}}.install-prompt-wrap{left:50%;top:calc(env(safe-area-inset-top) + 14px);z-index:9100;pointer-events:none;max-width:94vw;position:fixed;transform:translate(-50%)}.install-prompt{box-sizing:border-box;border-left:4px solid var(--hara-primary-yellow);border-radius:var(--radius-sm);pointer-events:auto;width:max-content;max-width:min(94vw,320px);color:var(--hara-primary-white);background:#2a0a0c;align-items:center;gap:10px;padding:10px 14px 10px 10px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 30px -12px #00000080,0 4px 10px -3px #00000059}.install-prompt__icon{object-fit:contain;flex-shrink:0;width:30px;height:30px}.install-prompt__text{min-width:0}.install-prompt__title{font-family:var(--heading);color:var(--hara-primary-white);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:700;line-height:1.3;overflow:hidden}.install-prompt__desc{color:#ffffffb8;margin:1px 0 0;font-size:11px;line-height:1.35}.install-prompt__desc strong{color:var(--hara-primary-yellow);font-weight:700}.install-prompt__install{background:var(--hara-primary-yellow);width:32px;height:32px;color:var(--hara-secondary-1);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:transform .15s;display:inline-flex}.install-prompt__install:active{transform:scale(.96)}.install-prompt__progress{transform-origin:0;background:#fff6;width:100%;height:3px;animation:linear forwards install-prompt-deplete;position:absolute;bottom:0;left:0}@keyframes install-prompt-deplete{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.install-prompt__progress{animation:none}}