:root{font-family:Inter,Microsoft YaHei,PingFang SC,sans-serif;color:#173d42;background:#f3f8f7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;line-height:1.5}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-height:100vh;background:#f3f8f7}button,input{font:inherit}button{border:0;cursor:pointer}.tv-board{position:relative;min-height:100vh;overflow:hidden;color:#173d42;background:linear-gradient(135deg,#f5fbfa,#edf5f3 55%,#f8f5ed)}.tv-board>:not(.water-waves):not(.tech-light-field){position:relative;z-index:1}.tech-light-field{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;opacity:.78}.tech-light-field:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(53,156,160,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(53,156,160,.055) 1px,transparent 1px);background-size:86px 86px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.4),transparent 72%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.4),transparent 72%)}.tech-ray{position:absolute;display:block;width:68vw;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(61,205,190,0),rgba(61,205,190,.65),rgba(121,177,255,.35),transparent);filter:blur(.25px) drop-shadow(0 0 8px rgba(66,205,193,.55));transform-origin:center;animation:tech-ray-drift 10s ease-in-out infinite}.tech-ray--one{--ray-angle: 17deg;top:19%;left:-12%;animation-delay:-2s;animation-duration:12s}.tech-ray--two{--ray-angle: -13deg;top:35%;right:-18%;animation-delay:-7s;animation-duration:15s}.tech-ray--three{--ray-angle: -8deg;top:52%;left:-20%;animation-delay:-4s;animation-duration:11s}.tech-ray--four{--ray-angle: 11deg;top:68%;right:-24%;animation-delay:-10s;animation-duration:17s}.tech-ray--five{--ray-angle: 5deg;top:80%;left:-16%;animation-delay:-6s;animation-duration:14s;opacity:.55}.tech-ray--six{--ray-angle: -19deg;top:10%;right:-16%;animation-delay:-12s;animation-duration:18s;opacity:.5}.tech-orb{position:absolute;display:block;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(79,213,194,.25),rgba(79,213,194,.08) 30%,transparent 70%);filter:blur(2px);animation:tech-orb-drift 13s ease-in-out infinite}.tech-orb--one{top:15%;left:12%;animation-delay:-3s}.tech-orb--two{top:42%;right:9%;width:240px;height:240px;background:radial-gradient(circle,rgba(95,170,255,.18),rgba(95,170,255,.06) 34%,transparent 70%);animation-delay:-8s;animation-duration:17s}.tech-orb--three{bottom:9%;left:42%;width:210px;height:210px;background:radial-gradient(circle,rgba(232,190,91,.13),rgba(232,190,91,.04) 35%,transparent 72%);animation-delay:-11s;animation-duration:19s}@keyframes tech-ray-drift{0%,to{opacity:.1;transform:translate3d(-7vw,8px,0) rotate(var(--ray-angle, 0deg)) scaleX(.78)}45%{opacity:.95;transform:translate3d(15vw,-10px,0) rotate(var(--ray-angle, 0deg)) scaleX(1.08)}72%{opacity:.3;transform:translate3d(-2vw,14px,0) rotate(var(--ray-angle, 0deg)) scaleX(.9)}}@keyframes tech-orb-drift{0%,to{opacity:.25;transform:translate3d(-20px,12px,0) scale(.82)}50%{opacity:.85;transform:translate3d(40px,-28px,0) scale(1.16)}}.water-waves{position:fixed;z-index:0;right:0;bottom:0;left:0;height:260px;overflow:hidden;pointer-events:none;opacity:.98}.water-waves svg{display:block;width:100%;height:100%;overflow:visible}.water-wave-layer{transform-box:fill-box;transform-origin:center}.tv-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;height:86px;padding:0 34px;border-bottom:0;background:transparent;box-shadow:none}.tv-header{position:relative}.pool-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden;pointer-events:none}.pool-scene svg{display:block;width:100%;height:100%;overflow:visible}.tv-header>.tv-brand,.tv-header>.tv-title,.tv-header>.tv-actions{position:relative;z-index:3}.pool-ball{filter:drop-shadow(0 2px 2px rgba(21,75,76,.25))}.pool-ball text{fill:#244a4b;font-size:7px;font-weight:800;font-family:Inter,Microsoft YaHei,sans-serif}.logo-ripple-side{fill:none;stroke:#37baa785;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transform-box:fill-box;transform-origin:center}.logo-ripple-side--left{animation:logo-ripple-left 3.4s ease-out infinite}.logo-ripple-side--right{animation:logo-ripple-right 3.4s ease-out infinite;animation-delay:.45s}.logo-ripple-side path{opacity:0;animation:logo-ripple-line 3.4s ease-out infinite}.logo-ripple-side path:nth-child(2){animation-delay:.32s}.logo-ripple-side path:nth-child(3){animation-delay:.64s}.logo-ripple-side--right path{animation-delay:.45s}.logo-ripple-side--right path:nth-child(2){animation-delay:.77s}.logo-ripple-side--right path:nth-child(3){animation-delay:1.09s}@keyframes logo-ripple-left{0%,to{transform:translate(0);opacity:.1}40%{opacity:1}75%{transform:translate(-34px);opacity:.25}}@keyframes logo-ripple-right{0%,to{transform:translate(0);opacity:.1}40%{opacity:1}75%{transform:translate(34px);opacity:.25}}@keyframes logo-ripple-line{0%{opacity:0}18%{opacity:.75}70%{opacity:.28}to{opacity:0}}.tv-brand,.tv-actions,.company-main,.company-meta,.side-heading,.section-title-row,.reward-card-head{display:flex;align-items:center}.tv-brand{gap:12px}.tv-brand img{width:43px;height:43px;border-radius:13px;box-shadow:0 5px 12px #187a6f33}.tv-brand strong{display:block;color:#115b58;font-size:17px;letter-spacing:.04em}.tv-brand span{display:block;margin-top:1px;color:#95aba8;font-size:9px;letter-spacing:.17em}.tv-title{display:flex;align-items:center;justify-content:center;gap:12px;text-align:center}.tv-title-logo{width:100px;height:100px;border:0;border-radius:0;box-shadow:none;object-fit:contain}.tv-title span{display:block;color:#1a5556;font-size:25px;font-weight:700;letter-spacing:.16em}.tv-title strong{display:block;margin-top:2px;color:#8aa19e;font-size:11px;font-weight:400;letter-spacing:.12em}.tv-actions{justify-content:flex-end;gap:13px;color:#809692;font-size:11px}.live-indicator{display:inline-flex;align-items:center;gap:6px;color:#248a72;font-weight:700;letter-spacing:.08em}.live-indicator i{width:7px;height:7px;border-radius:50%;background:#32ba8a;box-shadow:0 0 0 4px #32ba8a21}.update-time{color:#a1b1ae}.tv-actions button{padding:8px 11px;border:1px solid #cfe0dc;border-radius:7px;color:#27746e;background:#fff;font-size:11px}.tv-actions button:hover{color:#fff;background:#1c8478;border-color:#1c8478}.tv-actions .logout-button{color:#9d7770;border-color:#ead9d4;background:transparent}.board-grid{display:grid;grid-template-columns:repeat(var(--week-columns, 1),minmax(220px,1fr)) minmax(430px,1.48fr) repeat(var(--month-columns, 1),minmax(220px,1fr));align-items:start;gap:18px;width:calc(100% - 48px);max-width:3600px;margin:0 auto;padding:22px 0 12px}.side-panel,.company-card,.rewards-section,.total-card{border:1px solid #dceae6;border-radius:16px;background:#ffffffe6;box-shadow:0 8px 25px #1d524d0f}.side-panel{min-width:0;min-height:690px;padding:21px 18px 15px}.ranking-panel,.center-column{grid-column:var(--board-column, auto)}.center-column{display:grid;gap:16px;min-width:0}.panel-eyebrow{color:#559793;font-size:10px;font-weight:800;letter-spacing:.14em}.side-heading{justify-content:space-between;gap:10px}.side-heading h2,.section-title-row h2{margin:4px 0 0;color:#174e51;font-size:22px;letter-spacing:.04em}.period-badge{padding:8px 13px;border:1px solid #b9ddd6;border-radius:999px;color:#196f68;background:#e9f8f4;font-size:13px;font-weight:800;letter-spacing:.03em;white-space:nowrap;box-shadow:0 3px 10px #29897c1a}.period-date{min-height:18px;margin:8px 0 15px;color:#9aadaa;font-size:11px}.side-ranking{display:grid;gap:4px}.side-row,.total-row{display:grid;align-items:center}.side-row{grid-template-columns:27px 34px minmax(0,1fr) auto;gap:9px;min-height:59px;padding:7px 5px;border-bottom:1px solid #edf3f1}.side-row:last-child{border-bottom:0}.side-row.podium-row{border-radius:9px;background:#f7fbfa}.side-row:first-child{background:#fff9ec}.side-rank{color:#86a6a2;font-size:14px;text-align:center}.side-row:first-child .side-rank{color:#c89539;font-size:18px}.side-row:nth-child(2) .side-rank{color:#71949b;font-size:16px}.side-row:nth-child(3) .side-rank{color:#b98061;font-size:16px}.side-row img,.total-row img{width:34px;height:34px;border:2px solid #d4e9e4;border-radius:50%;background:#e9f5f3;object-fit:cover}.side-row:first-child img{width:38px;height:38px;border-color:#e8c775}.player-copy{display:grid;min-width:0;gap:3px}.player-copy b{overflow:hidden;color:#31595a;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.player-copy small{overflow:hidden;color:#9aaaa7;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.side-score{color:#249184;font-size:16px;text-align:right}.side-score small{margin-left:2px;color:#86a19d;font-size:9px;font-weight:400}.side-footer{display:flex;justify-content:space-between;margin-top:15px;padding-top:12px;border-top:1px solid #e8f0ee;color:#9aadaa;font-size:10px}.company-card{padding:22px 24px 17px}.company-main{gap:15px}.company-logo{width:62px;height:62px;border:3px solid #ccebe3;border-radius:17px;background:#effaf7;object-fit:cover}.company-card h1{margin:4px 0 3px;color:#14595a;font-size:26px;letter-spacing:.03em}.company-card p{margin:0;overflow:hidden;color:#91a5a2;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.company-meta{flex-wrap:wrap;gap:9px 18px;margin-top:18px;padding-top:13px;border-top:1px solid #eaf2f0;color:#6c8d88;font-size:10px}.company-meta span:before{content:"·";margin-right:5px;color:#41aa97;font-size:16px;vertical-align:-2px}.section-title-row{justify-content:space-between;gap:12px}.section-title-row h2{font-size:19px}.reward-note,.total-count{color:#a0afac;font-size:10px}.rewards-section{padding:19px}.reward-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:14px}.reward-card{overflow:hidden;padding:13px 14px 12px;border:1px solid #dfece8;border-radius:11px;background:#f9fcfb}.week-reward{border-top:3px solid #36a492}.month-reward{border-top:3px solid #d7a74b;background:#fffdf8}.reward-card-head{justify-content:space-between}.reward-card-title{display:flex;align-items:center;gap:18px;min-width:0}.reward-card-head span{color:#276e69;font-size:15px;font-weight:900}.month-reward .reward-card-head span{color:#99702c}.reward-card-title strong{color:#9baaa7;font-size:24px;font-weight:800;white-space:nowrap}.reward-card-head b{color:#f57c5e;font-size:15px;font-weight:700}.reward-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 10px}.reward-lines span{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:23px;padding-bottom:4px;border-bottom:1px dashed #e2ece9}.reward-lines .reward-first{grid-column:1 / -1}.reward-lines i{color:#8da39f;font-size:10px;font-style:normal;white-space:nowrap}.reward-lines b{overflow:hidden;color:#2c8278;font-size:10px;font-weight:700;text-align:right;text-overflow:ellipsis;white-space:nowrap}.month-reward .reward-lines b{color:#b47e29}.total-card{position:relative;overflow:hidden;padding:19px 20px 16px}.total-card:before{content:"";position:absolute;inset:0 0 auto;height:230px;background:radial-gradient(ellipse 60% 100% at 50% 0%,rgba(232,199,117,.2),transparent 70%);pointer-events:none}.total-card>*{position:relative}.total-list{display:block;margin-top:10px}.podium{display:grid;grid-template-columns:1fr 1.18fr 1fr;align-items:end;gap:10px;padding:0 4px}.podium-slot{--tone: #8aa5a0;--tone-soft: #eef4f3;--stand: 58px;display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center}.podium-slot.place-1{--tone: #cf9a3a;--tone-soft: #fff4dc;--stand: 86px}.podium-slot.place-2{--tone: #7193a0;--tone-soft: #eaf1f4;--stand: 64px}.podium-slot.place-3{--tone: #b47d60;--tone-soft: #f8ece5;--stand: 48px}.podium-avatar{position:relative;margin-bottom:8px}.podium-avatar img{display:block;width:52px;height:52px;border:3px solid var(--tone);border-radius:50%;background:#e9f5f3;object-fit:cover;box-shadow:0 0 0 4px var(--tone-soft)}.place-1 .podium-avatar img{width:68px;height:68px;box-shadow:0 0 0 5px var(--tone-soft),0 8px 24px #cf9a3a59}.podium-crown{position:absolute;top:-17px;left:50%;width:26px;height:18px;fill:#e2b04e;transform:translate(-50%) rotate(-8deg);filter:drop-shadow(0 2px 3px rgba(180,120,30,.3))}.podium-medal{position:absolute;right:-4px;bottom:-4px;display:grid;place-items:center;width:22px;height:22px;border:2px solid #fff;border-radius:50%;color:#fff;background:var(--tone);font-size:11px;font-weight:800}.place-1 .podium-medal{width:26px;height:26px;font-size:13px}.podium-name{max-width:100%;overflow:hidden;color:#29514f;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.place-1 .podium-name{font-size:15px}.podium-meta{margin-top:2px;color:#9aaaa7;font-size:10px;white-space:nowrap}.podium-score{margin:4px 0 8px;color:var(--tone);font-size:20px;line-height:1.1;font-variant-numeric:tabular-nums}.place-1 .podium-score{font-size:26px}.podium-score small{margin-left:2px;color:#9aaaa7;font-size:10px;font-weight:400}.podium-stand{display:grid;place-items:start center;width:100%;height:var(--stand);padding-top:9px;border-radius:10px 10px 0 0;background:linear-gradient(180deg,var(--tone-soft),rgba(255,255,255,.6));border-top:3px solid var(--tone)}.podium-stand span{color:var(--tone);font-size:12px;font-weight:800;letter-spacing:.3em;padding-left:.3em}.podium-slot.empty .podium-stand{opacity:.45;border-top-style:dashed}.total-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;padding-top:12px;border-top:1px solid #edf3f1}.total-row{position:relative;grid-template-columns:26px 30px minmax(0,1fr) auto;gap:8px;min-height:46px;padding:6px 8px 8px;border-radius:8px}.total-row.elite{background:#f7fbfa}.total-rank{color:#9db3af;font-size:13px;font-variant-numeric:tabular-nums;text-align:center}.total-row.elite .total-rank{color:#3c8a80}.total-row img{width:30px;height:30px;border:2px solid #d4e9e4;border-radius:50%;background:#e9f5f3;object-fit:cover}.total-row .player-copy b{font-size:11px}.total-row .player-copy small{font-size:9px}.total-score{color:#2a9082;font-size:14px;font-variant-numeric:tabular-nums}.total-score small{margin-left:2px;color:#8da59f;font-size:9px;font-weight:400}.score-bar{position:absolute;right:8px;bottom:4px;left:72px;height:2px;border-radius:2px;background:#e9f1ef}.score-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8fd0c4,#2a9082)}.total-state,.panel-state{display:grid;place-items:center;min-height:420px;color:#a0b1ad;font-size:12px;text-align:center}.panel-state{min-height:470px}.error-copy{color:#c68170}.global-error{display:flex;align-items:center;justify-content:center;gap:20px;min-height:300px;color:#ad6c5e;font-size:14px}.global-error button{padding:8px 13px;border-radius:7px;color:#fff;background:#2b8a7d;font-size:12px}.tv-footer{padding:0 20px 15px;color:#a0b1ad;font-size:10px;letter-spacing:.08em;text-align:center}.login-page{display:grid;grid-template-columns:minmax(380px,1fr) minmax(440px,.9fr);min-height:100vh;color:#19312f;background:#f7faf9}.login-visual{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:42px 8%;color:#dff6f0;background:#123c38}.visual-brand{display:flex;align-items:center;gap:12px;color:#fff}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#0d4f49;background:#b4e7db;font:800 22px Georgia,serif}.visual-copy{position:relative;z-index:1;max-width:420px;margin:auto 0}.eyebrow,.panel-kicker{margin:0;color:#0f766e;font-size:10px;font-weight:700;letter-spacing:2px}.visual-copy .eyebrow{color:#90d6c7}.visual-copy h1{margin:15px 0 18px;color:#fff;font-size:clamp(34px,4vw,52px);line-height:1.13;letter-spacing:-.05em}.visual-copy h1 em{color:#a6e3d6;font-style:normal}.visual-copy>p:last-child{max-width:340px;margin:0;color:#9fc4bd;font-size:14px;line-height:1.9}.visual-foot{position:relative;z-index:1;color:#78a7a0;font-size:11px}.visual-orbit{position:absolute;border:1px solid rgba(164,228,213,.13);border-radius:50%}.orbit-one{width:550px;height:550px;right:-180px;top:18%}.orbit-two{width:380px;height:380px;right:-95px;top:28%}.visual-ball{position:absolute;right:18%;top:46%;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;color:#173c38;background:#f8f8ed;box-shadow:-10px 13px #0000001a;font:700 22px Georgia,serif}.login-panel-wrap{display:grid;place-items:center;padding:35px}.login-panel{width:min(100%,400px)}.panel-kicker{margin-bottom:11px}.login-panel h2{margin:0;color:#19312f;font-size:29px}.panel-hint{margin:8px 0 30px;color:#718481;font-size:13px}.login-panel label>span{color:#536b68;font-size:12px;font-weight:600}.login-panel input{width:100%;padding:12px 13px;border:1px solid #d8e4e1;border-radius:8px;outline:0;color:#19312f;background:#fff;font-size:13px}.login-panel input:focus{border-color:#73b7ac;box-shadow:0 0 0 3px #0f766e1a}.primary-button{width:100%;margin-top:28px;padding:13px 16px;border-radius:8px;color:#fff;background:#0f766e;box-shadow:0 5px 12px #0f766e29;text-align:left;font-size:13px;font-weight:600}.primary-button:hover{background:#0b5e58}.primary-button:disabled{opacity:.55;cursor:wait}.primary-button span{float:right;font-size:18px}.form-error{margin:15px 0 -9px;color:#c74c4c;font-size:12px}.login-note{margin-top:17px;color:#a0afac;font-size:10px;text-align:center}@media(max-width:1200px){.board-grid{grid-template-columns:minmax(235px,1fr) minmax(390px,1.35fr) minmax(235px,1fr);gap:12px;width:calc(100% - 24px)}.side-panel{padding-left:12px;padding-right:12px}.side-row{gap:6px}}@media(max-width:850px){.tv-header{grid-template-columns:1fr auto;height:72px;padding:0 16px}.tv-title,.update-time,.logout-button{display:none}.board-grid{grid-template-columns:1fr;width:calc(100% - 24px)}.center-column{grid-row:1}.weekly-panel{grid-row:2;min-height:auto}.monthly-panel{grid-row:3;min-height:auto}.panel-state{min-height:180px}.total-grid{grid-template-columns:1fr}}@media(max-width:700px){.tv-actions{gap:7px}.tv-actions .live-indicator{font-size:9px}.company-card{padding:17px}.company-card h1{font-size:21px}.reward-grid{grid-template-columns:1fr}.side-panel{min-height:auto}.login-page{display:block}.login-visual{min-height:290px;padding:28px}.visual-copy{margin:38px 0 0}.visual-copy h1{margin:8px 0;font-size:32px}.visual-copy>p:last-child,.visual-foot,.visual-orbit,.visual-ball{display:none}.login-panel-wrap{min-height:calc(100vh - 290px);padding:36px 24px}}.podium{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto;row-gap:10px}.podium-slot.place-1{grid-column:2;grid-row:1}.podium-slot.place-2{grid-column:1;grid-row:2}.podium-slot.place-3{grid-column:2;grid-row:2}.podium-slot.place-4{grid-column:3;grid-row:2;--tone: #a9795e;--tone-soft: #f8eee8;--stand: 42px}@media(max-width:1200px){.board-grid{grid-template-columns:repeat(var(--week-columns, 1),minmax(200px,1fr)) minmax(390px,1.35fr) repeat(var(--month-columns, 1),minmax(200px,1fr))}}@media(max-width:850px){.board-grid{grid-template-columns:1fr}.center-column,.ranking-panel{grid-column:1}.center-column{grid-row:1}.ranking-panel{grid-row:auto}}.reward-actions{display:flex;justify-content:flex-end;margin-top:12px}.view-all-rewards-button,.back-to-total-button{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #b9ded5;border-radius:7px;color:#257b72;background:#f1faf7;font-size:11px;font-weight:700}.view-all-rewards-button:hover,.back-to-total-button:hover{color:#fff;border-color:#268b7d;background:#268b7d}.view-all-rewards-button span{font-size:15px;line-height:1}.rewards-section.expanded .reward-grid{grid-template-columns:1fr}.reward-placeholder{display:block;margin:5px 0 9px;color:#9baaa7;font-size:10px;font-weight:400}.reward-lines .reward-first{justify-content:center;gap:28px}.login-page{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;overflow:hidden;padding:136px 24px 190px;color:#173d42;background:linear-gradient(135deg,#f5fbfa,#edf5f3 55%,#f8f5ed)}.login-page:before{display:none}.login-shell{position:relative;z-index:3;display:grid;justify-items:center;width:min(100%,420px)}.login-logo-orbit{position:fixed;top:350px;left:50%;display:grid;place-items:center;width:178px;height:178px;margin-left:-89px;border:0;border-radius:0;background:transparent;box-shadow:none}.login-logo{display:block;width:148px;height:148px;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(42,116,108,.18))}.login-panel{width:min(100%,390px);margin:0;padding:31px 34px 34px;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;text-align:left;transition:opacity .55s ease,transform .55s ease}.login-panel h1{margin:0;color:#164f52;font-size:27px;font-weight:800;letter-spacing:.04em;text-align:center}.login-panel-subtitle{margin:8px 0 24px;color:#8aa39e;font-size:12px;text-align:center}.login-panel label{display:grid;gap:8px;margin-top:17px}.login-panel label>span{color:#58736f;font-size:12px;font-weight:700}.login-panel input{width:100%;min-height:46px;padding:12px 14px;border:1px solid #d5e5e1;border-radius:10px;outline:0;color:#173d42;background:#ffffffeb;font-size:13px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.login-panel input::placeholder{color:#b0bfbc}.login-panel input:focus{border-color:#54ad9d;background:#fff;box-shadow:0 0 0 4px #3ba7941f}.login-panel .primary-button{position:relative;min-height:48px;margin-top:25px;border-radius:10px;background:linear-gradient(110deg,#167d72,#269d8a);box-shadow:0 10px 20px #238f7d33;text-align:center;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.login-panel .primary-button:hover:not(:disabled){background:linear-gradient(110deg,#116f66,#218e7d);box-shadow:0 12px 24px #238f7d45;transform:translateY(-1px)}.login-panel .primary-button span{position:absolute;margin-left:9px;float:none}.login-panel .form-error{margin:13px 0 -8px}.login-water-waves{position:fixed;right:0;bottom:0;left:0;z-index:1;height:clamp(320px,42vh,470px);overflow:hidden;opacity:.98;pointer-events:none;transition:transform 2.2s cubic-bezier(.65,0,.35,1),opacity .72s ease}.login-water-waves svg{display:block;width:100%;height:100%;overflow:visible}.login-water-wave-layer{transform-box:fill-box;transform-origin:center}.login-page--leaving .login-logo-orbit{animation:login-logo-fade-out 2s ease-in-out forwards;will-change:opacity}.login-page--leaving .login-panel{opacity:0;transform:translateY(24px) scale(.98)}.login-page--leaving .login-water-waves{opacity:.98;transform:translateY(100%)}.login-page--leaving{pointer-events:none}@keyframes login-logo-fade-out{0%{opacity:1}to{opacity:0}}@media(max-width:700px){.login-page{padding:126px 18px 154px}.login-logo-orbit{top:29px;width:154px;height:154px;margin-left:-77px}.login-logo{width:130px;height:130px}.login-panel{padding:27px 22px 25px;border-radius:0}.login-water-waves{height:300px}}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#8aa6a1}.loading-spinner{display:inline-block;width:29px;height:29px;border:3px solid rgba(54,164,146,.18);border-top-color:#36a492;border-right-color:#83cfc1;border-radius:50%;animation:dashboard-spin .82s linear infinite;box-shadow:0 0 0 5px #36a4920f}.loading-spinner:after{content:"";display:block;width:5px;height:5px;margin:3px 0 0 3px;border-radius:50%;background:#d8a94e;box-shadow:0 0 7px #d8a94e80}@keyframes dashboard-spin{to{transform:rotate(360deg)}}.company-loading{display:flex;align-items:center;gap:17px;min-height:93px}.company-loading .loading-spinner{flex:0 0 auto}.company-loading-copy{display:grid;flex:1;gap:10px}.skeleton-line{display:block;height:10px;border-radius:999px;background:linear-gradient(100deg,#edf5f2 20%,#d8ece7,#edf5f2 64%);background-size:220% 100%;animation:dashboard-shimmer 1.45s ease-in-out infinite}.skeleton-line--short{width:29%;height:8px}.skeleton-line--title{width:62%;height:22px;border-radius:7px}.skeleton-line--text{width:82%;height:9px}@keyframes dashboard-shimmer{0%{background-position:120% 0}to{background-position:-80% 0}}.reward-loading{display:grid;gap:14px;margin-top:14px}.reward-skeleton-card{display:grid;align-content:center;gap:13px;min-height:105px;padding:14px;border:1px solid #e2eee9;border-radius:11px;background:#f9fcfb}.reward-skeleton-card:nth-child(2){background:#fffdf8}.skeleton-line--reward-title{width:52%;height:17px;border-radius:6px}.skeleton-line--reward-text{width:91%;height:8px}.skeleton-line--reward-text-short{width:68%}.dashboard-content{position:relative;z-index:1}.dashboard-content--preparing{visibility:hidden;opacity:0}.dashboard-content--entering{animation:dashboard-board-enter 2.2s cubic-bezier(.18,.72,.2,1) both;will-change:opacity,transform,filter,clip-path}.dashboard-content--entering .tv-header,.dashboard-content--entering .board-grid,.dashboard-content--entering .tv-footer{opacity:0;animation:dashboard-section-enter .8s cubic-bezier(.22,.72,.25,1) both}.dashboard-content--entering .tv-header{animation-delay:.15s}.dashboard-content--entering .board-grid{animation-delay:.4s}.dashboard-content--entering .tv-footer{animation-delay:.72s}@keyframes dashboard-board-enter{0%{opacity:0;transform:scale(.96);filter:blur(10px);clip-path:inset(12% 14% 12% 14% round 28px)}55%{opacity:.72;transform:scale(.985);filter:blur(2px);clip-path:inset(3% 4% 3% 4% round 18px)}to{opacity:1;transform:scale(1);filter:blur(0);clip-path:inset(0 0 0 0 round 0)}}@keyframes dashboard-section-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-page--embedded{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;width:100%;min-height:100vh;background:transparent}.tv-board>.login-page--embedded{position:fixed;z-index:10}.login-page--embedded .login-shell{z-index:3}.login-page--embedded .login-water-waves{z-index:1}.login-page--embedded.login-page--leaving{pointer-events:none}