@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--brand:#0e5356;--brand-hover:#0a4346;--brand-light:#167a7e;--brand-deep:#083c3e;--brand-soft:#0e53561a;--brand-soft-strong:#0e535629;--brand-border:#0e535638;--brand-glow:#0e535647;--ink:#0f2224;--ink-secondary:#3a5254;--muted:#5f7375;--muted-soft:#84999b;--surface:#f1f5f5;--surface-elevated:#fff;--surface-tint:#e6f1f1;--surface-dark:#0a2e30;--line:#0f22241a;--line-strong:#0e535638;--shadow-sm:0 1px 3px #0f22240d;--shadow-md:0 10px 28px #0f222414;--shadow-brand:0 10px 24px #0e535638;--success:#0e5356;--success-soft:#0e53561a;--info:#0284c7;--info-soft:#0284c71a;--warning:#d97706;--warning-soft:#d977061f;--danger:#dc2626;--danger-soft:#dc26261a;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:20px;--font:"Manrope", "Segoe UI", sans-serif;--app-max:1200px}html{-webkit-text-size-adjust:100%;font-size:16px}body{min-height:100vh;font-family:var(--font);color:var(--ink);background:radial-gradient(ellipse 80% 50% at 10% -10%, #0e53561a, transparent 55%), radial-gradient(ellipse 60% 40% at 100% 0%, #167a7e12, transparent 50%), var(--surface);margin:0}#root{min-height:100vh}.auth-loading{min-height:240px;color:var(--muted);font-size:.92rem;font-family:var(--font);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex}.auth-loading-spinner{border:3px solid var(--brand-soft-strong);border-top-color:var(--brand);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}.App{font-family:var(--font);width:100%;min-height:100vh;max-width:min(100%, var(--app-max));background-color:var(--surface-elevated);box-shadow:var(--shadow-md);color:var(--ink);flex-direction:column;margin:0 auto;display:flex;overflow-x:clip}.main-content{background:linear-gradient(180deg, #e6f1f18c 0%, transparent 180px), var(--surface-elevated);flex:1;width:100%;min-width:0;max-width:100%;padding:1.25rem .85rem 2rem}@media (width>=768px){.main-content{padding:2rem 1.5rem 2.5rem}}img,svg,video,canvas{max-width:100%;height:auto}button,input,select,textarea{font-family:inherit}.route-fallback{min-height:240px;color:var(--muted);justify-content:center;align-items:center;font-size:.95rem;display:flex}a{color:var(--brand)}.heder{--header-accent:var(--brand);--header-accent-light:var(--brand-light);--header-accent-soft:var(--brand-soft);--header-text:var(--ink);--header-muted:var(--muted);--header-border:var(--brand-border);--header-bg:#ffffffe0;background:var(--header-bg);-webkit-backdrop-filter:blur(16px)saturate(180%);border-bottom:1px solid var(--header-border);z-index:100;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;width:100%;max-width:100%;padding:.85rem 1.25rem;display:flex;position:sticky;top:0;overflow-x:clip;box-shadow:inset 0 1px #fffc,0 4px 24px #0e53560f}.logo{flex:auto;min-width:0;max-width:100%}.logo a,.logo-link{color:inherit;align-items:center;gap:.65rem;text-decoration:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex}.logo a:hover,.logo-link:hover{transform:scale(1.02)}.logo-icon{background:linear-gradient(135deg, var(--header-accent) 0%, var(--header-accent-light) 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;animation:2.8s ease-in-out infinite logo-icon-pulse;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0e535659}.logo-icon:after{content:"";background:linear-gradient(120deg,#0000 30%,#ffffff73 50%,#0000 70%);animation:3.5s ease-in-out infinite logo-icon-shine;position:absolute;inset:-50%}.logo-icon svg{z-index:1;color:#fff;position:relative}@keyframes logo-icon-pulse{0%,to{transform:translateY(0)scale(1);box-shadow:0 4px 12px #0e535659,0 0 #167a7e66}50%{transform:translateY(-2px)scale(1.05);box-shadow:0 8px 20px #0e535673,0 0 0 6px #167a7e00}}@keyframes logo-icon-shine{0%,70%,to{opacity:0;transform:translate(-120%)rotate(25deg)}75%{opacity:1}95%{opacity:0;transform:translate(120%)rotate(25deg)}}.logo-link:hover .logo-icon{animation:2.8s ease-in-out infinite logo-icon-pulse,.5s logo-icon-wiggle}@keyframes logo-icon-wiggle{0%,to{rotate:0deg}25%{rotate:-6deg}75%{rotate:6deg}}@keyframes logo-letter-pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.logo h1{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(90deg, var(--header-accent) 0%, var(--header-accent-light) 40%, #7dd3d6 50%, var(--header-accent-light) 60%, var(--header-accent) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;max-width:min(42vw,320px);margin:0;font-size:1.15rem;font-weight:700;line-height:1.25;animation:4s linear infinite logo-text-shimmer;overflow:hidden}@keyframes logo-text-shimmer{0%{background-position:0%}to{background-position:200%}}@media (prefers-reduced-motion:reduce){.logo-icon,.logo-icon:after,.logo-icon-inner,.logo h1,.logo-link:hover .logo-icon,.logo-link:hover .logo-icon-inner,.navigation li,.navigation a.active{animation:none}.navigation a:after,.nav-logout:after,.nav-survey-toggle:after{display:none}}.menu-toggle{background:var(--header-accent-soft);border:1px solid var(--header-border);width:2.75rem;height:2.75rem;color:var(--header-accent);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:0;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .15s,color .2s;display:flex}.menu-toggle:active{transform:scale(.96)}.nav-link-icon{opacity:.85;flex-shrink:0;transition:opacity .2s,transform .2s}.navigation a:hover .nav-link-icon,.navigation a.active .nav-link-icon,.nav-logout:hover .nav-link-icon,.nav-survey-toggle:hover:not(:disabled) .nav-link-icon{opacity:1}.navigation a.active .nav-link-icon{color:#fff}.navigation ul{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.navigation li{margin:0}.navigation.open li{animation:.4s cubic-bezier(.22,1,.36,1) backwards nav-item-enter}.navigation.open li:first-child{animation-delay:40ms}.navigation.open li:nth-child(2){animation-delay:80ms}.navigation.open li:nth-child(3){animation-delay:.12s}.navigation.open li:nth-child(4){animation-delay:.16s}.navigation.open li:nth-child(5){animation-delay:.2s}.navigation.open li:nth-child(6){animation-delay:.24s}.navigation.open li:nth-child(7){animation-delay:.28s}.navigation.open li:nth-child(8){animation-delay:.32s}.navigation.open li:nth-child(9){animation-delay:.36s}@keyframes nav-item-enter{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.navigation a{color:var(--header-muted);letter-spacing:.01em;-webkit-backdrop-filter:blur(8px);isolation:isolate;background:#ffffff80;border:1px solid #0000;border-radius:12px;align-items:center;gap:.65rem;padding:.7rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .25s,background .25s,border-color .25s,box-shadow .25s,transform .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.navigation a:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 25%,#fff9 50%,#0000 75%);transition:transform .55s;position:absolute;inset:0;transform:translate(-130%)}.navigation a:hover{color:var(--header-accent);background:#ffffffeb;border-color:#0e535624;transform:translate(5px);box-shadow:0 4px 16px #0e53561a,inset 0 1px #fffc}.navigation a:hover:after{transform:translate(130%)}.navigation a:active{transition-duration:.1s;transform:translate(3px)scale(.98)}.navigation a.active{color:#fff;background:linear-gradient(135deg, var(--header-accent) 0%, var(--header-accent-light) 100%);border-color:#0000;font-weight:700;box-shadow:0 4px 18px #0e535659,inset 0 1px #fff3}.navigation a.active:hover{color:#fff;background:linear-gradient(135deg, var(--header-accent-light) 0%, #2a9a9e 100%);border-color:#0000;transform:translate(5px)translateY(-1px);box-shadow:0 6px 22px #0e535666,inset 0 1px #ffffff40}.nav-logout{text-align:center;letter-spacing:.02em;color:#dc2626;cursor:pointer;background:#ef44440f;border:1px solid #ef444433;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.65rem 1rem;font-family:inherit;font-size:.875rem;font-weight:700;transition:background-color .25s,border-color .25s,transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,color .25s;display:flex;position:relative;overflow:hidden}.nav-logout:after{content:"";background:linear-gradient(120deg,#0000 30%,#ffffff59 50%,#0000 70%);transition:transform .45s;position:absolute;inset:0;transform:translate(-120%)}.nav-logout:hover{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-color:#0000;transform:translate(5px);box-shadow:0 4px 16px #ef444459}.nav-logout:hover:after{transform:translate(120%)}.nav-logout:active{transform:translate(3px)scale(.98)}.nav-survey-toggle{width:100%;color:var(--header-accent);letter-spacing:.01em;text-align:left;cursor:pointer;background:#0e53560a;border:1px dashed #0e53564d;border-radius:12px;align-items:center;gap:.5rem;min-width:0;padding:.65rem 1rem;font-family:inherit;font-size:.82rem;font-weight:700;transition:background .25s,border-color .25s,color .25s,box-shadow .25s,transform .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.nav-survey-toggle span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nav-survey-toggle:after{content:"";background:linear-gradient(120deg,#0000 30%,#fff6 50%,#0000 70%);transition:transform .45s;position:absolute;inset:0;transform:translate(-120%)}.nav-survey-toggle:hover:not(:disabled){background:#0e53561a;border-style:solid;border-color:#0e535673;transform:translate(5px);box-shadow:0 4px 14px #0e53561f}.nav-survey-toggle:hover:not(:disabled):after{transform:translate(120%)}.nav-survey-toggle:active:not(:disabled){transform:translate(3px)scale(.98)}.nav-survey-toggle-on{color:#0a4346;background:linear-gradient(135deg,#0e53561f 0%,#167a7e14 100%);border-style:solid;border-color:#0e535659}.nav-survey-toggle-on:before{color:#167a7e}.nav-survey-toggle-on:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#167a7e 0%,#0a4346 100%);border-color:#0000;box-shadow:0 4px 16px #167a7e4d}.nav-survey-toggle:disabled{opacity:.55;cursor:not-allowed}.navigation{border-top:1px solid var(--header-border);order:3;width:100%;padding-top:.5rem;animation:.25s nav-slide-down;display:none}@keyframes nav-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.navigation.open{display:block}.navigation.open ul{border:1px solid var(--header-border);background:#0e53560a;border-radius:14px;padding:.5rem}@media (width>=768px){.heder{flex-wrap:wrap;padding:.9rem 1.75rem}.logo h1{max-width:min(36vw,360px);font-size:1.35rem}.menu-toggle{display:none}.navigation{flex:auto;order:unset;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-top:none;width:auto;min-width:0;max-width:100%;padding-top:0;animation:none;display:block;overflow-x:auto}.navigation::-webkit-scrollbar{display:none}.navigation ul{background:#0e53560d;border:1px solid #0e53561a;border-radius:999px;flex-flow:row;align-items:center;gap:.15rem;width:max-content;max-width:100%;padding:.3rem;box-shadow:inset 0 1px #fff9,0 1px 4px #0e53560f}.navigation li{animation:.45s cubic-bezier(.22,1,.36,1) backwards nav-item-enter}.navigation li:first-child{animation-delay:50ms}.navigation li:nth-child(2){animation-delay:.1s}.navigation li:nth-child(3){animation-delay:.15s}.navigation li:nth-child(4){animation-delay:.2s}.navigation li:nth-child(5){animation-delay:.25s}.navigation li:nth-child(6){animation-delay:.3s}.navigation li:nth-child(7){animation-delay:.35s}.navigation li:nth-child(8){animation-delay:.4s}.navigation li:nth-child(9){animation-delay:.45s}.navigation a{-webkit-backdrop-filter:none;white-space:nowrap;background:0 0;border-radius:999px;padding:.4rem .7rem;font-size:.78rem}.navigation a:hover{background:#ffffffd9;transform:translateY(-1px)}.navigation a:active{transform:translateY(0)scale(.97)}.navigation a.active:hover{transform:translateY(-2px)}.nav-logout{white-space:nowrap;border-radius:999px;width:auto;margin-left:.25rem;padding:.4rem .85rem}.nav-logout:hover{transform:translateY(-1px)}.nav-logout:active{transform:translateY(0)scale(.97)}.nav-survey-toggle{white-space:nowrap;border-radius:999px;width:auto;max-width:180px;padding:.4rem .75rem;font-size:.72rem}.nav-survey-toggle:hover:not(:disabled){transform:translateY(-1px)}.nav-survey-toggle:active:not(:disabled){transform:translateY(0)scale(.97)}.logo-icon{border-radius:12px;width:2.5rem;height:2.5rem}}@media (width>=1100px){.heder{flex-wrap:nowrap}.navigation{flex:auto;order:unset;width:auto;overflow-x:auto}.navigation ul{flex-wrap:nowrap;width:max-content}.navigation a{padding:.45rem .85rem;font-size:.8125rem}.nav-survey-toggle{max-width:220px;font-size:.75rem}.logo h1{max-width:min(320px,30vw)}}.heder{border-bottom:1px solid var(--brand-border);box-shadow:var(--shadow-sm);background:radial-gradient(circle at 12% 0,#0e535624,#0000 28%),linear-gradient(135deg,#fffffff7 0%,#e6f1f1e6 100%);padding:.75rem clamp(.85rem,2vw,1.75rem);display:block}.header-shell{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.65rem .75rem;width:100%;max-width:1180px;margin:0 auto;display:grid}.logo{flex:unset;grid-area:1/1;min-width:0}.logo a,.logo-link{gap:.75rem}.logo-icon{background:linear-gradient(135deg,#ffffff38,#0000),linear-gradient(135deg,#0e5356 0%,#167a7e 100%);border-radius:16px;width:2.65rem;height:2.65rem;box-shadow:0 10px 22px #0e535642,inset 0 1px #ffffff59}.logo h1,.brand-title{color:#0f2224;-webkit-text-fill-color:currentColor;background:0 0;max-width:none;animation:none}.brand-copy{gap:.12rem;min-width:0;display:grid}.brand-kicker{color:#0e5356;letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:800;line-height:1}.brand-title{color:#0f2224;letter-spacing:.02em;text-transform:uppercase;-webkit-text-fill-color:currentColor;background:0 0;max-width:none;margin:0;font-size:.78rem;font-weight:800;line-height:1.15;animation:none}.brand-motto{color:#9a6700;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;max-width:15rem;font-size:.68rem;font-weight:700;line-height:1.25;display:block;overflow:hidden}.header-user{color:#083c3e;background:#ffffffb8;border:1px solid #0e535629;border-radius:999px;align-items:center;gap:.45rem;min-width:0;max-width:220px;padding:.45rem .7rem;display:none;box-shadow:inset 0 1px #ffffffbf}.header-user-label{color:#5f7375;font-size:.72rem;font-weight:700;display:none}.header-user-name{color:#0f2224;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.menu-toggle{color:#0e5356;background:#0e53561a;border-color:#0e53562e;grid-area:1/2;justify-self:end}.menu-toggle:hover{background:#0e535629;border-color:#0e535647;box-shadow:0 8px 18px #0e535624}.navigation{order:unset;grid-area:2/1/auto/-1;min-width:0}.navigation.open ul{background:#ffffffc7;border-color:#0e535629;box-shadow:0 14px 30px #083c3e1a}.navigation a{color:#52615b}.navigation a:hover{color:#0e5356;border-color:#0e535629;box-shadow:0 8px 18px #0e53561a,inset 0 1px #ffffffd1}.navigation a.active{background:linear-gradient(135deg,#0e5356 0%,#167a7e 100%);box-shadow:0 10px 24px #0e535647,inset 0 1px #ffffff38}.navigation a.active:hover{background:linear-gradient(135deg,#167a7e 0% 100%);box-shadow:0 12px 28px #0e535652,inset 0 1px #ffffff42}@media (width>=768px){.header-shell{flex-wrap:nowrap;grid-template-columns:auto minmax(0,1fr) auto}.logo{flex:unset;grid-area:1/1}.header-user{grid-area:1/3;max-width:180px;display:inline-flex}.menu-toggle{display:none}.navigation{order:unset;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-top:0;grid-area:1/2;width:auto;min-width:0;max-width:100%;padding-top:0;display:block;overflow-x:auto}.navigation::-webkit-scrollbar{display:none}.navigation ul{background:#ffffffb8;border-color:#0e535624;flex-wrap:nowrap;width:max-content;max-width:none;margin-inline:auto;padding:.24rem;box-shadow:inset 0 1px #ffffffc7,0 10px 28px #083c3e14}.navigation a,.nav-logout{padding:.4rem .65rem;font-size:.75rem}.nav-logout{margin-left:.1rem}.navigation .nav-link-icon{width:14px;height:14px}}@media (width>=1100px){.header-shell{grid-template-columns:auto minmax(0,1fr) auto}.logo{flex-basis:unset}.brand-motto{white-space:normal;max-width:18rem}.header-user{max-width:240px}.header-user-label{display:inline}.navigation{flex:unset;width:auto;overflow-x:auto}.navigation ul{flex-wrap:nowrap;width:max-content;max-width:none}.navigation a,.nav-logout{padding:.45rem .78rem;font-size:.8rem}}.header-ceo-stats{color:#083c3e;background:#ffffffc7;border:1px solid #0e535629;border-radius:14px;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:.45rem .7rem;padding:.55rem .75rem;font-size:.78rem;display:flex}.header-ceo-stats-bxm{color:#0e5356;letter-spacing:.02em;background:#0e53561f;border-radius:999px;padding:.2rem .55rem;font-weight:800}.header-ceo-stats span strong{color:#0f2224;font-weight:800}@media (width<=767px){.heder{gap:.55rem;padding:.7rem .85rem}.logo h1,.brand-title{max-width:min(48vw,180px);font-size:.72rem}.brand-motto{max-width:min(52vw,190px);font-size:.62rem}.header-ceo-stats{-webkit-overflow-scrolling:touch;order:5;width:100%;overflow-x:auto}}.footer{--footer-accent:var(--brand);--footer-accent-light:var(--brand-light);color:#ffffffeb;background:radial-gradient(circle at 85% 10%,#0e535652,#0000 45%),radial-gradient(circle at 10% 90%,#167a7e2e,#0000 40%),linear-gradient(165deg,#0a2e30 0%,#0f2224 48%,#134548 100%);width:100%;margin-top:auto;position:relative;overflow:hidden}.footer:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--footer-accent) 20%, var(--footer-accent-light) 50%, var(--footer-accent) 80%, transparent 100%);height:3px;position:absolute;top:0;left:0;right:0}.footer:after{content:"";pointer-events:none;background:radial-gradient(circle,#0e53563d 0%,#0000 70%);border-radius:50%;width:220px;height:220px;position:absolute;top:-50%;right:-18%}.footer-inner{z-index:1;text-align:center;flex-direction:column;align-items:center;max-width:900px;margin:0 auto;padding:1.35rem 1rem 1.25rem;display:flex;position:relative}.footer-brand{color:#fffffff2;background:linear-gradient(135deg,#167a7e80,#0e535661);border:1px solid #ffffff1f;border-radius:12px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;margin:0 0 .7rem;display:flex;box-shadow:0 6px 16px #08282a59}.footer-kicker{letter-spacing:.14em;text-transform:uppercase;color:#7dd3d6f2;margin:0 0 .25rem;font-size:.68rem;font-weight:800;line-height:1.3}.footer-org{letter-spacing:.01em;color:#fffffff5;text-wrap:balance;max-width:18rem;margin:0 0 .7rem;font-size:.92rem;font-weight:700;line-height:1.35}.footer-dept{letter-spacing:.01em;color:#ffffffad;text-align:left;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:flex-start;gap:.4rem;max-width:20rem;margin:0 0 .9rem;padding:.55rem .75rem;font-size:.72rem;font-weight:600;line-height:1.45;display:flex}.footer-dept-icon{color:#7dd3d6f2;flex-shrink:0;margin-top:.12rem}.footer-dept span{min-width:0}.footer-divider{background:linear-gradient(90deg, var(--footer-accent), var(--footer-accent-light));opacity:.75;border-radius:2px;width:2.5rem;height:2px;margin:0 0 .75rem}.footer-copy{color:#ffffff6b;letter-spacing:.02em;margin:0;font-size:.72rem;font-weight:500}@media (width>=768px){.footer:after{width:280px;height:280px;top:-60%;right:-10%}.footer-inner{padding:2rem 2rem 1.75rem}.footer-brand{width:2.75rem;height:2.75rem;margin-bottom:.85rem}.footer-kicker{font-size:.72rem}.footer-org{max-width:none;margin-bottom:.85rem;font-size:1rem}.footer-dept{text-align:center;align-items:center;max-width:34rem;margin-bottom:1.15rem;padding:.6rem 1rem;font-size:.8rem}.footer-dept-icon{margin-top:0}.footer-divider{width:3rem;margin-bottom:1rem}.footer-copy{font-size:.85rem}}