*,*:before,*:after{margin:0;padding:0}:root{--background: #fff6ea;--primary: #a8d8c4;--secondary: #CFE8FF;--accent: #FCE7C8;--text-dark: #666666;--secondary-text: #A8D8C4;--highlight: #DAD5F8;--text-gradient-1: linear-gradient(0deg, #f19a5c, #f9db6f);--text-gradient-2: radial-gradient(circle at 0% 0%, #62bfd4, #f1dd76);--background-gradient: linear-gradient(120deg, #FCE7C8, #dbeaf8);--font-display: "Cormorant Garamond", sans-serif;--font-body: "Quicksand", sans-serif;--font-lore: "Cormorant Garamond", sans-serif;--text-xss: .68rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.75rem;--text-2xl: 2.25rem;--text-3xl: 3rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 999px;--shadow-soft: 0 0 8px rgba(255, 255, 255, .1);--shadow-hard: 0 0 18px rgba(0, 0, 0, .5);--glow-accent: 0 0 15px var(--accent);--glow-highlight: 0 0 12px var(--hightlight)}html,body{height:100%;margin:0}body{background:transparent}#root,.App,main{background:transparent}html:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(120deg,#fce7c8,#dbeaf8);opacity:1}html:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(10deg,#dbeaf8,#fce7c8);opacity:0;animation:fadeB 20s ease-in-out infinite}@keyframes fadeB{0%,to{opacity:0}50%{opacity:.25}}body{font-family:var(--font-body);color:var(--text-dark)}h1,h2,h3{font-family:var(--font-display);font-weight:550}p{font-size:var(--text-base);font-weight:500}.flex{display:flex}.space-between{justify-content:space-between}.space-around{justify-content:space-around}.column{flex-direction:column}.justify-right{justify-content:flex-end}.justify-center{justify-content:center}.align-center{align-items:center}.teampulse-logo{width:clamp(265px,20vw,320px);overflow:visible;display:block;padding:var(--space-3)}.landing{min-height:100vh;flex-direction:column;align-items:center;display:flex}.header{width:100%;display:flex;justify-content:flex-start}.tagline{padding:20vh 5% 5%;text-align:center;font-size:var(--text-xl);text-shadow:0 0 10px rgba(249,209,162,.2),0 0 10px rgba(209,218,227,.3)}.tagline-1{font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2.2rem);font-weight:600;letter-spacing:.01em;color:var(--text-dark);margin-top:1.5rem;margin-bottom:.4rem;opacity:0;transform:translateY(10px);animation:fadeUp 1.4s ease-out forwards}.tagline-2{font-family:var(--font-body);font-size:clamp(1rem,2.2vw,1.4rem);font-weight:400;letter-spacing:.01em;color:var(--text-dark);margin-bottom:1.8rem;opacity:0;transform:translateY(10px);animation:fadeUp 2s ease-out forwards;animation-delay:.4s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.pulse-dot{fill:var(--primary, #A8D8C4);animation:pulseDot 5s ease-in-out infinite;opacity:.85;transform-origin:center;transform-box:fill-box}@keyframes pulseDot{0%{transform:scale(1);opacity:1}26%{transform:translateY(-70px) scale(1);opacity:1}31.5%{transform:translateY(-70px) scale(1);opacity:1}51.3%{transform:translateY(-72px) scale(1.3);opacity:1}57.8%{transform:translateY(-72px) scale(1.12);opacity:.5}63%{transform:translateY(-72px) scale(1.2);opacity:1}89%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:1}to{transform:scale(1);opacity:1}}.btn{height:6vh;max-width:460px;font-weight:600;font-size:var(--text-base);padding:.5rem 1rem;margin:var(--space-4);font-family:var(--font-body);border-radius:40px;color:var(--text-dark);background-color:var(--background);letter-spacing:1.5px;transition:all .5s;cursor:pointer;border:none}.btn:hover{letter-spacing:2.8px;color:var(--background);background-color:#bed7cf;background-image:none;box-shadow:0 20px 20px #bed7cf}.btn:active{letter-spacing:3px;background-color:var(--primary);color:#fff;box-shadow:0 0 0 var(--primary);transform:translateY(8px);transition:.2s}.signup-form{display:flex;flex-direction:column;gap:16px;color:var(--text-dark)}.signup-title{color:#666}.signup-form input,.signup-form select{padding:10px;border-radius:8px;border:1px solid #ccc;outline:none;background:#f5f5f5;color:#666}.signup-button{margin-top:10px;padding:12px;background:var(--primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px}.signup-page-wrapper{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.signup-card{background:#ffffffd9;padding:40px;border-radius:16px;width:100%;max-width:400px;box-shadow:0 4px 12px #0000001a}.signup-title{text-align:center;color:#555;margin-bottom:10px}@media(max-width:480px){.signup-page-wrapper{padding:10px}.signup-card{padding:20px;width:70%;max-width:320px}.signup-form input,.signup-form select,.signup-form button{font-size:14px;padding:8px}.signup-title{font-size:18px}}.login-form{display:flex;flex-direction:column;gap:16px;color:var(--text-dark)}.error-box{background:#ffe5e5;padding:10px;border-radius:8px;border:1px solid #ffb3b3;color:#d40000;font-size:14px}.input-group{display:flex;flex-direction:column;gap:6px}.input-group input{padding:10px;border-radius:8px;border:1px solid #ccc;outline:none;background:#f5f5f5}.login-button{margin-top:10px;padding:12px;background:var(--primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px}.header{width:100%;position:absolute;top:0;left:0;z-index:10;display:flex;align-items:center}.login-background{min-height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:140px;position:relative;overflow:hidden}.login-card{background:#fffffff2;padding:40px;border-radius:16px;width:100%;max-width:400px;box-shadow:0 4px 12px #0000001a;z-index:5}.login-title{text-align:center;color:#555;margin-bottom:10px}@media(max-width:480px){.header{padding:10px;justify-content:center}.login-background{padding-top:100px;align-items:center}.login-card{width:70%;padding:20px;max-width:320px}.login-title{font-size:18px}.login-card input,.login-card select,.login-card button{font-size:14px;padding:10px}}.checkin-page{background-color:var(--background-gradient);min-height:100vh;padding:1rem}.checkin-header{padding:1rem;font-family:var(--font-body)}.checkin-header .header-left{flex:1}.survey-container{width:100%;max-width:600px;margin:2rem auto;padding:1.5rem;background-color:#fffffd;border-radius:17px;height:auto;color:var(--text-dark);box-shadow:0 2px 8px #0000001a}.survey-container h2{padding:0;font-weight:500;font-size:1.5rem;line-height:1.4;color:var(--text-dark);margin-bottom:2rem;font-family:var(--font-body)}.survey-container .subtitle{color:var(--secondary-text);margin-bottom:2rem;font-size:1rem}.survey-form section:first-of-type{margin-top:2rem}.survey-form h3{color:var(--text-dark);margin-bottom:1rem;font-size:1.2rem;font-weight:500;font-style:italic;font-family:var(--font-body);letter-spacing:.3px}button{padding:.75rem 1rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;font-family:var(--font-body)}button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}button:active{transform:translateY(0)}button.primary-btn{background-color:var(--primary);color:#fff}button.primary-btn:hover{background-color:#92c9b5}button.secondary-btn{background-color:var(--secondary);color:var(--text-dark)}button.secondary-btn:hover{background-color:#b8d9ff}.mood-option,.workload-option{background-color:#a8d8c433;border:2px solid var(--primary);padding:1rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-family:var(--font-body);font-weight:500}.mood-option:hover,.workload-option:hover{background-color:#a8d8c466;transform:scale(1.05)}.mood-option.selected,.workload-option.selected{background-color:var(--primary);color:#fff;border-color:var(--primary)}.notes-box{width:100%;min-height:100px;padding:1rem;border:2px solid var(--primary);border-radius:8px;font-family:var(--font-body);font-size:1rem;color:var(--text-dark);background-color:#fffc;resize:vertical;transition:all .3s ease;box-sizing:border-box}.notes-box:focus{outline:none;border-color:var(--secondary);background-color:#fff;box-shadow:0 0 0 3px #a8d8c433}.notes-box::placeholder{color:var(--secondary-text);opacity:.7}.submit-btn{width:100%;padding:1rem;background-color:var(--primary);color:#fff;font-weight:600;margin-top:1rem;font-family:var(--font-body)}.submit-btn:hover:not(:disabled){background-color:#92c9b5}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.error-msg{color:#dc3545;padding:1rem;background-color:#dc35451a;border-radius:8px;margin:1rem 0;font-family:var(--font-body)}.success-msg{color:#28a745;padding:1rem;background-color:#28a7451a;border-radius:8px;margin:1rem 0;font-family:var(--font-body)}.option-card{background-color:#a8d8c41a;border:2px solid var(--primary);padding:1.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--text-dark);font-family:var(--font-body);font-weight:500}.option-card:hover{background-color:#a8d8c433;transform:translateY(-2px);box-shadow:0 4px 12px #a8d8c433}.option-card.selected{background-color:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #a8d8c466}.option-card svg{color:var(--primary)}.option-card.selected svg{color:#fff}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;margin-bottom:2rem}@media only screen and (max-width:768px){.checkin-page{padding:.5rem}.survey-container{padding:1rem;margin:1rem auto}.survey-container h2{font-size:1.75rem;line-height:1.3;margin-bottom:1.5rem}.survey-form h3{font-size:1.25rem;margin-bottom:1rem}.options-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.option-card{padding:1rem}.notes-box{min-height:80px}button{padding:.6rem 1.2rem;font-size:.95rem}}@media only screen and (max-width:480px){.survey-container{padding:.75rem;margin:.5rem auto}.survey-container h2{font-size:1.5rem;line-height:1.2;margin-bottom:1rem}.survey-form h3{font-size:1.1rem;margin-bottom:.75rem}.options-grid{grid-template-columns:1fr;gap:.5rem}.option-card{padding:.75rem;gap:.5rem}button{padding:.5rem 1rem;font-size:.9rem}.submit-btn{padding:.75rem}}.top-bar{display:flex;justify-content:center;margin-bottom:20px}.dashboard-btn{background-color:#4f46e5;color:#fff;padding:8px 16px;border-radius:8px;border:none;cursor:pointer;font-weight:700;transition:background-color .2s ease}.dashboard-btn:hover{background-color:#3730a3}@media(max-width:768px){.survey-container{margin:1rem auto;padding:2rem;width:80%;max-width:400px}.survey-container .options-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.survey-container .option-card{padding:1rem;gap:.5rem}@media(max-width:480px){.survey-container{margin:.5rem auto;padding:1.5rem;width:80%;max-width:320px}.options-grid{grid-template-columns:1fr;gap:.5rem}.option-card{padding:.75rem;gap:.5rem}.survey-container h2{font-size:1.5rem;margin-bottom:1rem}.survey-form h3{font-size:1.1rem;margin-bottom:.75rem}}}.dashboard-container{max-width:1500px;margin:0 auto;padding:0 16px}.dashboard-switchview{gap:1rem;padding:2rem 0 1rem}.dashboard-chooseteam-select-mobile{border:solid 2px var(--primary);border-radius:20px;padding:var(--space-1);padding:.4rem .4rem .4rem .8rem;font-family:var(--font-body);font-weight:500;cursor:pointer}.dashboard-chooseteam-select-mobile:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #00806026}.dashboard-chooseteam-buttons{display:none}.dashboard-selects{gap:1rem}.no-teams-message{font-size:var(--text-lg);color:var(--text-dark);padding-left:var(--text-xl)}@media only screen and (min-width:800px){.dashboard-container{padding:0 20px}.dashboard-switchview{justify-content:flex-end;padding:0 1rem 2rem 0;display:flex}.dashboard-chooseteam-buttons{gap:2rem;display:flex}.dashboard-chooseteam-select-mobile{display:none}}.dashboard-btn{min-height:1rem;min-width:5rem;font-weight:500;font-size:var(--text-base);padding:.65rem .5rem;font-family:var(--font-body);border-radius:20px;color:var(--text-dark);background-color:var(--background);transition:all .5s;cursor:pointer;border:none;text-align:center}.dashboard-btn:hover{letter-spacing:1.7px;background-color:var(--background)}.dashboard-btn:active,.dashboard-btn.selected{letter-spacing:1.7px;background-color:var(--primary);box-shadow:0 4px 10px #00000026;transform:translateY(-2px);color:#fff;transition:.2s}@media only screen and (min-width:800px){.dashboard-btn{min-height:2.8rem;min-width:8rem;font-weight:600;font-size:var(--text-base);padding:1rem 3.2rem;margin:var(--text-xxs);font-family:var(--font-body);border-radius:40px;color:var(--text-dark);background-color:var(--background);letter-spacing:1.2px;transition:all .5s;cursor:pointer;border:none}}.dashboardView-container{display:flex;flex-direction:column;align-items:center}.dashboardOverview{margin-top:1rem;gap:.5rem;padding:1rem;border-radius:1.5rem;background:linear-gradient(to right,#a8d8c433,#cfe8ff33);border:1px solid rgba(101,168,140,.5)}.dashboardCards-row{display:flex;flex-wrap:nowrap;justify-content:space-around;gap:clamp(1rem,1.5vw,2rem);width:100%}.dashboard-title{font-size:clamp(1.2rem,2.5vw,1.3rem);color:var(--text-dark);font-family:var(--font-body);font-weight:400;margin-left:.3rem}.dashboardOverview-header{padding:0 0 .5rem .8rem}.dashboardCards-row{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1rem,2vw,1.5rem);align-items:stretch}.charts-row{display:flex;gap:3rem;margin-top:2rem;width:90%;align-items:stretch;justify-content:center}.mood-row{margin-top:1rem}.workload-row{margin-top:2rem}@media only screen and (max-width:1200px){.charts-row{height:450px;gap:1.5rem}.dashboardOverview{min-width:600px}}@media only screen and (max-width:800px){.dashboardOverview{margin:1.5rem 0 2rem;border-radius:1.5rem;min-width:300px}.dashboard-title{font-size:clamp(1.2rem,2.5vw,1.3rem);color:var(--text-dark);font-family:var(--font-body);font-weight:400;margin-left:.3rem}.dashboardOverview-header{padding:0 0 .5rem .8rem}.dashboardCards-row{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1.01rem,2vw,1.5rem);align-items:stretch}.charts-row{display:flex;flex-direction:column;height:auto;gap:1.5rem;align-items:center}.charts-row>*{min-width:100%;height:400px}.mood-row,.workload-row{margin-top:1.5rem}}.pie-chart-container{flex:1;background-color:#fffffd;border-radius:12px;display:flex;flex-direction:column;padding:1.5rem;box-shadow:0 2px 8px #0000001a;min-width:280px;max-width:430px}.pie-chart-container h3{margin:0 0 1.5rem;font-weight:600;font-size:1.4rem;font-family:var(--font-body);color:var(--text-dark)}.chart-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:.8rem}.pie-chart-container canvas{max-width:100%;height:auto;margin-bottom:1.5rem}@media only screen and (max-width:1200px){.pie-chart-container{padding:1.25rem;max-width:350px}.pie-chart-container h3{font-size:1rem}}@media only screen and (max-width:768px){.pie-chart-container{padding:1rem;flex:1;min-width:100%;max-width:100%;height:auto}.pie-chart-container h3{font-size:1.1rem;margin-bottom:1rem}.chart-wrapper{padding:.5rem;max-height:300px}.pie-chart-container canvas{margin-bottom:.8rem;max-height:250px}}@media only screen and (max-width:480px){.pie-chart-container{padding:.8rem}.pie-chart-container h3{font-size:1rem;margin-bottom:.8rem}.chart-wrapper{padding:.3rem;max-height:250px}.pie-chart-container canvas{margin-bottom:.6rem;max-height:200px}}.needs-attention-box{background-color:#fff;border-radius:12px;padding:2rem;margin:2rem 0;box-shadow:0 2px 12px #00000014;border-left:5px solid #f97316;width:81vw;max-width:1300px}.attention-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.attention-icon{font-size:1.5rem;color:#f97316}.attention-header h3{font-size:1.25rem;font-weight:600;color:var(--text-dark);margin:0;font-family:var(--font-body)}.no-flags{color:var(--secondary-text);font-size:.95rem;margin:0;padding:1rem;background-color:#4ade801a;border-radius:8px;border-left:4px solid #22c55e}.flagged-members{display:flex;flex-direction:column;gap:1rem}.flag-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-radius:8px;border-left:4px solid;background-color:#ffffff80}.flag-item.severity-critical{border-left-color:#dc2626;background-color:#dc262614}.flag-item.severity-high{border-left-color:#f97316;background-color:#f9731614}.flag-item.severity-medium{border-left-color:#eab308;background-color:#eab30814}.flag-left{display:flex;align-items:center;gap:1rem;flex:1}.flag-icon{font-size:1.5rem;width:2rem;text-align:center}.flag-item.severity-critical .flag-icon{color:#dc2626}.flag-item.severity-high .flag-icon{color:#f97316}.flag-item.severity-medium .flag-icon{color:#eab308}.flag-info{display:flex;flex-direction:column;gap:.25rem}.member-name{font-weight:600;color:var(--text-dark);margin:0;font-size:.95rem;font-family:var(--font-body)}.flag-reason{color:var(--secondary-text);font-size:.85rem;margin:0;font-family:var(--font-body)}.severity-badge{padding:.375rem .75rem;border-radius:20px;font-size:.7rem;font-weight:700;letter-spacing:.5px}.severity-badge.severity-critical{background-color:#dc2626;color:#fff}.severity-badge.severity-high{background-color:#f97316;color:#fff}.severity-badge.severity-medium{background-color:#eab308;color:#000}@media only screen and (max-width:768px){.needs-attention-box{padding:1.5rem;margin:.5rem 0}.flag-item{flex-direction:column;align-items:flex-start;gap:.75rem}.severity-badge{align-self:flex-end}}.card{background:radial-gradient(178.94% 106.41% at 26.42% 106.41%,#fce7c866,#fff0 71.88%),#f7f9fb;padding:var(--text-base) var(--text-lg);color:var(--text-dark);border-radius:15px;box-shadow:0 2px 2px #00000026;height:75%;min-height:0;min-width:100px}.card-title{font-weight:550}.card-nunmber{font-size:clamp(1.65rem,2vw,2rem)}.card-indicator-icon{padding-right:var(--space-1);display:inline-flex;align-items:center;justify-content:center}.card-number-wrapper{display:flex;align-items:center;gap:.5rem}.change-indicator{display:inline-flex;align-items:center;justify-content:center}.change-indicator.up{color:#6fa876}.change-indicator.down{color:#c97a7a}.card-icon{padding-right:var(--space-1)}@media only screen and (min-width:800px){.card{width:16.5vw;height:83px;max-width:280px}}.chart-container-base{flex:1;background-color:#fffffd;border-radius:12px;display:flex;flex-direction:column;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.chart-header-base h2,.chart-header-base h3{margin:0;font-size:1.4rem;font-weight:600;color:var(--text-dark);font-family:var(--font-body)}.chart-header-base{margin-bottom:1.5rem}.chart-wrapper-base{flex:1;display:flex;align-items:center;justify-content:center;padding:.8rem}@media only screen and (max-width:1200px){.chart-container-base{padding:1.25rem}.chart-header-base h2,.chart-header-base h3{font-size:1rem}}@media only screen and (max-width:768px){.chart-container-base{padding:.8rem}.chart-header-base{margin-bottom:1rem}.chart-header-base h2,.chart-header-base h3{font-size:1.1rem}}@media only screen and (max-width:480px){.chart-container-base{padding:.5rem}.chart-header-base{margin-bottom:.6rem}.chart-header-base h2,.chart-header-base h3{font-size:1rem}}.weeklyComparisonContainer{flex:1;background-color:#fffffd;border-radius:12px;display:flex;flex-direction:column;padding:.5rem;box-shadow:0 2px 8px #0000001a}@media only screen and (max-width:768px){.weeklyComparisonContainer{padding:.75rem}}@media only screen and (min-width:769px){.weeklyComparisonContainer{padding:.9rem}}.weekly-chart-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:.8rem}@media only screen and (max-width:768px){.weekly-chart-wrapper{padding:.3rem}}@media only screen and (min-width:769px){.weekly-chart-wrapper{flex:0 1 auto;padding:5rem 0 0;justify-content:flex-start;align-items:flex-start}}.weekly-header{margin-bottom:.8rem}.weekly-header h2{margin:0;font-size:1.4rem;font-weight:600;color:var(--text-dark);font-family:var(--font-body)}@media only screen and (max-width:1200px){.weekly-header h2{font-size:1rem}}@media only screen and (max-width:768px){.weekly-header h2{font-size:1.1rem;margin-bottom:1rem}}@media only screen and (max-width:480px){.weekly-header h2{font-size:1rem;margin-bottom:.8rem}}.tp-loader-wrapper{position:absolute;top:80px;left:30px;z-index:999}.tp-loader{--size-loader: 28px;--size-orbe: 6px;width:var(--size-loader);height:var(--size-loader);position:relative;transform:rotate(45deg)}.tp-orbe{position:absolute;width:100%;height:100%;--delay: calc(var(--index) * .1s);animation:tp-orbit ease-in-out 1.5s var(--delay) infinite;opacity:calc(1 - calc(.18 * var(--index)))}.tp-orbe:after{content:"";position:absolute;top:0;left:0;width:var(--size-orbe);height:var(--size-orbe);background-color:var(--primary);box-shadow:0 0 10px 1px var(--primary);border-radius:50%}@keyframes tp-orbit{80%{transform:rotate(360deg)}to{transform:rotate(360deg)}}.manager-checkins-list{margin-top:1.5rem;display:flex;flex-direction:column;gap:.85rem}.manager-checkin-card{background:linear-gradient(135deg,#fff,#f4f0fb);border-radius:18px;padding:1rem;border:1px solid rgba(255,255,255,.9)}.manager-section{color:var(--text-dark)}.manager-checkin-header{display:flex;justify-content:space-between;align-items:center}.manager-checkin-date{font-size:.83rem;color:#0000008c}.manager-checkin-badge{font-size:.9rem;padding:.2rem .6rem;border-radius:999px;background:var(--highlight);color:#000000b3;font-family:var(--font-lore)}.manager-checkin-info-row{margin-top:.3rem;display:flex;justify-content:space-between;align-items:center}.manager-checkin-name{font-size:var(--text-base);font-weight:500}.manager-checkin-tags{display:flex;gap:.4rem}.manager-chip{font-size:var(--text-base);padding:.3rem .9rem;border-radius:999px;background:#0000000a}.manager-chip--mood{background:#a8d8c440}.manager-chip--workload{background:#dad5f840}.manager-checkin-comment{margin-top:.2rem;color:#000000a6;font-family:var(--font-lore)}@media(max-width:640px){.manager-checkin-info-row{flex-direction:column;align-items:flex-start;gap:.4rem}}.logout-text{color:var(--text-dark);font-size:var(--text-lg);cursor:pointer;font-weight:500;padding:var(--space-3) var(--space-6)}.logout-text:hover{text-decoration:underline}.navbar{width:100%;align-items:center}.user-dashboard-page{min-height:100vh;font-family:var(--font-body);padding:1.5rem 1.25rem 4rem;color:var(--text-dark);display:flex;flex-direction:column}.user-dashboard-main{margin-top:1.5rem}.user-dashboard-header{max-width:520px;margin:0 auto;flex-direction:column;text-align:left;width:100%;align-items:flex-start}.user-dashboard-title-group{margin-bottom:1rem}.user-dashboard-eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;margin-bottom:.35rem;color:#0006}.user-dashboard-title{font-family:var(--font-display);font-size:1.8rem;line-height:1.2;margin:0}.user-dashboard-subtitle{margin-top:.5rem;font-size:.9rem;color:#0009}.user-dashboard-toggle{display:flex;gap:.75rem}.user-dashboard-state-message{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.user-dashboard-error{border:1px solid rgba(255,99,71,.4)}.user-dashboard-layout{max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.user-section{background:#ffffffe6;border-radius:24px;padding:1.25rem 1rem 1.35rem;box-shadow:0 18px 50px #0000000f}.user-stats-card-section{background:linear-gradient(135deg,#fffffff2,#fff6ea);border-radius:24px;padding:1.35rem 1.25rem;box-shadow:0 18px 50px #0000000f;gap:1rem;display:flex;flex-direction:column}.user-section-header h2{margin-bottom:.5rem;font-family:var(--font-display);font-size:1.3rem}.user-stats-grid{margin-top:1.1rem;display:grid;grid-template-columns:1fr;gap:.9rem}.user-stat-card{background:linear-gradient(135deg,#fff,#fff8ee);border-radius:18px;padding:.9rem .95rem;border:1px solid rgba(255,255,255,.9)}.user-stat-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:#00000073}.user-stat-value{font-size:1.6rem;margin:.3rem 0;font-weight:600}.user-stat-caption{font-size:.85rem;color:#0009}.user-weekly-card{margin-top:1rem}.user-weekly-toggle{display:inline-flex;padding:.18rem;border-radius:999px;background:#ffffffe6;box-shadow:0 10px 25px #0000000f;margin-bottom:.75rem}.user-pill-toggle{border:none;background:transparent;padding:.35rem .9rem;border-radius:999px;font-size:.8rem;font-family:var(--font-body);cursor:pointer;transition:background .15s ease,transform .12s ease;color:#0009}.user-pill-toggle--active{background:var(--primary);color:#fff;transform:translateY(-1px)}.user-weekly-chart-wrapper{height:220px;background:linear-gradient(135deg,#fffffff2,#fff6ea);border-radius:18px;padding:.8rem .4rem .4rem;border:1px solid rgba(255,255,255,.9)}.user-weekly-empty{font-size:.9rem;margin:.4rem 0 0;color:#0009}.user-weekly-helper{margin-top:.65rem;font-size:.85rem;color:#0009}.userquote-container{background:var(--background-gradient);padding:1.75rem;border-radius:1.25rem;text-align:left;margin-top:1.5rem;margin-bottom:1rem;box-shadow:0 4px 18px #0000000d}.userquote-icon{margin-bottom:.75rem}.userquote-text{font-family:var(--font-body);font-size:var(--text-lg);color:var(--text-dark);line-height:1.6;margin-bottom:1.2rem}.userquote-kudos{margin-top:.5rem;display:flex}.user-dashboard-empty-card{margin-top:.9rem;border-radius:18px;padding:.95rem 1rem;background:#ffffffe6;border:1px dashed rgba(0,0,0,.1);font-size:.9rem}.user-checkins-list{margin-top:1rem;display:flex;flex-direction:column;gap:.85rem}.user-checkin-card{background:linear-gradient(135deg,#fff,#fff8ee);border-radius:18px;padding:.9rem .95rem;border:1px solid rgba(255,255,255,.9)}.user-checkin-header{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.4rem}.user-checkin-date{font-size:.8rem;color:#0000008c}.user-checkin-badge{font-size:.7rem;padding:.2rem .6rem;border-radius:999px;background:var(--highlight);color:#000000b3}.user-checkin-tags{display:flex;gap:.4rem;margin-bottom:.4rem}.user-chip{font-size:.8rem;padding:.25rem .7rem;border-radius:999px;background:#0000000a}.user-chip--mood{background:#a8d8c440}.user-chip--workload{background:#dad5f840}.user-checkin-comment{font-size:.85rem;color:#000000a6}@media(min-width:640px){.user-dashboard-page{padding:2rem 2rem 4rem}.user-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.userstats-container{display:flex;justify-content:space-between;align-items:center;gap:1.2rem;padding:1rem 0}.userstats-block{display:flex;flex-direction:column;align-items:center;flex:1;text-align:center}.userstats-value{font-size:1.4rem;font-weight:600;color:var(--text-dark);margin-top:.4rem}.userstats-label{font-size:.8rem;color:var(--text-dark);opacity:.8}.userstats-badge{flex:1;background:var(--background-gradient);border-radius:20px;padding:1rem;text-align:center;box-shadow:0 3px 8px #00000014}.badge-number{font-size:2rem;font-weight:700;color:var(--text-dark)}.badge-label{font-size:.9rem;color:var(--text-dark);margin-top:.2rem;opacity:.9}.garden-view{display:flex;flex-direction:column;gap:1.5rem}.garden-card{background:#ffffffeb;border-radius:24px;padding:1.4rem 1.5rem;box-shadow:0 18px 50px #0000000f}.garden-summary-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.garden-summary-text{display:flex;flex-direction:column;gap:.5rem}.garden-eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;color:#00000073;margin-bottom:.3rem}.garden-title{font-family:var(--font-display);font-size:1.44rem;margin:0}.garden-points{background:linear-gradient(135deg,#ffffffe6,#f5ebde);border-radius:18px;padding:.7rem 1.1rem;text-align:center;min-width:140px;position:relative;overflow:hidden}.garden-points-number{font-size:1.6rem;font-weight:700;display:block}.garden-points-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;color:#00000080}.garden-points:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#fff0,#fff9,#fff0 90%);transform:translate(-120%);animation:garden-points-shine 6s ease-in-out infinite;pointer-events:none}@media(max-width:540px){.garden-points{min-width:110px;padding:.55rem .8rem}.garden-points-number{font-size:1.35rem}.garden-points-label{font-size:.7rem;letter-spacing:.12em}}.garden-progress{margin-top:1.2rem}.garden-progress-bar-row{display:flex;align-items:center;position:relative}.garden-progress-bar{flex:1;height:10px;background:#00000014;border-radius:999px;overflow:hidden}.garden-progress-fill{height:100%;background:linear-gradient(10deg,#a8d8c4,#fce7c8,#dad5f8,#dbeaf8);border-radius:999px;transition:width .3s ease;transform-origin:left;transform:scaleX(0);animation:garden-progress-grow 1.1s ease forwards;position:relative;overflow:hidden}.garden-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#fff0,#ffffff8c,#fff0 90%);transform:translate(-120%);animation:garden-progress-shine 3s ease-in-out infinite}.garden-progress-meta{display:flex;align-items:center;position:relative;font-size:.85rem;color:#0000008c;margin-top:.6rem}.garden-progress-center{position:absolute;left:50%;transform:translate(-50%);white-space:nowrap}.garden-progress-start{position:absolute;left:0;white-space:nowrap}.garden-progress-end{margin-left:auto;white-space:nowrap}.garden-next-unlock{display:flex;align-items:center;gap:.3rem;font-size:1rem;color:#000000a6;white-space:nowrap}.garden-next-unlock--floating{position:absolute;right:0;bottom:calc(100% + .4rem)}.garden-next-unlock--complete{padding:0}.garden-next-unlock-thumb{width:46px;height:46px;border-radius:50%;background:#ffffffe6;object-fit:contain}.garden-next-unlock-info{display:flex;flex-direction:column;line-height:1.1}.garden-next-unlock-label{text-transform:uppercase;letter-spacing:.12em;font-size:.6rem;color:#00000073}.garden-next-unlock-name{font-weight:600;font-size:.9rem;color:#000000b8}.garden-canvas-card{padding:1rem}.garden-canvas{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:1 / .68;width:100%;max-height:360px;background:linear-gradient(120deg,#fff8ee,#f6f9f4);border:1px solid rgba(255,255,255,.9)}.garden-canvas--image{background-size:cover;background-position:center;background-repeat:no-repeat}.garden-canvas--image .garden-canvas-sky,.garden-canvas--image .garden-canvas-ground{display:none}.garden-landscape-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;z-index:0;pointer-events:none}.garden-canvas-sky{position:absolute;inset:0;background:linear-gradient(180deg,#cfe8ffe6,#fff3);z-index:0}.garden-canvas-ground{position:absolute;bottom:0;left:0;right:0;height:45%;background:linear-gradient(180deg,#a8d8c4b3,#e9f5e8e6);z-index:1}.garden-landscape--australian-landscape .garden-canvas-sky{background:linear-gradient(180deg,#fce7c8d9,#ffffff40)}.garden-landscape--australian-landscape .garden-canvas-ground{background:linear-gradient(180deg,#f8d7b0b3,#f5e9d8e6)}.garden-landscape--living-garden .garden-canvas-sky{background:linear-gradient(180deg,#cfe8fff2,#f2faff66)}.garden-landscape--living-garden .garden-canvas-ground{background:linear-gradient(180deg,#a8d8c4d9,#e8f8f1f2)}.garden-items{position:absolute;inset:0;z-index:2;pointer-events:none}.garden-item-asset{position:absolute;width:clamp(52px,9vw,96px);height:auto;object-fit:contain;filter:none;--scale: 1;--rotation: 0deg;--float: 0px;--sway: 0deg;transform:translate(-50%,-50%) translateY(var(--float)) scale(var(--scale)) rotate(calc(var(--rotation) + var(--sway)))}.garden-item-asset--animal{animation:garden-float 3.2s ease-in-out infinite;transform:translate(-50%,-50%) translateY(var(--float)) scale(calc(var(--scale) * 1.5)) rotate(calc(var(--rotation) + var(--sway)))}.garden-item-asset--plant{transform:translate(-50%,-50%) translateY(var(--float)) scale(calc(var(--scale) * 1.2)) rotate(calc(var(--rotation) + var(--sway)))}.garden-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center;color:#0000008c;font-size:.95rem}.garden-unlocks{margin-top:1.4rem}.garden-section-title{font-family:var(--font-display);font-size:1.3rem;margin-bottom:.8rem}.garden-unlock-grid{display:flex;gap:.9rem;overflow-x:auto;padding-bottom:.6rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(168,216,196,.6) transparent}.garden-unlock-grid::-webkit-scrollbar{height:8px}.garden-unlock-grid::-webkit-scrollbar-track{background:#fff6;border-radius:999px}.garden-unlock-grid::-webkit-scrollbar-thumb{background:linear-gradient(120deg,#a8d8c4b3,#f8d7b0b3);border-radius:999px;border:2px solid rgba(255,255,255,.7)}.garden-unlock-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(120deg,#88cab5e6,#f6c498e6)}.garden-unlock-card{flex:0 0 auto;min-width:150px;display:flex;align-items:center;gap:.9rem;padding:.7rem .9rem;background:#ffffffd9;border-radius:16px;border:1px dashed rgba(0,0,0,.12);scroll-snap-align:start;position:relative}.garden-unlock-card--unlocked{border-style:solid;box-shadow:0 10px 25px #0000000d}.garden-unlock-card:not(.garden-unlock-card--unlocked){opacity:.6}.garden-unlock-lock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffffffe6;border:1px solid rgba(0,0,0,.08);box-shadow:0 6px 14px #0000001f;pointer-events:none}.garden-unlock-thumb{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#fce7c8,#fff6ea);object-fit:contain;padding:.35rem}.garden-unlock-info{display:flex;flex-direction:column;gap:.2rem}.garden-unlock-name{font-size:.95rem;font-weight:600}.garden-unlock-type{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#0006}.garden-unlock-points{font-size:.8rem;color:#0000008c}.garden-tips{background-color:#fff;background-image:radial-gradient(at 88% 40%,hsla(0,0%,100%,1) 0px,transparent 85%),radial-gradient(at 49% 30%,hsla(0,0%,100%,1) 0px,transparent 85%),radial-gradient(at 14% 26%,hsla(0,0%,100%,1) 0px,transparent 85%),radial-gradient(at 0% 64%,rgb(197,217,232) 0px,transparent 85%),radial-gradient(at 41% 94%,rgb(191,217,247) 0px,transparent 85%),radial-gradient(at 100% 99%,rgb(180,208,232) 0px,transparent 85%);border-radius:1rem;box-shadow:0 -16px 24px #ffffff40 inset;border:1px solid rgba(255,255,255,.7);position:relative;overflow:hidden}.garden-tip-list{list-style:none;display:grid;gap:.5rem;padding:0}.garden-tip{padding:0;background:none;border-radius:0;font-size:.9rem;color:#0009}@media(min-width:640px){.garden-unlock-grid{padding-bottom:.4rem}}@media(prefers-reduced-motion:reduce){.garden-item-asset--animal,.garden-item-asset--plant{animation:none}}@keyframes garden-progress-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes garden-progress-shine{0%,50%{transform:translate(-120%)}80%,to{transform:translate(120%)}}@keyframes garden-points-shine{0%,35%{transform:translate(-120%)}70%,to{transform:translate(120%)}}@keyframes garden-float{0%,to{--float: 0px}50%{--float: -8px}}.permission-container{height:calc(100dvh - 150px);display:flex;justify-content:center;align-items:center;padding:1rem 1rem 4rem;box-sizing:border-box}.permission-box{text-align:center;max-width:480px;margin:0 auto;padding:2rem 1rem}.permission-title{font-size:1.8rem;margin:0 0 var(--text-lg) 0;color:var(--text-dark)}.permission-text{font-size:var(--text-base);color:var(--text-dark);margin-bottom:2rem;line-height:1.6;max-width:420px;margin-left:auto;margin-right:auto}.notfound-container{display:flex;justify-content:center;align-items:center;height:calc(100dvh - 140px);width:100%;padding:2rem;overflow:hidden;box-sizing:border-box}.notfound-content{text-align:center;max-width:480px;width:100%;padding:2rem}.notfound-title{font-size:2rem;font-weight:600;color:var(--text-dark);margin-bottom:1rem}.notfound-text{font-size:1rem;color:var(--text-dark);margin-bottom:2rem;line-height:1.5}.notfound-button{margin:1.5rem 0}.notfound-logo{display:flex;justify-content:center;margin-top:2rem;width:100%}