@keyframes aurora-drift{0%,to{opacity:1;transform:translate(0,0)}50%{opacity:.82;transform:translateY(1.5%)}}@keyframes snow-fall{0%{opacity:0;transform:translate(0,0)rotate(0)}10%{opacity:var(--snow-opacity,.14)}90%{opacity:var(--snow-opacity,.14)}to{opacity:0;transform:translate(20px,110vh)rotate(180deg)}}@media (hover:hover) and (pointer:fine){.card--interactive:hover{border-color:var(--hairline-hi);box-shadow:var(--elev-2);transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.snow-layer,body:before,body:after{animation:none!important}}@media (width<=640px){body:after{opacity:.6}html:before{opacity:.025}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes status-pulse{0%,to{box-shadow:0 0 0 3px #22c55e38}50%{box-shadow:0 0 0 6px #22c55e14}}.month-indicator-icon{font-size:.875rem}.monthly-summary{margin-bottom:var(--s-6)}.monthly-summary-card{padding:var(--s-6) var(--s-5);background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--r-xl);-webkit-backdrop-filter:var(--blur-md);box-shadow:var(--elev-2);opacity:0;animation:card-enter var(--dur-slow) var(--ease-out-spring) forwards;position:relative;overflow:hidden;transform:translateY(8px)}.monthly-summary-glow{z-index:0;pointer-events:none;background:radial-gradient(60% 40% at 10% 0,#00c8ef1a,#0000 60%);position:absolute;inset:-1px}.monthly-summary-card>*{z-index:1;position:relative}.monthly-summary-card>.monthly-summary-glow{z-index:0}@keyframes card-enter{to{opacity:1;transform:translateY(0)}}.summary-progress{align-items:flex-end;gap:var(--s-1);flex-direction:column;flex:0 0 200px;min-width:200px;display:flex}.summary-progress-value{font-family:var(--font-display);font-size:var(--t-title-2);color:var(--text-primary);letter-spacing:var(--track-tight);font-weight:700}.summary-progress-bar{border-radius:var(--r-full);background:#ffffff0f;width:100%;min-width:160px;height:6px;overflow:hidden}.summary-progress-fill{border-radius:var(--r-full);background:linear-gradient(90deg, var(--ice-500), var(--ice-300));transform-origin:0;width:0;height:100%;animation:fill-grow var(--dur-page) var(--ease-out-quart) forwards}.summary-progress-fill[data-progress=low]{background:linear-gradient(90deg, var(--error-500), var(--warn-400))}.summary-progress-fill[data-progress=medium]{background:linear-gradient(90deg, var(--warn-400), var(--ice-400))}.summary-progress-fill[data-progress=high]{background:linear-gradient(90deg, var(--ice-500), var(--success-400))}.summary-progress-fill.goal-achieved{background:linear-gradient(90deg, var(--gold-500), var(--gold-200));box-shadow:0 0 18px #ffd60a59}@keyframes fill-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.summary-progress-caption{font-size:var(--t-caption);color:var(--text-tertiary)}.summary-stats{gap:var(--s-3);padding-top:var(--s-5);border-top:1px solid var(--hairline);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:stretch;display:grid}.summary-meta-value{color:var(--text-primary)}.summary-sales-value{color:var(--ice-300)}.summary-stat-gap-value{font-family:var(--font-display);font-size:var(--t-headline);color:var(--gold-300);letter-spacing:var(--track-snug);font-weight:600}.summary-stat-suffix{font-size:var(--t-caption);color:var(--text-tertiary);margin-left:var(--s-1);font-weight:500}.summary-divider{display:none}.first-place{gap:var(--s-5);padding:var(--s-7) var(--s-6);background:radial-gradient(ellipse 80% 60% at 0% 0%, #ffd60a1a, transparent 60%), var(--surface-3);border:1px solid var(--hairline-gold);border-radius:var(--r-2xl);-webkit-backdrop-filter:var(--blur-md);box-shadow:var(--elev-glow-gold), var(--elev-2);opacity:0;animation:card-enter var(--dur-slow) var(--ease-out-spring) .12s forwards;grid-template-columns:auto 1fr auto;grid-template-areas:"crown header progress""stats stats stats";display:grid;position:relative;overflow:hidden;transform:translateY(12px)}.first-place .crown{filter:drop-shadow(0 0 18px #ffd60a80);grid-area:crown;align-self:center;font-size:2.75rem;line-height:1;animation:3.6s ease-in-out infinite crown-float}@keyframes crown-float{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-6px)}}.percentage-label{font-size:var(--t-caption);color:var(--text-tertiary);letter-spacing:var(--track-wide);text-transform:uppercase;font-weight:500}.percentage-value{font-family:var(--font-display);letter-spacing:var(--track-tight);color:var(--gold-300);background:linear-gradient(180deg, var(--gold-200), var(--gold-500));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,4vw + 1rem,3.5rem);font-weight:700;line-height:1}.first-place .progress-bar{border-radius:var(--r-full);background:#ffffff0f;width:100%;height:8px;overflow:hidden}.first-place .progress-fill{border-radius:var(--r-full);background:linear-gradient(90deg, var(--ice-500), var(--gold-500));transform-origin:0;height:100%;animation:fill-grow var(--dur-page) var(--ease-out-quart) forwards}.first-place .progress-fill.goal-achieved{background:linear-gradient(90deg, var(--gold-500), var(--gold-200));box-shadow:0 0 18px #ffd60a73}.first-place>h2,.first-place .winner-name{font-family:var(--font-display);font-size:var(--t-title-1);color:var(--text-primary);letter-spacing:var(--track-tight);grid-area:header;align-self:center;margin:0;font-weight:700;line-height:1.1}.first-stats{gap:var(--s-3);padding-top:var(--s-4);border-top:1px solid var(--hairline);grid-area:stats;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.first-stat{gap:var(--s-1);padding:var(--s-3) var(--s-4);border:1px solid var(--hairline);border-radius:var(--r-md);background:#ffffff0a;flex-direction:column;display:flex}.first-stat-label{font-size:var(--t-caption);color:var(--text-tertiary);letter-spacing:var(--track-wide);text-transform:uppercase;font-weight:500}.first-stat-value{font-family:var(--font-display);font-size:var(--t-headline);letter-spacing:var(--track-snug);font-weight:600;color:var(--gold-300)!important}.ranking-container{padding:var(--s-6) var(--s-5);background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--r-xl);-webkit-backdrop-filter:var(--blur-md);box-shadow:var(--elev-1)}#rankingContainer{gap:var(--s-2);flex-direction:column;display:flex}.ranking-item{--entry-reveal-delay:0s;align-items:center;gap:var(--s-4);padding:var(--s-3) var(--s-4);border:1px solid var(--hairline);border-radius:var(--r-lg);color:var(--text-primary);transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-base) var(--ease-out-spring);opacity:0;animation:ranking-reveal var(--dur-slow) var(--ease-out-spring) forwards;animation-delay:var(--entry-reveal-delay);will-change:opacity, transform;background:#ffffff06;grid-template-columns:56px 1fr auto auto auto;grid-template-areas:"position name stat1 stat2 progress";display:grid;position:relative;transform:translateY(8px)}.ranking-item.no-animation{opacity:1;animation:none;transform:none}@keyframes ranking-reveal{to{opacity:1;transform:translateY(0)}}.ranking-item.revealed{opacity:1;transform:translateY(0)}@media (hover:hover) and (pointer:fine){.ranking-item:hover{border-color:var(--hairline-hi);background:#ffffff0d}}.ranking-item:active{background:#ffffff0f}.ranking-item .position{align-items:center;gap:var(--s-1);font-family:var(--font-display);font-size:var(--t-callout);color:var(--text-secondary);letter-spacing:var(--track-snug);grid-area:position;font-weight:600;display:inline-flex}.ranking-item .position .medal{font-size:1.1rem;line-height:1}.ranking-item .stat-box{padding:var(--s-1) var(--s-2);text-align:right;flex-direction:column;align-items:flex-end;gap:2px;min-width:90px;display:flex}.ranking-item .percentage{font-family:var(--font-display);font-size:var(--t-callout);letter-spacing:var(--track-snug);font-weight:600;color:var(--ice-300)!important}.ranking-item .progress-bar{border-radius:var(--r-full);background:#ffffff0f;width:100%;height:4px;overflow:hidden}.ranking-item .progress-fill{border-radius:var(--r-full);background:linear-gradient(90deg, var(--ice-500), var(--ice-300));transform-origin:0;height:100%;animation:fill-grow var(--dur-page) var(--ease-out-quart) forwards}.ranking-item .progress-fill.goal-achieved{background:linear-gradient(90deg, var(--gold-500), var(--gold-200));box-shadow:0 0 12px #ffd60a4d}.ranking-item .mobile-stats{gap:var(--s-3);grid-area:stat1/stat1/stat2/stat2;display:flex}.ranking-item.silver{border-color:#d9e2ec38}.ranking-item.bronze{border-color:#d4863a38}.ranking-item.goal-achieved{border-color:var(--hairline-gold);background:linear-gradient(90deg,#ffd60a0f,#0000 70%)}.ranking-item.goal-achieved .position{color:var(--gold-300)}@keyframes spin{to{transform:rotate(360deg)}}.footer{margin-top:var(--s-10);padding:var(--s-6) var(--s-4);text-align:center;color:var(--text-tertiary);font-size:var(--t-subhead)}.footer-main{color:var(--text-secondary);margin-bottom:var(--s-1);font-weight:600}.footer-motivational{font-size:var(--t-caption);color:var(--text-tertiary)}@keyframes burst-rise{0%{opacity:.8;transform:translateY(0)scale(.5)rotate(0)}to{opacity:0;transform:translateY(-50px)scale(0)rotate(200deg)}}@media (width<=960px){.container{padding:var(--s-5) var(--s-4) var(--s-10)}.header{padding:var(--s-10) var(--s-5) var(--s-7);border-radius:var(--r-xl)}.meta-info{border-radius:var(--r-lg);padding:var(--s-3)}.meta-info .controls{justify-content:flex-end;width:100%}.summary-progress{flex:1;min-width:0}.first-place{padding:var(--s-5);grid-template-columns:auto 1fr;grid-template-areas:"crown header""progress progress""stats stats"}.first-place .percentage-highlight{text-align:left;align-items:flex-start;min-width:0}.ranking-item{row-gap:var(--s-2);grid-template-columns:48px 1fr auto;grid-template-areas:"position name progress""position stat1 stat2"}.ranking-item .stat-box{align-items:flex-start;min-width:0;padding:0}.ranking-item .progress-section{min-width:90px}}@media (width<=640px){.container{padding:var(--s-4) var(--s-3) var(--s-10)}.header{padding:var(--s-8) var(--s-4) var(--s-6)}.ice-logo{font-size:2.25rem}.header h1{font-size:clamp(2rem,8vw,2.75rem)}.subtitle{font-size:var(--t-caption);letter-spacing:var(--track-wider)}.meta-info{padding:var(--s-3);border-radius:var(--r-xl)}.meta-info .status-info{align-items:flex-start;gap:var(--s-2);flex-direction:column}.meta-info .controls{justify-content:stretch;width:100%}.refresh-btn{flex:1}.month-navigation{padding:var(--s-4)}.month-selector-wrapper{flex-direction:column;align-items:stretch}.monthly-summary-card{padding:var(--s-5) var(--s-4)}.summary-stats{grid-template-columns:1fr}.first-place{padding:var(--s-4);border-radius:var(--r-xl)}.first-place .crown,.percentage-value{font-size:2rem}.ranking-container{padding:var(--s-4) var(--s-3)}.ranking-item{padding:var(--s-3);grid-template-columns:40px 1fr;grid-template-areas:"position name""stats stats""progress progress"}.ranking-item .stat-box{display:none}.ranking-item .mobile-stats{gap:var(--s-4);grid-area:stats;display:flex}.ranking-item .mobile-stats .stat-box{flex:1;display:flex}.ranking-item .progress-section{align-items:stretch;width:100%;min-width:0}.ranking-item .progress-section .percentage{align-self:flex-end}.back-to-root-btn{font-size:var(--t-caption);padding:0 var(--s-2);min-height:36px}}@media (width<=380px){.snow-layer{opacity:.5}}.first-place{gap:var(--s-4) var(--s-6);padding:var(--s-8) var(--s-7);border-radius:var(--r-2xl);isolation:isolate;-webkit-backdrop-filter:var(--blur-md);background:radial-gradient(100% 70% at 0 0,#ffd60a2e,#0000 65%),radial-gradient(80% 80% at 100% 100%,#ffc3001a,#0000 65%),linear-gradient(#1c160af2,#0e0e16f2);border:1px solid #ffd60a6b;grid-template-columns:auto 1fr auto;grid-template-areas:"crown name percent""stats stats stats";display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffd60a38,0 0 100px -16px #ffd60a73,0 30px 70px -20px #000000bf}.first-place:before{content:"";background:linear-gradient(90deg, transparent, var(--gold-200), transparent);z-index:1;width:60%;height:1.5px;animation:5s ease-in-out infinite first-place-shimmer;position:absolute;top:0;left:-60%}@keyframes first-place-shimmer{0%,to{opacity:0;left:-60%}25%{opacity:1}75%{opacity:1}to{opacity:0;left:100%}}.first-place:after{content:"";aspect-ratio:1;pointer-events:none;z-index:-1;background:radial-gradient(circle,#ffd60a2e,#0000 70%);width:50%;animation:9s ease-in-out infinite first-place-orb;position:absolute;top:-30%;right:-10%}@keyframes first-place-orb{0%,to{opacity:.9;transform:translate(0)scale(1)}50%{opacity:1;transform:translate(-3%,4%)scale(1.05)}}.first-place .crown{filter:drop-shadow(0 0 28px #ffd60ab3);transform-origin:bottom;grid-area:crown;align-self:center;font-size:3.25rem;line-height:1;animation:3.4s ease-in-out infinite first-place-crown}@keyframes first-place-crown{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-8px)rotate(3deg)}}.first-place>h2{align-self:center;gap:var(--s-2);font-family:var(--font-display);letter-spacing:var(--track-tight);background:linear-gradient(180deg, #fff 0%, var(--gold-200) 55%, var(--gold-500) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;flex-direction:column;grid-area:name;min-width:0;margin:0;font-size:clamp(1.5rem,3vw + .5rem,2.25rem);font-weight:800;line-height:1.05;display:flex}.first-place>h2:before{content:"✦ LÍDER";padding:var(--s-1) var(--s-3);font-family:var(--font-display);font-size:var(--t-micro);letter-spacing:var(--track-widest);color:#1a1300;background:linear-gradient(180deg, var(--gold-200), var(--gold-500));-webkit-text-fill-color:#1a1300;border-radius:var(--r-full);text-shadow:none;-webkit-background-clip:padding-box;background-clip:padding-box;align-self:flex-start;width:fit-content;font-weight:800;animation:3s ease-in-out infinite leader-pill-glow;box-shadow:inset 0 1px #ffffff73,0 6px 18px -4px #ffd60a8c}@keyframes leader-pill-glow{0%,to{box-shadow:inset 0 1px #ffffff73,0 6px 18px -4px #ffd60a8c}50%{box-shadow:inset 0 1px #ffffff8c,0 8px 28px -4px #ffd60abf}}.first-place .percentage-highlight{align-items:flex-end;gap:var(--s-2);text-align:right;flex-direction:column;grid-area:percent;min-width:200px;display:flex}.first-place .percentage-label{font-size:var(--t-caption);color:#ffd60ac7;letter-spacing:var(--track-widest);text-transform:uppercase;font-weight:600}.first-place .percentage-value{font-family:var(--font-display);letter-spacing:var(--track-tight);background:linear-gradient(180deg, var(--gold-200) 0%, var(--gold-500) 70%, var(--gold-700) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 22px #ffd60a66);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.75rem,5.5vw + 1rem,4.25rem);font-weight:800;line-height:.95}.first-place .progress-bar{border-radius:var(--r-full);background:#00000080;width:100%;height:10px;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.first-place .progress-fill{border-radius:var(--r-full);background:linear-gradient(90deg, var(--ice-500), var(--gold-300), var(--gold-500));transform-origin:0;background-size:200% 100%;height:100%;position:relative;overflow:hidden;box-shadow:0 0 18px #ffd60a73}.first-place .progress-fill.goal-achieved{background:linear-gradient(90deg, var(--gold-300), var(--gold-200), var(--gold-500), var(--gold-200));background-size:200% 100%;animation:3s linear infinite progress-shine;box-shadow:0 0 24px #ffd60aa6}.first-place .progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);animation:3s ease-in-out infinite progress-glint;position:absolute;inset:0;transform:translate(-100%)}@keyframes progress-shine{0%{background-position:0%}to{background-position:200%}}@keyframes progress-glint{0%{transform:translate(-100%)}50%{transform:translate(150%)}to{transform:translate(150%)}}.first-place .first-stats{gap:var(--s-3);padding-top:var(--s-5);margin-top:var(--s-2);border-top:1px solid #ffd60a26;grid-area:stats;grid-template-columns:1fr 1fr;display:grid}.first-place .first-stat{gap:var(--s-1);padding:var(--s-4) var(--s-5);border-radius:var(--r-md);transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-base) var(--ease-out-spring);background:radial-gradient(100% 100% at 0 0,#ffd60a14,#0000 70%),#ffd60a08;border:1px solid #ffd60a33;flex-direction:column;display:flex}@media (hover:hover) and (pointer:fine){.first-place .first-stat:hover{background:radial-gradient(100% 100% at 0 0,#ffd60a24,#0000 70%),#ffd60a0f;border-color:#ffd60a61;transform:translateY(-2px)}}.first-place .first-stat-label{font-size:var(--t-caption);color:#ffffff8c;letter-spacing:var(--track-wide);text-transform:uppercase;font-weight:500}.first-place .first-stat-value{font-family:var(--font-display);font-size:var(--t-title-3);letter-spacing:var(--track-tight);background:linear-gradient(180deg, #fff, var(--gold-300));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent!important;color:var(--gold-200)!important;font-weight:700!important}@media (width<=720px){.first-place{gap:var(--s-3);padding:var(--s-6) var(--s-5);text-align:center;grid-template-columns:1fr;grid-template-areas:"crown""name""percent""stats"}.first-place .crown{justify-self:center;font-size:2.5rem}.first-place>h2{text-align:center;align-items:center}.first-place>h2:before{align-self:center}.first-place .percentage-highlight{text-align:center;align-items:center;min-width:0}.first-place .first-stats{grid-template-columns:1fr 1fr}.first-place .first-stat{padding:var(--s-3) var(--s-4);text-align:center;align-items:center}}@media (width<=480px){.first-place{padding:var(--s-5) var(--s-4);border-radius:var(--r-xl)}.first-place>h2{font-size:1.4rem}.first-place .percentage-value{font-size:2.5rem}.first-place .first-stat-value{font-size:var(--t-headline)}}.ranking-item{--tier-glow:transparent;--tier-accent:#ffffff24;align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-5) var(--s-4) var(--s-6);background:linear-gradient(90deg, var(--tier-glow), transparent 35%), #ffffff06;border:1px solid var(--hairline);border-radius:var(--r-lg);color:var(--text-primary);transition:background var(--dur-base) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-base) var(--ease-out-spring), box-shadow var(--dur-base) var(--ease-out);grid-template-columns:56px 1fr auto auto auto;grid-template-areas:"position name stat1 stat2 progress";display:grid;position:relative;overflow:hidden}.ranking-item:before{content:"";background:var(--tier-accent);border-radius:0 var(--r-full) var(--r-full) 0;opacity:0;width:3px;transition:opacity var(--dur-base) var(--ease-out), width var(--dur-base) var(--ease-out-spring), box-shadow var(--dur-base) var(--ease-out);position:absolute;top:10px;bottom:10px;left:0}@media (hover:hover) and (pointer:fine){.ranking-item:hover{border-color:var(--hairline-hi);background:linear-gradient(90deg, var(--tier-glow), transparent 50%), #ffffff0a;box-shadow:var(--elev-1);transform:translateY(-2px)}.ranking-item:hover:before{opacity:1;width:4px}}.ranking-item.silver{--tier-glow:#d9e2ec14;--tier-accent:linear-gradient(180deg, var(--silver-300), var(--silver-500));background:linear-gradient(90deg,#d9e2ec14,#0000 40%),#ffffff06;border-color:#d9e2ec38}.ranking-item.silver:before{opacity:1}.ranking-item.bronze{--tier-glow:#d4863a14;--tier-accent:linear-gradient(180deg, var(--bronze-300), var(--bronze-500));background:linear-gradient(90deg,#d4863a14,#0000 40%),#ffffff06;border-color:#d4863a38}.ranking-item.bronze:before{opacity:1}.ranking-item.goal-achieved{--tier-glow:#ffd60a1f;--tier-accent:linear-gradient(180deg, var(--gold-200), var(--gold-500));background:radial-gradient(50% 200% at 0%,#ffd60a1f,#0000 70%),#ffd60a06;border-color:#ffd60a59;box-shadow:0 0 28px -10px #ffd60a52}.ranking-item.goal-achieved:before{opacity:1;background:linear-gradient(180deg, var(--gold-200), var(--gold-500));width:4px;box-shadow:0 0 14px #ffd60a99}.ranking-item.goal-achieved .loja-name{color:var(--gold-200)}.ranking-item .position{justify-content:center;align-items:center;gap:var(--s-1);width:56px;height:40px;padding:0 var(--s-2);font-family:var(--font-display);font-size:var(--t-callout);color:var(--text-primary);border:1px solid var(--hairline-hi);border-radius:var(--r-md);letter-spacing:var(--track-tight);background:#ffffff0a;grid-area:position;font-weight:700;display:inline-flex}.ranking-item.silver .position{color:var(--silver-300);background:linear-gradient(#eef3f929,#d9e2ec0a);border-color:#d9e2ec66;box-shadow:0 0 12px -2px #d9e2ec38}.ranking-item.bronze .position{color:var(--bronze-300);background:linear-gradient(#f0b0742e,#d4863a0a);border-color:#d4863a66;box-shadow:0 0 12px -2px #d4863a38}.ranking-item.goal-achieved .position{color:var(--gold-200);background:linear-gradient(#ffe48a38,#ffd60a0f);border-color:#ffd60a80;box-shadow:0 0 16px -2px #ffd60a66}.ranking-item .position .medal{filter:drop-shadow(0 0 6px);font-size:1.1rem;line-height:1}.ranking-item .loja-name{font-family:var(--font-display);font-size:var(--t-headline);color:var(--text-primary);letter-spacing:var(--track-snug);white-space:nowrap;text-overflow:ellipsis;grid-area:name;min-width:0;font-weight:600;overflow:hidden}.ranking-item .stat-box{text-align:right;flex-direction:column;align-items:flex-end;gap:2px;min-width:90px;display:flex}.ranking-item .stat-box:first-of-type{grid-area:stat1}.ranking-item .stat-box:nth-of-type(2){grid-area:stat2}.ranking-item .stat-value{font-family:var(--font-display);font-size:var(--t-callout);color:var(--text-primary);letter-spacing:var(--track-snug);font-weight:600}.ranking-item .stat-label{font-size:var(--t-micro);color:var(--text-tertiary);letter-spacing:var(--track-wide);text-transform:uppercase;font-weight:500}.ranking-item .progress-section{align-items:flex-end;gap:var(--s-1);flex-direction:column;grid-area:progress;min-width:140px;display:flex}.ranking-item .percentage{font-family:var(--font-display);font-size:var(--t-headline);letter-spacing:var(--track-tight);background:linear-gradient(180deg, var(--ice-200), var(--ice-400));-webkit-background-clip:text;background-clip:text;font-weight:700;line-height:1;color:var(--ice-300)!important;-webkit-text-fill-color:transparent!important}.ranking-item.goal-achieved .percentage{background:linear-gradient(180deg, var(--gold-200), var(--gold-500));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent!important}.ranking-item .progress-bar{border-radius:var(--r-full);background:#00000059;width:100%;height:5px;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.ranking-item .progress-fill{border-radius:var(--r-full);background:linear-gradient(90deg, var(--ice-500), var(--ice-300));transform-origin:0;height:100%;animation:fill-grow var(--dur-page) var(--ease-out-quart) forwards;position:relative;overflow:hidden}.ranking-item .progress-fill.goal-achieved{background:linear-gradient(90deg, var(--gold-500), var(--gold-200), var(--gold-500));animation:fill-grow var(--dur-page) var(--ease-out-quart) forwards, progress-shine 3s linear infinite;background-size:200% 100%;box-shadow:0 0 10px #ffd60a8c}@media (width<=960px){.ranking-item{row-gap:var(--s-2);column-gap:var(--s-3);padding:var(--s-3) var(--s-4) var(--s-3) var(--s-5);grid-template-columns:48px 1fr auto;grid-template-areas:"position name progress""position stat1 stat2"}.ranking-item .position{width:48px;height:36px}.ranking-item .stat-box{align-items:flex-start;min-width:0}.ranking-item .progress-section{min-width:110px}.ranking-item .percentage{font-size:var(--t-callout)}}@media (width<=640px){.ranking-item{padding:var(--s-3) var(--s-4) var(--s-3) var(--s-5);row-gap:var(--s-2);grid-template-columns:44px 1fr;grid-template-areas:"position name""stats stats""progress progress"}.ranking-item .position{width:44px;height:36px;font-size:var(--t-subhead)}.ranking-item .stat-box{display:none}.ranking-item .mobile-stats{gap:var(--s-4);padding-top:var(--s-1);grid-area:stats;display:flex}.ranking-item .mobile-stats .stat-box{text-align:left;flex:1;align-items:flex-start;min-width:0;display:flex}.ranking-item .progress-section{align-items:stretch;width:100%;min-width:0}.ranking-item .progress-section .percentage{font-size:var(--t-headline);align-self:flex-end}}.monthly-summary-card.goal-achieved{border-color:var(--hairline-gold);animation:card-enter var(--dur-slow) var(--ease-out-spring) forwards, summary-goal-pulse 3s var(--ease-in-out) .9s infinite}.monthly-summary-card.goal-achieved .monthly-summary-glow{animation:summary-goal-breathe 4s var(--ease-in-out) infinite;background:radial-gradient(65% 55% at 50% -5%,#ffd60a33,#0000 62%),radial-gradient(50% 45% at 92% 105%,#ffe08a1f,#0000 60%)}.monthly-summary-card.goal-achieved:after{content:"";z-index:0;pointer-events:none;animation:summary-goal-sheen 4.4s var(--ease-in-out) 1.2s infinite;background:linear-gradient(105deg,#0000 42%,#ffe8a029 50%,#0000 58%) 0 0/260% 100%;position:absolute;inset:0}@keyframes summary-goal-pulse{0%,to{box-shadow:var(--elev-2), 0 16px 50px -16px #ffd60a47}50%{box-shadow:var(--elev-2), 0 22px 66px -12px #ffd60a85}}@keyframes summary-goal-breathe{0%,to{opacity:.85}50%{opacity:1}}@keyframes summary-goal-sheen{0%{background-position:160% 0}60%{background-position:-100% 0}to{background-position:-100% 0}}.ranking-item.goal-achieved:before{animation:item-accent-pulse 2.8s var(--ease-in-out) infinite}@keyframes item-accent-pulse{0%,to{box-shadow:0 0 10px #ffd60a73}50%{box-shadow:0 0 20px #ffd60ae6}}.pods-prize-section{margin-top:var(--s-8);padding:var(--s-6) var(--s-5);border:1px solid var(--hairline-gold);border-radius:var(--r-xl);-webkit-backdrop-filter:var(--blur-md);box-shadow:var(--elev-glow-gold);text-align:center;background:linear-gradient(#ffd60a1a,#ffd60a05)}.pods-prize-title{font-family:var(--font-display);font-size:var(--t-title-2);color:var(--gold-300);letter-spacing:var(--track-tight);margin-bottom:var(--s-3);font-weight:700}.pods-prize-value{font-size:var(--t-title-3);color:var(--text-primary);white-space:pre-wrap;word-break:break-word;font-weight:600;line-height:1.45}@media (width<=768px){.pods-prize-section{padding:var(--s-5) var(--s-4)}}@keyframes summary-prize-shine{0%{background-position:160% 0}55%{background-position:-80% 0}to{background-position:-80% 0}}@media (prefers-reduced-motion:reduce){.summary-prize:after{animation:none}}@media (hover:hover) and (pointer:fine){.monthly-summary-card .summary-stat:hover{border-color:var(--hairline-hi);background:#ffffff0d}}@media (width<=640px){.monthly-summary-card .monthly-summary-header{align-items:stretch;gap:var(--s-4);flex-direction:column}.monthly-summary-card .summary-progress{align-items:stretch;min-width:0}.monthly-summary-card .summary-progress-bar{max-width:none}.monthly-summary-card .summary-stats{grid-template-columns:1fr}}html{scrollbar-gutter:stable;overflow-y:scroll}.entry-loading-overlay{z-index:20000;color:#fffffff5;opacity:1;visibility:visible;background:radial-gradient(70% 50% at 50% 0,#00c8ef1a,#0000 60%),linear-gradient(#000308 0%,#06101f 100%);justify-content:center;align-items:center;padding:24px;transition:opacity .42s cubic-bezier(.25,1,.5,1),visibility .42s;display:flex;position:fixed;inset:0;overflow:hidden}.entry-loading-overlay[hidden],.entry-loading-overlay.entry-loading-overlay--hidden{opacity:0;visibility:hidden;pointer-events:none}body.entry-loading-active{overflow:hidden}body.entry-loading-prescroll{overflow-y:scroll!important}body.entry-loading-prescroll .ranking-item,body.entry-loading-prescroll .podium-card,body.entry-loading-prescroll .ranking-list-item,body.entry-loading-prescroll .first-place,body.entry-loading-prescroll .first-place-floating-wrapper,body.entry-loading-prescroll .monthly-summary-card,body.entry-loading-prescroll .overall-sales-card{opacity:0!important;transition:none!important;animation:none!important;transform:none!important}body.entry-loading-active .container,body.entry-loading-active .ranking-footer,body.entry-loading-active .footer{pointer-events:none}body.entry-loading-active .ranking-item,body.entry-loading-active .podium-card,body.entry-loading-active .ranking-list-item,body.entry-loading-active .first-place,body.entry-loading-active .first-place-floating-wrapper,body.entry-loading-active .monthly-summary-card,body.entry-loading-active .overall-sales-card{opacity:0!important;transition:none!important;animation:none!important;transform:translateY(12px)!important}body.entry-loading-reveal .ranking-item,body.entry-loading-reveal .podium-card,body.entry-loading-reveal .ranking-list-item,body.entry-loading-reveal .first-place,body.entry-loading-reveal .first-place-floating-wrapper,body.entry-loading-reveal .monthly-summary-card,body.entry-loading-reveal .overall-sales-card{will-change:opacity, transform;animation:.6s cubic-bezier(.32,.72,0,1) both entry-content-reveal!important;animation-delay:var(--entry-reveal-delay,0s)!important}.ranking-item,.podium-card,.ranking-list-item{backface-visibility:hidden;contain:layout style;transform-style:flat}.entry-loading-card{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:16px;width:min(520px,92vw);display:flex;position:relative}.entry-loading-penguin{filter:drop-shadow(0 12px 16px #0000005c)drop-shadow(0 0 24px #00c8ef73);font-size:4.5rem;line-height:1;animation:3s ease-in-out infinite entry-penguin-float}.entry-loading-kicker{color:#ffffffa8;letter-spacing:.18em;text-transform:uppercase;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,system-ui,sans-serif;font-size:.8125rem;font-weight:500}.entry-loading-message{color:#fffffff5;letter-spacing:-.012em;text-wrap:balance;max-width:28rem;min-height:2.6em;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,system-ui,sans-serif;font-size:1.125rem;font-weight:600;line-height:1.4}.entry-loading-percent{letter-spacing:.06em;color:#00c8efe6;font-variant-numeric:tabular-nums;text-align:center;min-width:3ch;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,system-ui,sans-serif;font-size:.9375rem;font-weight:700}.entry-loading-track{background:#ffffff1a;border:0;border-radius:999px;width:min(280px,74vw);height:10px;margin-top:10px;animation:none;position:relative;overflow:visible;box-shadow:inset 0 1px 3px #00000073}.entry-loading-track:before{content:none}.entry-loading-fill{background:linear-gradient(90deg,#0090c0 0%,#00c8ef 70%,#7ad8f5 100%);border-radius:999px;width:0%;height:100%;transition:width .14s linear;box-shadow:0 0 12px #00c8efa6}.entry-loading-flake{color:#eaffff;filter:drop-shadow(0 0 7px #00c8eff2);pointer-events:none;font-size:1.3rem;line-height:1;transition:left .14s linear;animation:3s linear infinite entry-flake-spin;position:absolute;top:50%;left:0%;transform:translate(-50%,-50%)}@keyframes entry-flake-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes entry-penguin-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes entry-spinner{to{transform:rotate(360deg)}}@keyframes entry-content-reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translate(0,0)}}@keyframes entry-content-fade{0%{opacity:0}to{opacity:1}}@media (width<=640px){body.entry-loading-active .first-place-floating-wrapper,body.entry-loading-prescroll .first-place-floating-wrapper,body.entry-loading-reveal .first-place-floating-wrapper{flex:none!important;width:min(100%,320px)!important;min-width:0!important;max-width:320px!important;transition:none!important;transform:none!important}body.entry-loading-active .first-place-floating-wrapper .podium-card.first-place,body.entry-loading-prescroll .first-place-floating-wrapper .podium-card.first-place,body.entry-loading-reveal .first-place-floating-wrapper .podium-card.first-place{opacity:1!important;flex:none!important;width:100%!important;min-width:0!important;max-width:320px!important;min-height:0!important;transition:none!important;animation:none!important;transform:none!important}body.entry-loading-reveal .first-place-floating-wrapper{animation:.36s cubic-bezier(.25,1,.5,1) both entry-content-fade!important;animation-delay:var(--entry-reveal-delay,0s)!important}.entry-loading-card{gap:14px}.entry-loading-penguin{font-size:3.5rem}.entry-loading-kicker{letter-spacing:.16em;font-size:.72rem}.entry-loading-message{min-height:2.8em;font-size:1rem}}@media (width<=768px){body:not(.entry-loading-reveal) .ranking-item:hover,body:not(.entry-loading-reveal) .podium-card:hover,body:not(.entry-loading-reveal) .ranking-list-item:hover{transform:none!important}}@media (width>=960px){.entry-loading-penguin{font-size:5rem}.entry-loading-message{font-size:1.25rem}}@media (prefers-reduced-motion:reduce){.entry-loading-penguin,.entry-loading-flake{animation:none}body.entry-loading-reveal .ranking-item,body.entry-loading-reveal .podium-card,body.entry-loading-reveal .ranking-list-item,body.entry-loading-reveal .first-place,body.entry-loading-reveal .first-place-floating-wrapper,body.entry-loading-reveal .monthly-summary-card,body.entry-loading-reveal .overall-sales-card{animation:.2s both entry-content-fade!important;animation-delay:var(--entry-reveal-delay,0s)!important}}.cs-wrap{-webkit-user-select:none;user-select:none;width:100%;position:relative}.cs-trigger{color:#ffffffeb;letter-spacing:-.01em;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:46px;padding:0 16px;font-family:inherit;font-size:.9375rem;font-weight:500;transition:border-color .14s,background .14s,box-shadow .14s;display:flex}.cs-trigger:hover{background:#ffffff17;border-color:#00c8ef6b}.cs-trigger:focus-visible{border-color:#00c8efa6;outline:none;box-shadow:0 0 0 3px #00c8ef2e}.cs-wrap.cs-open .cs-trigger{background:#ffffff14;border-color:#00c8ef99;box-shadow:0 0 0 3px #00c8ef24}.cs-value-text{text-overflow:ellipsis;white-space:nowrap;color:#ffffff80;flex:1;transition:color .12s;overflow:hidden}.cs-wrap.cs-has-value .cs-value-text{color:#ffffffeb}.cs-arrow{color:#00c8efa6;flex-shrink:0;width:18px;height:18px;transition:transform .2s cubic-bezier(.32,.72,0,1),color .14s}.cs-wrap.cs-open .cs-arrow{color:#00c8efe6;transform:rotate(180deg)}.cs-panel{z-index:99999;-webkit-backdrop-filter:blur(24px);overscroll-behavior:contain;opacity:0;transform-origin:top;pointer-events:none;background:#061220f7;border:1px solid #00c8ef38;border-radius:14px;max-height:252px;padding:6px;transition:opacity .17s cubic-bezier(.32,.72,0,1),transform .17s cubic-bezier(.32,.72,0,1);position:absolute;overflow-y:auto;transform:translateY(-8px)scale(.97);box-shadow:0 24px 64px -12px #000000bf,inset 0 0 0 1px #ffffff0a}.cs-panel.cs-panel--visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.cs-panel.cs-panel--upward{transform-origin:bottom;transform:translateY(8px)scale(.97)}.cs-panel.cs-panel--upward.cs-panel--visible{transform:translateY(0)scale(1)}.cs-panel::-webkit-scrollbar{width:4px}.cs-panel::-webkit-scrollbar-track{background:0 0}.cs-panel::-webkit-scrollbar-thumb{background:#00c8ef47;border-radius:4px}.cs-panel::-webkit-scrollbar-thumb:hover{background:#00c8ef80}.cs-option{color:#ffffffd1;cursor:pointer;border-radius:9px;outline:none;padding:10px 14px;font-size:.9rem;line-height:1.35;transition:background .11s,color .11s}.cs-option:hover,.cs-option:focus{color:#fff;background:#00c8ef1c}.cs-option--active{color:#00c8ef;background:#00c8ef2b;font-weight:600}.cs-option--active:hover,.cs-option--active:focus{background:#00c8ef3d}.cs-option--placeholder{color:#ffffff61;cursor:default;font-size:.875rem;font-style:italic}@media (width<=640px){.cs-trigger{min-height:44px;padding:0 14px;font-size:.875rem}.cs-option{padding:11px 12px;font-size:.875rem}.cs-panel{max-height:220px}}.brand-logo{filter:drop-shadow(0 0 24px #00c8ef73);width:clamp(180px,24vw,280px);height:auto;display:block}.brand-logo-hub{width:clamp(220px,32vw,360px);margin-inline:auto}@media (width<=768px){.brand-logo{width:clamp(160px,52vw,240px)}.brand-logo-hub{width:clamp(200px,62vw,300px)}}@media (prefers-reduced-motion:reduce){.brand-logo{filter:none}}.update-loading-overlay{opacity:1;transition:opacity var(--dur-base,.22s) var(--ease-out,ease-out)}.update-loading-overlay.fade-out{opacity:0;pointer-events:none}body.loading-active{touch-action:none;overflow:hidden}.update-loading-icon{animation:update-loading-pulse 1.4s var(--ease-in-out,ease-in-out) infinite}@keyframes update-loading-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.update-loading-overlay{transition:none}.update-loading-icon{animation:none}}.period-duration{align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);font-size:var(--t-subhead);color:var(--text-primary);border:1px solid var(--hairline-ice);border-radius:var(--r-full);background:#00c8ef14;align-self:flex-start;font-weight:500;display:inline-flex}.period-duration-icon{font-size:1rem;line-height:1}.period-duration-days{color:var(--text-secondary);font-weight:400}@media (width<=768px){.period-duration{font-size:var(--t-caption);padding:var(--s-2) var(--s-3);justify-content:center;align-self:stretch}}.champion-arrive.champion-arrive{animation:champion-arrive .9s var(--ease-out-spring,cubic-bezier(.34, 1.56, .64, 1)) both}@keyframes champion-arrive{0%{opacity:0;transform:translateY(28px)scale(.94)}55%{opacity:1;transform:translateY(-6px)scale(1.035)}to{opacity:1;transform:translateY(0)scale(1)}}.champion-sweep{isolation:isolate;position:relative;overflow:hidden}.champion-sweep:after{content:"";z-index:4;pointer-events:none;animation:champion-sweep 1.1s var(--ease-out,cubic-bezier(.25, 1, .5, 1)) .26s both;background:linear-gradient(100deg,#0000 30%,#ffd60a38 46%,#ffffff47 52%,#0000 68%);position:absolute;inset:0;transform:translate(-120%)}@keyframes champion-sweep{to{transform:translate(120%)}}.champion-crown.champion-crown.champion-crown{animation:champion-crown-drop .76s var(--ease-out-spring,cubic-bezier(.34, 1.56, .64, 1)) both}@keyframes champion-crown-drop{0%{opacity:0;transform:translateY(-26px)rotate(-14deg)scale(.7)}60%{opacity:1;transform:translateY(3px)rotate(4deg)scale(1.08)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}.celebration-burst{z-index:6;pointer-events:none;position:absolute;inset:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.champion-arrive.champion-arrive,.champion-crown.champion-crown.champion-crown{animation:none}.champion-sweep:after{opacity:0;animation:none}.celebration-burst{display:none}}@media (hover:hover) and (pointer:fine){.card--interactive:hover{border-color:var(--hairline-hi);box-shadow:var(--elev-2);transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.snow-layer,body:before,body:after{animation:none!important}}@media (width<=640px){body:after{opacity:.6}html:before{opacity:.025}}.monthly-summary-card{padding:var(--s-6) var(--s-5);background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--r-xl);-webkit-backdrop-filter:var(--blur-md);box-shadow:var(--elev-2);opacity:0;animation:card-enter var(--dur-slow) var(--ease-out-spring) forwards;transform:translateY(8px)}.crown-orbit{display:none}@media (width<=960px){.ranking-split-layout{grid-template-columns:1fr}}.podium-section,.ranking-list-section{padding:var(--s-6) var(--s-5);background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--r-xl);-webkit-backdrop-filter:var(--blur-md);box-shadow:var(--elev-1)}.podium-card.no-animation{opacity:1;animation:none;transform:none}@media (hover:hover) and (pointer:fine){.podium-card:hover{border-color:var(--hairline-hi);transform:translateY(-2px)}}.podium-position{width:36px;height:36px;font-family:var(--font-display);font-size:var(--t-headline);color:var(--text-primary);border:1px solid var(--hairline-hi);border-radius:var(--r-full);background:#ffffff0f;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.employee-name{font-family:var(--font-display);font-size:var(--t-callout);color:var(--text-primary);letter-spacing:var(--track-snug);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.ranking-list-section{flex-direction:column;min-height:360px;display:flex}@media (hover:hover) and (pointer:fine){.ranking-list-item:hover{border-color:var(--hairline-hi);border-radius:var(--r-md);background:#ffffff0a}}.ranking-list-item .ranking-position{font-family:var(--font-display);font-size:var(--t-callout);color:var(--text-secondary);text-align:center;font-weight:600}.ranking-list-item .employee-avatar{width:36px;height:36px}.footer-info{color:var(--text-secondary);font-weight:600}.back-to-root-btn{top:max(var(--s-4), env(safe-area-inset-top));left:max(var(--s-4), env(safe-area-inset-left));z-index:var(--z-sticky);align-items:center;gap:var(--s-1);min-height:40px;padding:0 var(--s-3);font-size:var(--t-subhead);color:var(--text-primary);background:var(--surface-2);border:1px solid var(--hairline-hi);border-radius:var(--r-full);-webkit-backdrop-filter:var(--blur-md);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out-spring);font-weight:500;display:inline-flex;position:fixed}.burst-snow{pointer-events:none;z-index:5;color:var(--ice-300);opacity:.7;animation:burst-rise .9s var(--ease-out) forwards;position:absolute}@media (width<=960px){.container{padding:var(--s-5) var(--s-4) var(--s-10)}.header{padding:var(--s-10) var(--s-5) var(--s-7);border-radius:var(--r-xl)}.meta-info{border-radius:var(--r-lg);padding:var(--s-3)}.ranking-list{max-height:460px}}@media (width<=640px){.container{padding:var(--s-4) var(--s-3) var(--s-10)}.header{padding:var(--s-8) var(--s-4) var(--s-6)}.ice-logo{font-size:2.25rem}.header h1{font-size:clamp(2rem,8vw,2.75rem)}.subtitle{font-size:var(--t-caption);letter-spacing:var(--track-wider)}.meta-info{padding:var(--s-3);border-radius:var(--r-xl)}.meta-info .status-info{align-items:flex-start;gap:var(--s-2);flex-direction:column}.meta-info .controls{justify-content:stretch;width:100%}.refresh-btn{flex:1}.month-navigation{padding:var(--s-4)}.month-selector-wrapper{flex-direction:column;align-items:stretch}.summary-stats{grid-template-columns:1fr}.podium-section,.ranking-list-section{padding:var(--s-4) var(--s-3)}.podium-card{padding:var(--s-3) var(--s-4);gap:var(--s-3)}.employee-avatar{width:40px;height:40px}.podium-card.first-place .employee-avatar{width:48px;height:48px}.back-to-root-btn{font-size:var(--t-caption);padding:0 var(--s-2);min-height:36px}}@media (width<=380px){.snow-layer{opacity:.5}}@media (hover:hover) and (pointer:fine){.podium-card:hover{transform:translateY(-4px)}.podium-card:hover .employee-avatar{transform:scale(1.04)}}@keyframes podium-theme-shimmer{0%,to{opacity:0;left:-60%}25%{opacity:1}75%{opacity:1}to{opacity:0;left:100%}}@keyframes podium-theme-bob{0%,to{transform:translateY(0)rotate(-6deg)}50%{transform:translateY(-3px)rotate(6deg)}}@keyframes podium-badge-pulse-gold{0%,to{box-shadow:0 0 0 3px #ffd60a2e,0 0 18px #ffd60a99,inset 0 1px #ffffff8c}50%{box-shadow:0 0 0 5px #ffd60a1f,0 0 26px #ffd60acc,inset 0 1px #fff9}}@keyframes podium-badge-pulse-silver{0%,to{box-shadow:0 0 0 3px #d9e2ec2e,0 0 16px #d9e2ec80,inset 0 1px #ffffff8c}50%{box-shadow:0 0 0 5px #d9e2ec1a,0 0 24px #d9e2ecb3,inset 0 1px #fff9}}@keyframes podium-badge-pulse-bronze{0%,to{box-shadow:0 0 0 3px #d4863a2e,0 0 14px #d4863a80,inset 0 1px #ffffff80}50%{box-shadow:0 0 0 5px #d4863a1a,0 0 22px #d4863ab3,inset 0 1px #ffffff8c}}@media (width<=720px){.podium-card{padding:var(--s-4) var(--s-7) var(--s-4) var(--s-5);gap:var(--s-3)}.podium-card .employee-avatar{width:60px;height:60px}.podium-card .employee-name{font-size:var(--t-callout)}.podium-card .sales-number{font-size:var(--t-title-3)}.podium-card .podium-position{width:36px;height:36px;font-size:var(--t-subhead)}}@media (width<=480px){.podium-card{padding:var(--s-4)}.podium-card .employee-name{font-size:var(--t-subhead)}.podium-card .sales-number{font-size:var(--t-headline)}}@media (hover:hover) and (pointer:fine){.ranking-list-item:hover{background:linear-gradient(90deg, var(--row-tier), transparent 50%), #ffffff0a;border-color:var(--hairline-hi);border-radius:var(--r-md)}}@media (width<=480px){.ranking-list-item{gap:var(--s-2);padding:var(--s-2) var(--s-3);grid-template-columns:24px auto 1fr auto}.ranking-list-item .ranking-position{width:24px;height:24px;font-size:var(--t-caption)}.ranking-list-item .employee-avatar{width:32px;height:32px}}@media (hover:hover) and (pointer:fine){.prize-card:hover{box-shadow:var(--elev-2);transform:translateY(-4px);border-color:var(--hairline-hi)!important}}@media (width<=768px){.prizes-section{padding:var(--s-5) var(--s-4)}.prizes-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.summary-prize:after{animation:none}}@media (hover:hover) and (pointer:fine){.monthly-summary-card .summary-stat:hover{border-color:var(--hairline-hi);background:#ffffff0d}}@media (width<=640px){.monthly-summary-card .monthly-summary-header{align-items:stretch;gap:var(--s-4);flex-direction:column}.monthly-summary-card .summary-progress{align-items:stretch;min-width:0}.monthly-summary-card .summary-progress-bar{max-width:none}.monthly-summary-card .summary-stats{grid-template-columns:1fr}}@media (hover:hover) and (pointer:fine){.card--interactive:hover{border-color:var(--hairline-hi);box-shadow:var(--elev-2);transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.snow-layer,body:before,body:after{animation:none!important}}@media (width<=640px){body:after{opacity:.6}html:before{opacity:.025}}:root{--glass-bg:var(--surface-2);--ice-gold:var(--gold-500);--success:var(--success-500);--warning:var(--warn-500)}.container{max-width:var(--container-max);padding:var(--s-6) var(--container-pad) var(--s-12);padding-top:max(var(--s-6), env(safe-area-inset-top));padding-bottom:max(var(--s-12), env(safe-area-inset-bottom));z-index:2;margin:0 auto;position:relative}.header{text-align:center;padding:var(--s-12) var(--s-6) var(--s-8);margin-bottom:var(--s-6);border-radius:var(--r-2xl);border:1px solid var(--hairline);-webkit-backdrop-filter:var(--blur-lg);box-shadow:var(--elev-1);background:radial-gradient(80% 80% at 50% 0,#00c8ef1a,#0000 65%),linear-gradient(#08162aa6 0%,#040e1e73 100%);position:relative;overflow:hidden}.ranking-logo-container{align-items:center;gap:var(--s-3);z-index:2;flex-direction:column;display:flex;position:relative}.ice-logo{filter:drop-shadow(0 0 24px #00c8ef8c);font-size:clamp(2.5rem,4vw + 1rem,3.5rem);line-height:1}.header h1{font-family:var(--font-display);font-size:var(--t-display);letter-spacing:var(--track-tight);background:linear-gradient(180deg, #fff 0%, var(--ice-100) 50%, var(--ice-300) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700;line-height:1}.subtitle{margin-top:var(--s-3);font-size:var(--t-callout);letter-spacing:var(--track-widest);text-transform:uppercase;color:var(--text-secondary);font-weight:500}.ice-particles{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.meta-info{justify-content:space-between;align-items:center;gap:var(--s-4);padding:var(--s-3) var(--s-4);margin-bottom:var(--s-5);background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--r-xl);-webkit-backdrop-filter:var(--blur-md);box-shadow:var(--elev-1);flex-wrap:wrap;display:flex}.status-info{align-items:center;gap:var(--s-4);flex-wrap:wrap;flex:1;min-width:0;display:flex}.status-item{align-items:center;gap:var(--s-2);font-size:var(--t-subhead);color:var(--text-secondary);font-weight:500;display:inline-flex}.status-item:before{content:"";border-radius:var(--r-full);background:var(--success-500);flex:0 0 8px;width:8px;height:8px;animation:2.4s ease-in-out infinite status-pulse;box-shadow:0 0 0 3px #22c55e38}.status-item .status-icon{display:none}.meta-highlight{color:var(--text-primary);font-weight:600}.last-pull-meta{width:100%;font-size:var(--t-caption);color:var(--text-tertiary);margin-top:var(--s-1)!important;opacity:1!important}.controls{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.refresh-btn{justify-content:center;align-items:center;gap:var(--s-2);min-height:40px;padding:0 var(--s-4);font-size:var(--t-subhead);letter-spacing:var(--track-snug);color:var(--text-primary);border:1px solid var(--hairline-hi);border-radius:var(--r-full);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out-spring);background:#ffffff0f;font-weight:600;display:inline-flex}.refresh-btn:hover{border-color:var(--hairline-ice-hi);background:#00c8ef1f}.refresh-btn:active{transform:scale(.97)}.refresh-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn #refreshIcon{transition:transform var(--dur-slow) var(--ease-out-spring);display:inline-flex}.refresh-btn:hover #refreshIcon{transform:rotate(180deg)}.status-indicator{align-items:center;gap:var(--s-1);padding:var(--s-1) var(--s-3);font-size:var(--t-caption);color:var(--text-tertiary);border-radius:var(--r-full);border:1px solid var(--hairline);background:#ffffff0a;display:inline-flex}.month-navigation{margin-bottom:var(--s-6);padding:var(--s-5) var(--s-5);background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--r-xl);-webkit-backdrop-filter:var(--blur-md);box-shadow:var(--elev-1)}.month-nav-container{gap:var(--s-4);flex-direction:column;display:flex}.month-nav-header{gap:var(--s-1);flex-direction:column;display:flex}.month-nav-title{align-items:center;gap:var(--s-2);display:flex}.month-icon{opacity:.9;font-size:1.25rem}.month-nav-title h3{font-family:var(--font-display);font-size:var(--t-title-3);color:var(--text-primary);letter-spacing:var(--track-snug);font-weight:600}.month-nav-subtitle{font-size:var(--t-subhead);color:var(--text-tertiary);line-height:1.45}.month-selector-wrapper{align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.month-selector{min-width:220px;min-height:48px;padding:0 var(--s-10) 0 var(--s-4);font-size:var(--t-body);color:var(--text-primary);border:1px solid var(--hairline);border-radius:var(--r-md);appearance:none;background-color:#ffffff0f;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><path d='M5 8l5 5 5-5' stroke='%237ad8f5' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right var(--s-3) center;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);flex:1;font-weight:500}.month-selector:hover{border-color:var(--hairline-hi)}.month-selector:focus{border-color:var(--ice-500);box-shadow:var(--focus-ring);outline:none}.month-selector option{background:var(--surface-1);color:var(--text-primary)}.month-indicator{align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);font-size:var(--t-caption);color:var(--ice-300);border:1px solid var(--hairline-ice);border-radius:var(--r-full);background:#00c8ef14;display:none}.month-indicator.visible{display:inline-flex}.overall-sales-card{margin-bottom:var(--s-6)}.monthly-summary-card{padding:var(--s-6) var(--s-5);background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--r-xl);-webkit-backdrop-filter:var(--blur-md);box-shadow:var(--elev-2);opacity:0;animation:card-enter var(--dur-slow) var(--ease-out-spring) forwards;position:relative;transform:translateY(8px)}.monthly-summary-header{justify-content:space-between;align-items:center;gap:var(--s-4);margin-bottom:var(--s-5);flex-wrap:wrap;display:flex}.monthly-summary-title{align-items:center;gap:var(--s-3);flex:1;min-width:0;display:flex}.summary-icon{border:1px solid var(--hairline-ice);border-radius:var(--r-md);background:#00c8ef1a;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;display:inline-flex}.summary-text-group{flex-direction:column;gap:2px;min-width:0;display:flex}.summary-label{font-size:var(--t-caption);color:var(--text-tertiary);letter-spacing:var(--track-wide);text-transform:uppercase;font-weight:500}.summary-month{font-family:var(--font-display);font-size:var(--t-title-3);color:var(--text-primary);letter-spacing:var(--track-snug);font-weight:600}.summary-stats{gap:var(--s-3);padding-top:var(--s-5);border-top:1px solid var(--hairline);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.summary-stat{gap:var(--s-1);padding:var(--s-3) var(--s-4);border:1px solid var(--hairline);border-radius:var(--r-md);background:#ffffff08;flex-direction:column;display:flex}.summary-stat-label{font-size:var(--t-caption);color:var(--text-tertiary);letter-spacing:var(--track-wide);text-transform:uppercase;font-weight:500}.summary-stat-value{font-family:var(--font-display);font-size:var(--t-headline);color:var(--text-primary);letter-spacing:var(--track-snug);font-weight:600}.first-place-container{margin-bottom:var(--s-6)}.first-place-floating-wrapper{justify-content:center;display:flex;position:relative}.floating-crown{z-index:3;filter:drop-shadow(0 0 18px #ffd60a99);pointer-events:none;font-size:2.25rem;line-height:1;animation:3.6s ease-in-out infinite crown-float;position:absolute;top:-28px;left:50%;transform:translate(-50%)}.ranking-main{margin-bottom:var(--s-6)}.ranking-split-layout{gap:var(--s-5);grid-template-columns:1fr 1fr;display:grid}@media (width<=960px){.ranking-split-layout{grid-template-columns:1fr}}.podium-section{padding:var(--s-6) var(--s-5);background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--r-xl);-webkit-backdrop-filter:var(--blur-md);box-shadow:var(--elev-1)}.podium-header{margin-bottom:var(--s-5);padding-bottom:var(--s-4);border-bottom:1px solid var(--hairline);text-align:center}.podium-title{font-family:var(--font-display);font-size:var(--t-title-2);color:var(--text-primary);letter-spacing:var(--track-tight);margin-bottom:var(--s-1);font-weight:700}.podium-subtitle{font-size:var(--t-caption);color:var(--text-tertiary);letter-spacing:var(--track-wide)}.podium-cards{gap:var(--s-3);display:grid}.podium-cards.podium-vertical{grid-template-columns:1fr}.podium-card{--entry-reveal-delay:0s;align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-5);border:1px solid var(--hairline);border-radius:var(--r-lg);transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-base) var(--ease-out-spring);opacity:0;animation:ranking-reveal var(--dur-slow) var(--ease-out-spring) forwards;animation-delay:var(--entry-reveal-delay);background:#ffffff06;grid-template-columns:auto 1fr auto;display:grid;position:relative;transform:translateY(8px)}.podium-card.revealed{opacity:1;transform:translateY(0)}@media (hover:hover) and (pointer:fine){.podium-card:hover{border-color:var(--hairline-hi);transform:translateY(-2px)}}.podium-position{width:36px;height:36px;font-family:var(--font-display);font-size:var(--t-headline);color:var(--text-primary);border:1px solid var(--hairline-hi);border-radius:var(--r-full);letter-spacing:var(--track-tight);background:#ffffff0f;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.podium-position.first-place{background:linear-gradient(180deg, var(--gold-200), var(--gold-500));border-color:var(--gold-500);color:#1a1300;box-shadow:0 0 18px #ffd60a66}.podium-position.second-place{background:linear-gradient(180deg, var(--silver-300), var(--silver-500));border-color:var(--silver-500);color:#15181d}.podium-position.third-place{background:linear-gradient(180deg, var(--bronze-300), var(--bronze-500));border-color:var(--bronze-500);color:#1c0e02}.employee-avatar{border-radius:var(--r-full);object-fit:cover;border:2px solid var(--hairline-hi);background:var(--surface-3);width:48px;height:48px}.podium-card.second-place .employee-avatar{border-color:var(--silver-500)}.podium-card.third-place .employee-avatar{border-color:var(--bronze-500)}.employee-name{font-family:var(--font-display);font-size:var(--t-callout);color:var(--text-primary);letter-spacing:var(--track-snug);white-space:nowrap;text-overflow:ellipsis;grid-column:2;font-weight:600;overflow:hidden}.sales-display{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.sales-number{font-family:var(--font-display);font-size:var(--t-headline);color:var(--ice-300);letter-spacing:var(--track-tight);font-weight:700}.sales-label{font-size:var(--t-micro);color:var(--text-tertiary);letter-spacing:var(--track-wide);text-transform:uppercase;font-weight:500}.podium-card.first-place{border-color:var(--hairline-gold);box-shadow:var(--elev-glow-gold);background:linear-gradient(#ffd60a0f,#ffd60a05)}.podium-card.first-place .employee-name{color:var(--gold-300);font-size:var(--t-headline)}.podium-card.first-place .sales-number{color:var(--gold-300)}.ranking-list-section{padding:var(--s-6) var(--s-5);background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--r-xl);-webkit-backdrop-filter:var(--blur-md);box-shadow:var(--elev-1);flex-direction:column;min-height:360px;display:flex}.sidebar-header{margin-bottom:var(--s-4);padding-bottom:var(--s-3);border-bottom:1px solid var(--hairline)}.ranking-list-title{font-family:var(--font-display);font-size:var(--t-title-3);color:var(--text-primary);letter-spacing:var(--track-snug);margin-bottom:var(--s-1);font-weight:600}.sidebar-subtitle{font-size:var(--t-caption);color:var(--text-tertiary)}.ranking-list{gap:var(--s-1);max-height:580px;margin-right:calc(var(--s-2) * -1);padding-right:var(--s-2);flex-direction:column;display:flex;overflow-y:auto}.ranking-list-item{--entry-reveal-delay:0s;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border-radius:var(--r-md);color:var(--text-primary);transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);opacity:0;animation:ranking-reveal var(--dur-slow) var(--ease-out-spring) forwards;animation-delay:var(--entry-reveal-delay);background:0 0;border:1px solid #0000;grid-template-columns:32px 1fr auto;display:grid;transform:translateY(6px)}.ranking-list-item.revealed{opacity:1;transform:translateY(0)}@media (hover:hover) and (pointer:fine){.ranking-list-item:hover{border-color:var(--hairline-hi);border-radius:var(--r-md);background:#ffffff0a}}.ranking-list-item .ranking-position{font-family:var(--font-display);font-size:var(--t-callout);color:var(--text-secondary);letter-spacing:var(--track-snug);text-align:center;font-weight:600}.ranking-list-item .employee-avatar{grid-column:auto;width:36px;height:36px}.ranking-list-item .ranking-name{font-family:var(--font-display);font-size:var(--t-subhead);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.ranking-list-item .ranking-sales{font-size:var(--t-caption);color:var(--ice-300);font-weight:500}.ranking-list-item .medal{margin-right:2px;font-size:1rem;line-height:1}.ranking-container{padding:var(--s-6) var(--s-5);background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--r-xl);-webkit-backdrop-filter:var(--blur-md);margin-bottom:var(--s-6)}.ranking-title{font-family:var(--font-display);font-size:var(--t-title-2);color:var(--text-primary);letter-spacing:var(--track-tight);margin-bottom:var(--s-5);padding-bottom:var(--s-4);border-bottom:1px solid var(--hairline);font-weight:700}.prizes-section{margin-top:var(--s-8);padding:var(--s-6) var(--s-5);background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--r-xl);-webkit-backdrop-filter:var(--blur-md);box-shadow:var(--elev-1)}.prizes-header{text-align:center;margin-bottom:var(--s-6)}.prizes-title{font-family:var(--font-display);font-size:var(--t-title-1);color:var(--text-primary);letter-spacing:var(--track-tight);margin-bottom:var(--s-1);font-weight:700}.prizes-subtitle{font-size:var(--t-callout);color:var(--text-tertiary)}.countdown-container{align-items:center;gap:var(--s-2);padding:var(--s-6) var(--s-4);margin-bottom:var(--s-6);border:1px solid var(--hairline-ice);border-radius:var(--r-lg);text-align:center;background:#00c8ef0d;flex-direction:column;display:flex}.countdown{justify-content:center;align-items:center;display:inline-flex}.countdown-number{font-family:var(--font-display);letter-spacing:var(--track-tight);background:linear-gradient(180deg, #fff, var(--ice-300));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,8vw,4.5rem);font-weight:700;line-height:1}.countdown-label{font-size:var(--t-callout);color:var(--text-secondary);letter-spacing:var(--track-snug);font-weight:500}.motivation-text{font-size:var(--t-subhead);color:var(--ice-300);margin-top:var(--s-2);font-weight:500}.prizes-grid{gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.prize-card{gap:var(--s-3);padding:var(--s-5);border-radius:var(--r-lg);-webkit-backdrop-filter:var(--blur-md);transition:transform var(--dur-base) var(--ease-out-spring), border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);flex-direction:column;display:flex;position:relative;background:var(--surface-2)!important;border:1px solid var(--hairline)!important}@media (hover:hover) and (pointer:fine){.prize-card:hover{box-shadow:var(--elev-2);transform:translateY(-4px);border-color:var(--hairline-hi)!important}}.prize-card.first-place{box-shadow:var(--elev-glow-gold);border-color:var(--hairline-gold)!important;background:linear-gradient(#ffd60a1a,#ffd60a05)!important}.prize-card.second-place{background:linear-gradient(#d9e2ec14,#d9e2ec05)!important;border-color:#d9e2ec47!important}.prize-card.third-place{background:linear-gradient(#d4863a14,#d4863a05)!important;border-color:#d4863a47!important}.prize-position{font-family:var(--font-display);font-size:var(--t-callout);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--text-primary);font-weight:700}.prize-card.first-place .prize-position{color:var(--gold-300)}.prize-card.second-place .prize-position{color:var(--silver-300)}.prize-card.third-place .prize-position{color:var(--bronze-300)}.prize-items{gap:var(--s-1);flex-direction:column;flex:1;display:flex}.prize-item{font-size:var(--t-subhead);color:var(--text-secondary);padding:var(--s-2) var(--s-3);border:1px solid var(--hairline);border-radius:var(--r-sm);background:#ffffff08;line-height:1.5}.prize-highlight{padding:var(--s-2) var(--s-3);font-size:var(--t-caption);letter-spacing:var(--track-wide);text-transform:uppercase;text-align:center;color:#001823;border-radius:var(--r-full);margin-top:auto;font-weight:700;box-shadow:0 4px 16px -4px #00c8ef66;background:linear-gradient(180deg, var(--ice-300), var(--ice-500))!important}.prize-card.first-place .prize-highlight{color:#1a1300;box-shadow:0 4px 16px -4px #ffd60a66;background:linear-gradient(180deg, var(--gold-200), var(--gold-500))!important}.prize-card.second-place .prize-highlight{color:#15181d;background:linear-gradient(180deg, var(--silver-300), var(--silver-500))!important}.prize-card.third-place .prize-highlight{color:#1c0e02;background:linear-gradient(180deg, var(--bronze-300), var(--bronze-500))!important}.motivation-footer{text-align:center;color:var(--text-primary);margin-top:var(--s-6)!important;padding:var(--s-6) var(--s-5)!important;background:var(--surface-2)!important;border:1px solid var(--hairline-ice)!important;border-radius:var(--r-xl)!important}.call-to-action{font-family:var(--font-display);font-size:var(--t-title-3);color:var(--text-primary);letter-spacing:var(--track-snug);font-weight:600}.month-end-lock-overlay{z-index:var(--z-loader);padding:var(--s-6);-webkit-backdrop-filter:var(--blur-lg);background:#000308c7;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.month-end-lock-overlay.active,.month-end-lock-overlay[style*=block]{display:flex!important}.month-end-lock-content{width:min(92vw,480px);padding:var(--s-10) var(--s-6);background:var(--surface-3);border:1px solid var(--hairline-gold);border-radius:var(--r-2xl);box-shadow:var(--elev-glow-gold), var(--elev-3);text-align:center;animation:card-enter var(--dur-slow) var(--ease-out-spring)}.snowflake-animation{margin-bottom:var(--s-4);filter:drop-shadow(0 0 24px #00c8ef99);font-size:3rem;line-height:1;animation:3.6s ease-in-out infinite crown-float}.lock-message{font-family:var(--font-display);font-size:var(--t-title-2);color:var(--gold-300);letter-spacing:var(--track-tight);font-weight:700;line-height:1.25}.loading .spinner{border:2.5px solid #00c8ef33;border-top-color:var(--ice-500);border-radius:var(--r-full);width:32px;height:32px;font-size:0;animation:.9s linear infinite spin}.error,.message{padding:var(--s-4) var(--s-5);border-radius:var(--r-lg);background:var(--surface-2);border:1px solid var(--hairline-error);color:var(--error-400);font-size:var(--t-callout)}.error h3{font-family:var(--font-display);font-size:var(--t-title-3);margin-bottom:var(--s-1);font-weight:600}.message-warning{color:var(--warn-400);border-color:#f59e0b52}.message-success{color:var(--success-400);border-color:#22c55e52}.message-error{border-color:var(--hairline-error);color:var(--error-400)}.ranking-footer{margin-top:var(--s-10);padding:var(--s-6) var(--s-4);text-align:center;color:var(--text-tertiary);font-size:var(--t-subhead)}.footer-info{color:var(--text-secondary);margin-bottom:var(--s-1);font-weight:600}.footer-powered{font-size:var(--t-caption)!important;color:var(--text-quaternary)!important}.eruda-toggle-btn{bottom:max(var(--s-4), env(safe-area-inset-bottom));right:max(var(--s-4), env(safe-area-inset-right));z-index:var(--z-sticky);width:44px;height:44px;color:var(--text-primary);background:var(--surface-3);border:1px solid var(--hairline-hi);border-radius:var(--r-full);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out-spring), background-color var(--dur-fast) var(--ease-out);font-size:1.25rem;position:fixed}.eruda-toggle-btn:hover{background:#00c8ef2e}.eruda-toggle-btn:active{transform:scale(.95)}.eruda-toggle-btn.eruda-active{border-color:var(--hairline-ice-hi);background:#00c8ef47}@media (width<=960px){.container{padding:var(--s-5) var(--s-4) var(--s-10)}.header{padding:var(--s-10) var(--s-5) var(--s-7);border-radius:var(--r-xl)}.meta-info{border-radius:var(--r-lg);padding:var(--s-3)}.ranking-list{max-height:460px}}@media (width<=640px){.container{padding:var(--s-4) var(--s-3) var(--s-10)}.header{padding:var(--s-8) var(--s-4) var(--s-6)}.ice-logo{font-size:2.25rem}.header h1{font-size:clamp(2rem,8vw,2.75rem)}.subtitle{font-size:var(--t-caption);letter-spacing:var(--track-wider)}.meta-info{padding:var(--s-3);border-radius:var(--r-xl)}.meta-info .status-info{align-items:flex-start;gap:var(--s-2);flex-direction:column}.meta-info .controls{justify-content:stretch;width:100%}.refresh-btn{flex:1}.month-navigation{padding:var(--s-4)}.month-selector-wrapper{flex-direction:column;align-items:stretch}.summary-stats{grid-template-columns:1fr}.podium-section,.ranking-list-section{padding:var(--s-4) var(--s-3)}.podium-card{padding:var(--s-3) var(--s-4);gap:var(--s-3)}.employee-avatar{width:40px;height:40px}.podium-card.first-place .employee-avatar{width:48px;height:48px}.prizes-section{padding:var(--s-5) var(--s-4)}.prizes-grid{grid-template-columns:1fr}.countdown-number{font-size:3rem}.back-to-root-btn{font-size:var(--t-caption);padding:0 var(--s-2);min-height:36px}}@media (width<=380px){.snow-layer{opacity:.5}}.podium-cards.podium-vertical{gap:var(--s-4)}.podium-card{align-items:center;gap:var(--s-4) var(--s-5);padding:var(--s-5) var(--s-6);background:radial-gradient(ellipse 90% 100% at 0% 0%, #ffffff0a, transparent 60%), var(--surface-2);border:1px solid var(--hairline);border-radius:var(--r-xl);-webkit-backdrop-filter:var(--blur-md);box-shadow:var(--elev-1);isolation:isolate;transition:transform var(--dur-base) var(--ease-out-spring), border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);grid-template-columns:auto 1fr auto auto;grid-template-areas:"avatar info stats position";display:grid;position:relative;overflow:hidden}@media (hover:hover) and (pointer:fine){.podium-card:hover{transform:translateY(-4px)}.podium-card:hover .employee-avatar{transform:scale(1.04)}}.podium-card:active{transform:scale(.985)}.podium-card .podium-position{z-index:3;width:44px;height:44px;font-family:var(--font-display);font-size:var(--t-callout);border-radius:var(--r-full);letter-spacing:0;flex-shrink:0;grid-area:position;justify-content:center;align-items:center;font-weight:800;line-height:1;display:inline-flex;position:relative}.podium-card .employee-avatar{border-radius:var(--r-full);object-fit:cover;background:var(--surface-3);border:2.5px solid var(--hairline-hi);width:72px;height:72px;transition:transform var(--dur-base) var(--ease-out-spring), box-shadow var(--dur-base) var(--ease-out);z-index:1;grid-area:avatar;position:relative}.podium-card .employee-name{font-family:var(--font-display);font-size:var(--t-headline);color:var(--text-primary);letter-spacing:var(--track-tight);white-space:nowrap;text-overflow:ellipsis;grid-area:info;min-width:0;font-weight:700;line-height:1.2;overflow:hidden}.podium-card .sales-display{flex-direction:column;grid-area:stats;align-items:flex-end;gap:2px;display:flex}.podium-card .sales-number{font-family:var(--font-display);font-size:var(--t-title-2);letter-spacing:var(--track-tight);background:linear-gradient(180deg, var(--ice-100), var(--ice-400));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800;line-height:1}.podium-card .sales-label{font-size:var(--t-micro);color:var(--text-tertiary);letter-spacing:var(--track-widest);text-transform:uppercase;font-weight:500}.podium-card.first-place{background:radial-gradient(80% 90% at 15% 0,#ffd60a38,#0000 60%),radial-gradient(60% 80% at 100% 100%,#ffc3001f,#0000 60%),linear-gradient(#221a08f2,#100e16f5);border-color:#ffd60a8c;box-shadow:inset 0 0 0 1px #ffd60a47,0 0 60px -18px #ffd60a8c,0 18px 40px -18px #000000b3}.podium-card.first-place:before{content:"";background:linear-gradient(90deg, transparent, var(--gold-200), transparent);z-index:2;pointer-events:none;width:60%;height:1.5px;animation:5s ease-in-out infinite podium-theme-shimmer;position:absolute;top:0;left:-60%}.podium-card.first-place .podium-position{color:#1a1300;background:linear-gradient(180deg, var(--gold-200) 0%, var(--gold-500) 100%);border:2px solid var(--gold-300);animation:3s ease-in-out infinite podium-badge-pulse-gold;box-shadow:0 0 0 3px #ffd60a2e,0 0 18px #ffd60a99,inset 0 1px #ffffff8c}.podium-card.first-place .podium-position:before{content:"👑";filter:drop-shadow(0 0 12px #ffd60ab3);transform-origin:bottom;pointer-events:none;font-size:1.4rem;line-height:1;animation:3.2s ease-in-out infinite podium-theme-bob;position:absolute;top:-22px;right:-6px}.podium-card.first-place .employee-avatar{border-color:var(--gold-500);box-shadow:0 0 0 3px #ffd60a2e,0 0 18px #ffd60a73}.podium-card.first-place .employee-name{background:linear-gradient(180deg, #fff 0%, var(--gold-200) 60%, var(--gold-500) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.podium-card.first-place .sales-number{background:linear-gradient(180deg, var(--gold-200) 0%, var(--gold-500) 70%, var(--gold-700) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 14px #ffd60a59);-webkit-background-clip:text;background-clip:text}.podium-card.first-place .sales-label{color:#ffd60ab3}.podium-card.second-place{background:radial-gradient(80% 90% at 15% 0,#d9e2ec2e,#0000 60%),radial-gradient(60% 80% at 100% 100%,#b4c3d71a,#0000 60%),linear-gradient(#161a22f2,#0c0e16f5);border-color:#d9e2ec73;box-shadow:inset 0 0 0 1px #d9e2ec33,0 0 50px -18px #d9e2ec66,0 16px 36px -18px #0009}.podium-card.second-place:before{content:"";background:linear-gradient(90deg, transparent, var(--silver-300), transparent);z-index:2;pointer-events:none;width:60%;height:1.5px;animation:6s ease-in-out 1s infinite podium-theme-shimmer;position:absolute;top:0;left:-60%}.podium-card.second-place .podium-position{color:#15181d;background:linear-gradient(180deg, var(--silver-300), var(--silver-500));border:2px solid var(--silver-300);animation:3.4s ease-in-out infinite podium-badge-pulse-silver;box-shadow:0 0 0 3px #d9e2ec2e,0 0 16px #d9e2ec80,inset 0 1px #ffffff8c}.podium-card.second-place .podium-position:before{content:"🥈";filter:drop-shadow(0 0 10px #d9e2ec99);transform-origin:bottom;pointer-events:none;font-size:1.3rem;line-height:1;animation:3.4s ease-in-out .4s infinite podium-theme-bob;position:absolute;top:-20px;right:-6px}.podium-card.second-place .employee-avatar{border-color:var(--silver-500);box-shadow:0 0 0 3px #d9e2ec2e,0 0 16px #d9e2ec59}.podium-card.second-place .employee-name,.podium-card.second-place .sales-number{background:linear-gradient(180deg, #fff, var(--silver-300) 50%, var(--silver-500));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.podium-card.second-place .sales-number{filter:drop-shadow(0 0 12px #d9e2ec4d)}.podium-card.second-place .sales-label{color:#d9e2eca6}.podium-card.third-place{background:radial-gradient(80% 90% at 15% 0,#d4863a2e,#0000 60%),radial-gradient(60% 80% at 100% 100%,#b86e321a,#0000 60%),linear-gradient(#22160cf2,#100c08f5);border-color:#d4863a7a;box-shadow:inset 0 0 0 1px #d4863a38,0 0 46px -18px #d4863a6b,0 14px 32px -18px #0009}.podium-card.third-place:before{content:"";background:linear-gradient(90deg, transparent, var(--bronze-300), transparent);z-index:2;pointer-events:none;width:60%;height:1.5px;animation:7s ease-in-out 2s infinite podium-theme-shimmer;position:absolute;top:0;left:-60%}.podium-card.third-place .podium-position{color:#1c0e02;background:linear-gradient(180deg, var(--bronze-300), var(--bronze-500));border:2px solid var(--bronze-300);animation:3.6s ease-in-out infinite podium-badge-pulse-bronze;box-shadow:0 0 0 3px #d4863a2e,0 0 14px #d4863a80,inset 0 1px #ffffff80}.podium-card.third-place .podium-position:before{content:"🥉";filter:drop-shadow(0 0 10px #d4863a99);transform-origin:bottom;pointer-events:none;font-size:1.3rem;line-height:1;animation:3.6s ease-in-out .8s infinite podium-theme-bob;position:absolute;top:-20px;right:-6px}.podium-card.third-place .employee-avatar{border-color:var(--bronze-500);box-shadow:0 0 0 3px #d4863a2e,0 0 14px #d4863a59}.podium-card.third-place .employee-name,.podium-card.third-place .sales-number{background:linear-gradient(180deg, var(--bronze-200,#f0c89a) 0%, var(--bronze-300) 50%, var(--bronze-500) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.podium-card.third-place .sales-number{filter:drop-shadow(0 0 12px #d4863a4d)}.podium-card.third-place .sales-label{color:#d4863ab3}@media (width<=720px){.podium-card{padding:var(--s-4) var(--s-7) var(--s-4) var(--s-5);gap:var(--s-3)}.podium-card .employee-avatar{width:60px;height:60px}.podium-card .employee-name{font-size:var(--t-callout)}.podium-card .sales-number{font-size:var(--t-title-3)}.podium-card .podium-position{width:36px;height:36px;font-size:var(--t-subhead)}}@media (width<=480px){.podium-card{padding:var(--s-4)}.podium-card .employee-name{font-size:var(--t-subhead)}.podium-card .sales-number{font-size:var(--t-headline)}}.ranking-list-item{--row-tier:transparent;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-3) var(--s-3) var(--s-4);border-radius:var(--r-md);background:linear-gradient(90deg, var(--row-tier), transparent 30%), transparent;color:var(--text-primary);transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-base) var(--ease-out-spring);border:1px solid #0000;grid-template-columns:32px auto 1fr auto;display:grid;position:relative}.ranking-list-item:before{content:"";border-radius:0 var(--r-full) var(--r-full) 0;width:2.5px;transition:background var(--dur-base) var(--ease-out);background:0 0;position:absolute;top:8px;bottom:8px;left:0}.ranking-list-item+.ranking-list-item{border-top:1px solid var(--hairline);border-radius:0}.ranking-list-item+.ranking-list-item:hover{border-radius:var(--r-md)}@media (hover:hover) and (pointer:fine){.ranking-list-item:hover{background:linear-gradient(90deg, var(--row-tier), transparent 50%), #ffffff0a;border-color:var(--hairline-hi);border-radius:var(--r-md)}}.ranking-list-item:active{transform:scale(.995)}.ranking-list .ranking-list-item:first-child{--row-tier:#ffd60a1a}.ranking-list .ranking-list-item:first-child:before{background:linear-gradient(180deg, var(--gold-200), var(--gold-500));box-shadow:0 0 10px #ffd60a80}.ranking-list .ranking-list-item:nth-child(2){--row-tier:#d9e2ec12}.ranking-list .ranking-list-item:nth-child(2):before{background:linear-gradient(180deg, var(--silver-300), var(--silver-500))}.ranking-list .ranking-list-item:nth-child(3){--row-tier:#d4863a12}.ranking-list .ranking-list-item:nth-child(3):before{background:linear-gradient(180deg, var(--bronze-300), var(--bronze-500))}.ranking-list-item .ranking-position{width:28px;height:28px;font-family:var(--font-display);font-size:var(--t-subhead);color:var(--text-secondary);border:1px solid var(--hairline);border-radius:var(--r-full);letter-spacing:var(--track-tight);background:#ffffff0a;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.ranking-list .ranking-list-item:first-child .ranking-position{color:#1a1300;background:linear-gradient(180deg, var(--gold-200), var(--gold-500));border-color:var(--gold-300);box-shadow:0 0 12px -2px #ffd60a99}.ranking-list .ranking-list-item:nth-child(2) .ranking-position{color:#15181d;background:linear-gradient(180deg, var(--silver-300), var(--silver-500));border-color:var(--silver-300)}.ranking-list .ranking-list-item:nth-child(3) .ranking-position{color:#1c0e02;background:linear-gradient(180deg, var(--bronze-300), var(--bronze-500));border-color:var(--bronze-300)}.ranking-list-item .medal{display:none}.ranking-list-item .employee-avatar{border-radius:var(--r-full);object-fit:cover;background:var(--surface-3);border:1.5px solid var(--hairline-hi);width:36px;height:36px}.ranking-list .ranking-list-item:first-child .employee-avatar{border-color:var(--gold-500);box-shadow:0 0 0 2px #ffd60a26}.ranking-list .ranking-list-item:nth-child(2) .employee-avatar{border-color:var(--silver-500)}.ranking-list .ranking-list-item:nth-child(3) .employee-avatar{border-color:var(--bronze-500)}.ranking-list-item .ranking-info{flex-direction:column;gap:2px;min-width:0;display:flex}.ranking-list-item .ranking-name{font-family:var(--font-display);font-size:var(--t-subhead);color:var(--text-primary);letter-spacing:var(--track-snug);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.ranking-list .ranking-list-item:first-child .ranking-name{color:var(--gold-200)}.ranking-list .ranking-list-item:nth-child(2) .ranking-name{color:var(--silver-300)}.ranking-list .ranking-list-item:nth-child(3) .ranking-name{color:var(--bronze-300)}.ranking-list-item .ranking-sales{font-size:var(--t-caption);color:var(--ice-300);letter-spacing:var(--track-snug);font-weight:600}.ranking-list .ranking-list-item:first-child .ranking-sales{color:var(--gold-300);font-weight:700}@media (width<=480px){.ranking-list-item{gap:var(--s-2);padding:var(--s-2) var(--s-3);grid-template-columns:24px auto 1fr auto}.ranking-list-item .ranking-position{width:24px;height:24px;font-size:var(--t-caption)}.ranking-list-item .employee-avatar{width:32px;height:32px}}.monthly-summary-card{box-shadow:var(--elev-2), inset 0 1px 0 #ffffff0f}.summary-prize-slot:empty{display:none}.summary-prize{margin-top:var(--s-4);padding:var(--s-4) var(--s-5);gap:var(--s-2);border:1px solid var(--hairline-gold);border-radius:var(--r-lg);background:radial-gradient(130% 130% at 0 0,#ffd60a33,#0000 58%),linear-gradient(#ffd60a21,#ffd60a08);flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -16px #ffd60a80,inset 0 1px #ffffff1a}.summary-prize:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 40%,#ffeca029 50%,#0000 60%) 0 0/250% 100%;animation:5.5s ease-in-out 1.2s infinite summary-prize-shine;position:absolute;inset:0}.summary-prize-label{font-family:var(--font-display);font-weight:800;font-size:var(--t-caption);letter-spacing:var(--track-wider);text-transform:uppercase;color:var(--gold-300);align-items:center;gap:6px;display:inline-flex}.summary-prize-value{font-size:var(--t-headline);color:var(--text-primary);letter-spacing:var(--track-snug);word-break:break-word;font-weight:700;line-height:1.3}.summary-prize-list{flex-direction:column;gap:5px;display:flex}.summary-prize-item{font-size:var(--t-subhead);color:var(--text-primary);font-weight:600;line-height:1.35}.summary-prize-item .summary-prize-pos{margin-right:6px}@media (prefers-reduced-motion:reduce){.summary-prize:after{animation:none}}.monthly-summary,.overall-sales-card{width:100%}.monthly-summary-card{padding:clamp(var(--s-5), 3.5vw, var(--s-7));border-radius:var(--r-2xl);background:radial-gradient(120% 150% at 0% 0%, #00c8ef21, transparent 55%), radial-gradient(120% 150% at 100% 0%, #7ad8f514, transparent 55%), linear-gradient(180deg, #ffffff0d 0%, transparent 22%), var(--surface-2);border:1px solid var(--hairline-hi);-webkit-backdrop-filter:var(--blur-lg);box-shadow:var(--elev-2), inset 0 1px 0 #ffffff14;position:relative;overflow:hidden}.monthly-summary-card:before{content:"";background:linear-gradient(90deg, transparent, var(--ice-400) 30%, var(--ice-300) 50%, var(--ice-400) 70%, transparent);opacity:.85;pointer-events:none;height:2px;position:absolute;inset:0 0 auto}.monthly-summary-card.goal-achieved{border-color:var(--hairline-gold);box-shadow:var(--elev-glow-gold), var(--elev-2)}.monthly-summary-card.goal-achieved:before{background:linear-gradient(90deg, transparent, var(--gold-300) 30%, var(--gold-200) 50%, var(--gold-300) 70%, transparent)}.monthly-summary-card .monthly-summary-header{justify-content:space-between;align-items:center;gap:var(--s-5);padding-bottom:var(--s-5);margin-bottom:var(--s-5);border-bottom:1px solid var(--hairline);flex-wrap:wrap;display:flex}.monthly-summary-card .monthly-summary-title{align-items:center;gap:var(--s-3);min-width:0;display:flex}.monthly-summary-card .summary-icon{border-radius:var(--r-lg);border:1px solid var(--hairline-ice);background:linear-gradient(160deg,#00c8ef38,#00c8ef0f);flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;line-height:1;display:inline-flex;box-shadow:inset 0 1px #ffffff1f}.monthly-summary-card .summary-label{font-size:var(--t-caption);letter-spacing:var(--track-wider);text-transform:uppercase;color:var(--text-tertiary);font-weight:700}.monthly-summary-card .summary-month{font-family:var(--font-display);font-size:var(--t-title-2);color:var(--text-primary);letter-spacing:var(--track-tight);font-weight:700;line-height:1.15}.monthly-summary-card .summary-progress{align-items:flex-end;gap:var(--s-2);flex-direction:column;flex:1;min-width:200px;display:flex}.monthly-summary-card .summary-progress-value{font-family:var(--font-display);font-size:var(--t-title-1);background:linear-gradient(180deg, #fff, var(--ice-300));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800;line-height:1}.monthly-summary-card.goal-achieved .summary-progress-value{background:linear-gradient(180deg, var(--gold-200), var(--gold-500));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.monthly-summary-card .summary-progress-bar{border-radius:var(--r-full);background:#ffffff14;width:100%;max-width:340px;height:8px;overflow:hidden}.monthly-summary-card .summary-progress-fill{border-radius:var(--r-full);background:linear-gradient(90deg, var(--ice-500), var(--ice-300));height:100%;transition:width var(--dur-slow) var(--ease-out)}.monthly-summary-card .summary-progress-fill.goal-achieved{background:linear-gradient(90deg, var(--gold-500), var(--gold-200))}.monthly-summary-card .summary-progress-caption{font-size:var(--t-caption);color:var(--text-tertiary)}.monthly-summary-card .summary-stats{gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:stretch;display:grid}.monthly-summary-card .summary-divider{display:none}.monthly-summary-card .summary-stat{gap:var(--s-1);padding:var(--s-4);border:1px solid var(--hairline);border-radius:var(--r-lg);transition:border-color var(--dur-base) var(--ease-out), background-color var(--dur-base) var(--ease-out);background:#ffffff08;flex-direction:column;display:flex}@media (hover:hover) and (pointer:fine){.monthly-summary-card .summary-stat:hover{border-color:var(--hairline-hi);background:#ffffff0d}}.monthly-summary-card .summary-stat-label{font-size:var(--t-caption);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--text-tertiary);font-weight:600}.monthly-summary-card .summary-stat-value{font-family:var(--font-display);font-size:var(--t-title-2);color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.1}.monthly-summary-card .summary-stat-suffix{font-size:var(--t-subhead);color:var(--text-tertiary);margin-left:4px;font-weight:500}@media (width<=640px){.monthly-summary-card .monthly-summary-header{align-items:stretch;gap:var(--s-4);flex-direction:column}.monthly-summary-card .summary-progress{align-items:stretch;min-width:0}.monthly-summary-card .summary-progress-bar{max-width:none}.monthly-summary-card .summary-stats{grid-template-columns:1fr}}@media (hover:hover) and (pointer:fine){.card--interactive:hover{border-color:var(--hairline-hi);box-shadow:var(--elev-2);transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.snow-layer,body:before,body:after{animation:none!important}}@media (width<=640px){body:after{opacity:.6}html:before{opacity:.025}}.cosmic-bg .ice{color:#ffffff0f;filter:blur(.5px);-webkit-user-select:none;user-select:none;font-size:1rem;animation:22s linear infinite ice-drift;position:absolute}@keyframes ice-drift{0%{opacity:0;transform:translateY(-10vh)rotate(0)}10%{opacity:.5}90%{opacity:.5}to{opacity:0;transform:translateY(110vh)rotate(360deg)}}.hero-header{z-index:3;justify-content:center;align-items:center;gap:var(--s-5);min-height:70dvh;padding:var(--s-16) var(--container-pad) var(--s-12);padding-top:max(var(--s-16), env(safe-area-inset-top));text-align:center;flex-direction:column;display:flex;position:relative;overflow:hidden}.hero-header:before{content:"";pointer-events:none;background:radial-gradient(60% 40% at 50% 30%,#ffd60a1a,#0000 60%);position:absolute;inset:0}.logo-container{z-index:1;justify-content:center;align-items:center;width:128px;height:128px;display:inline-flex;position:relative}.logo-glow{border-radius:var(--r-full);filter:blur(20px);background:radial-gradient(circle,#ffd60a38 0%,#0000 70%);animation:4s ease-in-out infinite glow-pulse;position:absolute;inset:-32px}@keyframes glow-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.main-logo{filter:drop-shadow(0 0 32px #00c8ef8c);font-size:4.5rem;line-height:1;position:relative}.hero-title{font-family:var(--font-display);font-size:var(--t-display);letter-spacing:var(--track-tight);background:linear-gradient(180deg, #fff 0%, var(--gold-200) 60%, var(--gold-500) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;max-width:16ch;font-weight:700;line-height:1.05}.hero-subtitle{font-size:var(--t-headline);color:var(--text-secondary);letter-spacing:var(--track-snug);max-width:36rem;font-weight:500;line-height:1.45}.scroll-indicator{margin-top:var(--s-6);width:44px;height:44px;color:var(--text-tertiary);background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--r-full);-webkit-backdrop-filter:var(--blur-md);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out-spring), color var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;animation:2.4s ease-in-out infinite bob;display:inline-flex}.scroll-indicator:hover{background:var(--surface-3);color:var(--text-primary)}.scroll-indicator:active{transform:scale(.94)}.scroll-indicator i{font-size:.875rem}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.stats-section{z-index:3;max-width:var(--container-narrow);padding:var(--s-6) var(--container-pad);margin:0 auto;position:relative}.stats-container{gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.stat-card{align-items:center;gap:var(--s-2);padding:var(--s-6) var(--s-5);background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--r-xl);-webkit-backdrop-filter:var(--blur-md);box-shadow:var(--elev-1);transition:transform var(--dur-base) var(--ease-out-spring), border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);flex-direction:column;display:flex}@media (hover:hover) and (pointer:fine){.stat-card:hover{border-color:var(--hairline-hi);box-shadow:var(--elev-2);transform:translateY(-4px)}}.stat-number{font-family:var(--font-display);letter-spacing:var(--track-tight);color:var(--text-primary);background:linear-gradient(180deg, #fff 0%, var(--gold-300) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.25rem,4vw + 1rem,3.25rem);font-weight:700;line-height:1}.winners-section{z-index:3;max-width:var(--container-max);padding:var(--s-10) var(--container-pad) var(--s-16);padding-bottom:max(var(--s-16), env(safe-area-inset-bottom));margin:0 auto;position:relative}.section-title{align-items:center;gap:var(--s-5);margin-bottom:var(--s-8);text-align:center;flex-direction:column;display:flex}.section-title h2{font-family:var(--font-display);font-size:var(--t-title-1);color:var(--text-primary);letter-spacing:var(--track-tight);font-weight:700}.filter-controls{justify-content:center;gap:var(--s-2);padding:var(--s-2);background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--r-full);-webkit-backdrop-filter:var(--blur-md);flex-wrap:wrap;display:flex}.filter-btn{min-height:36px;padding:0 var(--s-4);font-family:var(--font-display);font-size:var(--t-subhead);letter-spacing:var(--track-snug);color:var(--text-secondary);border-radius:var(--r-full);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out-spring);background:0 0;border:0;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.filter-btn:hover{color:var(--text-primary);background:#ffffff0a}.filter-btn:active{transform:scale(.96)}.filter-btn.active{color:#001823;background:linear-gradient(180deg, var(--ice-300), var(--ice-500));font-weight:600;box-shadow:inset 0 1px #ffffff40}.filter-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.loading-spinner{width:32px;height:32px;margin:var(--s-12) auto;border:2.5px solid #ffd60a33;border-top-color:var(--gold-500);border-radius:var(--r-full);animation:.9s linear infinite spin;display:none}.winners-grid{gap:var(--s-5);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.winner-card{background:var(--surface-2);border:1px solid var(--hairline-gold);border-radius:var(--r-2xl);-webkit-backdrop-filter:var(--blur-md);box-shadow:var(--elev-glow-gold);opacity:0;animation:winner-enter var(--dur-slow) var(--ease-out-spring) forwards;animation-delay:var(--enter-delay,0s);transition:transform var(--dur-base) var(--ease-out-spring), box-shadow var(--dur-base) var(--ease-out);position:relative;overflow:hidden;transform:translateY(12px)}@keyframes winner-enter{to{opacity:1;transform:translateY(0)}}@media (hover:hover) and (pointer:fine){.winner-card:hover{box-shadow:var(--elev-glow-gold), var(--elev-2);transform:translateY(-6px)}}.card-content{gap:var(--s-5);padding:var(--s-6);flex-direction:column;display:flex}.winner-header{align-items:center;gap:var(--s-4);display:flex}.winner-photo{border-radius:var(--r-full);background:var(--surface-3);border:3px solid var(--gold-500);flex:0 0 88px;width:88px;height:88px;overflow:hidden;box-shadow:0 0 24px #ffd60a52}.winner-photo img{object-fit:cover;width:100%;height:100%;display:block}.winner-info{gap:var(--s-1);flex-direction:column;min-width:0;display:flex}.winner-info h3{font-family:var(--font-display);font-size:var(--t-title-3);color:var(--text-primary);letter-spacing:var(--track-tight);white-space:nowrap;text-overflow:ellipsis;font-weight:700;line-height:1.15;overflow:hidden}.winner-month{font-size:var(--t-caption);color:var(--gold-300);letter-spacing:var(--track-wide);text-transform:uppercase;font-weight:500}.achievement-section{gap:var(--s-3);padding-top:var(--s-5);border-top:1px solid var(--hairline);flex-direction:column;display:flex}.sales-display{gap:var(--s-1);flex-direction:column;display:flex}.sales-number{font-family:var(--font-display);font-size:var(--t-title-3);color:var(--text-primary);letter-spacing:var(--track-tight);font-weight:700;line-height:1.2}.meta-item{align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);font-size:var(--t-caption);color:var(--gold-300);border:1px solid var(--hairline-gold);border-radius:var(--r-full);background:#ffd60a0f;width:fit-content;display:inline-flex}.meta-item i{font-size:.875em}.back-to-root-btn{top:max(var(--s-4), env(safe-area-inset-top));left:max(var(--s-4), env(safe-area-inset-left));z-index:var(--z-sticky);align-items:center;gap:var(--s-1);min-height:40px;padding:0 var(--s-3);font-size:var(--t-subhead);color:var(--text-primary);background:var(--surface-2);border:1px solid var(--hairline-hi);border-radius:var(--r-full);-webkit-backdrop-filter:var(--blur-md);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out-spring);-webkit-tap-highlight-color:transparent;font-weight:500;display:inline-flex;position:fixed}.back-to-root-btn:hover{background:var(--surface-3)}.back-to-root-btn:active{transform:scale(.97)}.back-to-root-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (width<=960px){.hero-header{min-height:60vh;padding:var(--s-12) var(--s-5) var(--s-10)}.logo-container{width:96px;height:96px}.main-logo{font-size:3.5rem}.winners-section{padding:var(--s-8) var(--s-4) var(--s-12)}}@media (width<=640px){.hero-header{min-height:56vh;padding:var(--s-10) var(--s-4) var(--s-8);gap:var(--s-3)}.logo-container{width:80px;height:80px}.main-logo{font-size:2.75rem}.hero-title{font-size:clamp(2rem,9vw,3rem)}.hero-subtitle{font-size:var(--t-callout)}.stats-section{padding:var(--s-4)}.stats-container{gap:var(--s-3);grid-template-columns:1fr 1fr}.stat-card{padding:var(--s-5) var(--s-4)}.stat-number{font-size:2rem}.winners-section{padding:var(--s-6) var(--s-3) var(--s-10)}.section-title{margin-bottom:var(--s-6)}.filter-controls{padding:var(--s-1);gap:var(--s-1)}.filter-btn{min-height:32px;padding:0 var(--s-3);font-size:var(--t-caption)}.winners-grid{gap:var(--s-4)}.card-content{padding:var(--s-5);gap:var(--s-4)}.winner-photo{flex:0 0 72px;width:72px;height:72px}.back-to-root-btn{font-size:var(--t-caption);padding:0 var(--s-2);min-height:36px}}@media (hover:hover) and (pointer:fine){.card--interactive:hover{border-color:var(--hairline-hi);box-shadow:var(--elev-2);transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.snow-layer,body:before,body:after{animation:none!important}}@media (width<=640px){body:after{opacity:.6}html:before{opacity:.025}}.cosmic-bg{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.snowflake{color:#ffffff14;filter:blur(.5px);-webkit-user-select:none;user-select:none;font-size:.875rem;animation:14s linear infinite snow-fall-hub;position:absolute}@keyframes snow-fall-hub{0%{opacity:0;transform:translateY(-10vh)translate(0)rotate(0)}10%{opacity:.7}90%{opacity:.7}to{opacity:0;transform:translateY(110vh)translate(20px)rotate(360deg)}}.page-transition{z-index:var(--z-modal);background:var(--surface-0);-webkit-backdrop-filter:var(--blur-lg);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--dur-mid) var(--ease-out), visibility var(--dur-mid);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.page-transition.active{opacity:1;visibility:visible;pointer-events:auto}.page-transition.fade-out{opacity:0;transition:opacity var(--dur-base) var(--ease-in)}.transition-snowflake{color:var(--ice-300);filter:drop-shadow(0 0 24px #00c8ef8c);font-size:4rem;line-height:1;animation:1.2s linear infinite transition-spin}@keyframes transition-spin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.05)}to{transform:rotate(360deg)scale(1)}}.header{z-index:3;align-items:center;gap:var(--s-3);text-align:center;padding:var(--s-16) var(--container-pad) var(--s-10);padding-top:max(var(--s-16), env(safe-area-inset-top));flex-direction:column;display:flex;position:relative}.logo-container{border:1px solid var(--hairline-ice);border-radius:var(--r-full);width:96px;height:96px;box-shadow:var(--elev-glow-ice);background:radial-gradient(60% 60% at 50% 40%,#00c8ef33,#0000 70%);justify-content:center;align-items:center;display:inline-flex;position:relative}.logo-container:before{content:"";border-radius:var(--r-full);filter:blur(6px);opacity:.7;z-index:-1;background:conic-gradient(#0000 0deg,#00c8ef47 90deg,#0000 200deg,#7ad8f538 300deg,#0000 360deg);animation:16s linear infinite halo-spin;position:absolute;inset:-6px}@keyframes halo-spin{to{transform:rotate(360deg)}}.main-logo{filter:drop-shadow(0 0 28px #00c8ef8c);animation:logo-float 6s var(--ease-in-out) infinite;font-size:3.5rem;line-height:1}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.logo-text{font-family:var(--font-display);font-size:var(--t-display);letter-spacing:var(--track-tight);background:linear-gradient(180deg, #fff 0%, var(--ice-100) 55%, var(--ice-300) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 24px #00c8ef2e);-webkit-background-clip:text;background-clip:text;font-weight:800;line-height:1}.header .subtitle{align-items:center;gap:var(--s-2);margin-top:var(--s-1);padding:var(--s-2) var(--s-4);font-size:var(--t-caption);letter-spacing:var(--track-wider);text-transform:uppercase;color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--r-full);-webkit-backdrop-filter:var(--blur-sm);font-weight:600;display:inline-flex}.header .subtitle:before{content:"";border-radius:var(--r-full);background:var(--ice-400);width:6px;height:6px;animation:subtitle-pulse 2.8s var(--ease-in-out) infinite;box-shadow:0 0 8px 1px #00c8efb3}@keyframes subtitle-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}.nav-container{z-index:3;max-width:var(--container-max);padding:0 var(--container-pad) var(--s-16);margin:0 auto;position:relative}.nav-grid{gap:var(--s-5);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.nav-grid[hidden]{display:none}.segment{margin-top:var(--s-12)}.segment:first-child{margin-top:0}.segment-header{align-items:center;gap:var(--s-4);margin-bottom:var(--s-6);display:flex}.segment-header:before,.segment-header:after{content:"";background:linear-gradient(90deg, transparent, var(--hairline-strong), transparent);flex:1;height:1px}.segment-header:before{background:linear-gradient(90deg, transparent, var(--hairline-strong))}.segment-logo{object-fit:contain;filter:drop-shadow(0 0 14px #00c8ef59);width:auto;max-width:180px;height:40px}.segment-title{font-family:var(--font-display);font-size:var(--t-title-3);letter-spacing:var(--track-wider);text-transform:uppercase;color:var(--text-primary);flex-shrink:0;font-weight:700}.segment-empty{min-height:120px;padding:var(--s-6);color:var(--text-tertiary);font-size:var(--t-callout);letter-spacing:var(--track-snug);background:var(--surface-2);border:1px dashed var(--hairline);border-radius:var(--r-xl);justify-content:center;align-items:center;font-weight:500;display:flex}@media (width<=640px){.segment{margin-top:var(--s-10)}.segment-header{gap:var(--s-3);margin-bottom:var(--s-4)}.segment-logo{max-width:130px;height:32px}.segment-title{font-size:var(--t-callout)}}.nav-skeleton{gap:var(--s-5);transition:opacity var(--dur-base) var(--ease-out);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.nav-skeleton.fade-out{opacity:0}.skeleton-card{gap:var(--s-4);min-height:280px;padding:var(--s-7) var(--s-6);background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--r-xl);-webkit-backdrop-filter:var(--blur-md);box-shadow:var(--elev-1);opacity:0;animation:nav-card-enter var(--dur-mid) var(--ease-out-spring) forwards;flex-direction:column;display:flex;position:relative;overflow:hidden;transform:translateY(16px)scale(.99)}.skeleton-card:after{content:"";animation:skeleton-shimmer 1.7s var(--ease-in-out) infinite;background:linear-gradient(100deg,#0000 28%,#ffffff12 48%,#00c8ef0d 52%,#0000 72%);position:absolute;inset:0;transform:translate(-100%)}.sk{border-radius:var(--r-sm);background:#ffffff0f}.sk-icon{border-radius:var(--r-md);border:1px solid var(--hairline-ice);background:#00c8ef1a;width:56px;height:56px}.sk-title{width:68%;height:22px}.sk-text{width:100%;height:12px}.sk-text.short{width:55%}.sk-btn{border-radius:var(--r-full);background:#00c8ef1a;width:148px;height:44px;margin-top:auto}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.nav-card.goal-achieved{border-color:var(--hairline-gold);box-shadow:var(--elev-glow-gold), var(--elev-1)}.nav-card.goal-achieved .nav-icon{border-color:var(--hairline-gold);animation:goal-icon-bob 2.6s var(--ease-in-out) infinite;background:linear-gradient(160deg,#ffd60a47,#ffd60a14);box-shadow:inset 0 1px #fff3,0 10px 26px -10px #ffd60a99}.nav-card.goal-achieved:after{content:"";border-radius:var(--r-xl);pointer-events:none;animation:goal-sheen 3.6s var(--ease-in-out) 1s infinite, goal-card-glow 3.2s var(--ease-in-out) .7s infinite;background:linear-gradient(105deg,#0000 38%,#ffe08229 50%,#0000 62%) 0 0/250% 100%;position:absolute;inset:0}.nav-card .goal-flag{align-items:center;gap:var(--s-2);padding:4px var(--s-3);font-family:var(--font-display);font-size:var(--t-micro);letter-spacing:var(--track-wider);text-transform:uppercase;color:#2a1d00;background:linear-gradient(180deg, var(--gold-200), var(--gold-500));border-radius:var(--r-full);align-self:flex-start;font-weight:700;display:none;box-shadow:0 4px 14px -4px #ffd60a99}.nav-card.goal-achieved .goal-flag{animation:goal-flag-pop var(--dur-mid) var(--ease-back) both;display:inline-flex}.nav-card.goal-achieved .goal-flag i{animation:goal-flag-spark 1.8s var(--ease-in-out) infinite}@keyframes goal-card-glow{0%,to{box-shadow:0 0 0 1px var(--hairline-gold) inset, 0 14px 44px -12px #ffd60a38}50%{box-shadow:0 0 0 1px var(--hairline-gold) inset, 0 18px 60px -8px #ffd60a73}}@keyframes goal-icon-bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-4px)rotate(-3deg)}}@keyframes goal-sheen{0%{background-position:150% 0}55%{background-position:-90% 0}to{background-position:-90% 0}}@keyframes goal-flag-pop{0%{opacity:0;transform:translateY(-6px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes goal-flag-spark{0%,to{filter:none;transform:scale(1)}50%{filter:drop-shadow(0 0 4px #ffd60ae6);transform:scale(1.18)}}.nav-card{gap:var(--s-3);padding:var(--s-7) var(--s-6);background:linear-gradient(180deg, #ffffff0b 0%, transparent 24%), var(--surface-2);border:1px solid var(--hairline);border-radius:var(--r-xl);-webkit-backdrop-filter:var(--blur-md);box-shadow:var(--elev-1);cursor:default;opacity:0;transition:transform var(--dur-base) var(--ease-out-spring), border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);flex-direction:column;min-height:280px;display:flex;position:relative;transform:translateY(16px)scale(.99)}.nav-card.reveal{animation:nav-card-enter var(--dur-slow) var(--ease-out-spring) forwards}.nav-card:before{content:"";border-radius:var(--r-xl) var(--r-xl) 0 0;background:linear-gradient(90deg, transparent, var(--hairline-hi) 18%, var(--hairline-strong) 50%, var(--hairline-hi) 82%, transparent);pointer-events:none;height:1px;position:absolute;inset:0 0 auto}@keyframes nav-card-enter{to{opacity:1;transform:translateY(0)}}.nav-card.loading{opacity:0;transform:translateY(12px)}@media (hover:hover) and (pointer:fine){.nav-card:hover{border-color:var(--hairline-hi);box-shadow:var(--elev-2);transform:translateY(-6px)}.nav-card:hover .nav-icon{border-color:var(--hairline-ice-hi);background:linear-gradient(160deg,#00c8ef4d,#00c8ef1a);transform:scale(1.08)translateY(-2px);box-shadow:inset 0 1px #ffffff2e,0 12px 28px -10px #00c8ef99}}.nav-icon{border:1px solid var(--hairline-ice);border-radius:var(--r-md);width:56px;height:56px;transition:transform var(--dur-base) var(--ease-out-spring), background-color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);background:linear-gradient(160deg,#00c8ef2e,#00c8ef0d);justify-content:center;align-items:center;font-size:1.75rem;line-height:1;display:inline-flex;box-shadow:inset 0 1px #ffffff1f,0 8px 20px -10px #00c8ef73}.nav-title{font-family:var(--font-display);font-size:var(--t-title-3);color:var(--text-primary);letter-spacing:var(--track-snug);font-weight:600;line-height:1.25}.nav-description{font-size:var(--t-callout);color:var(--text-secondary);padding-left:var(--s-4);font-style:italic;font-weight:500;line-height:1.55;position:relative}.nav-description:before{content:"";border-radius:var(--r-full);background:linear-gradient(180deg, var(--ice-300), var(--ice-500));opacity:.85;width:3px;position:absolute;top:2px;bottom:2px;left:0}.nav-prize{gap:var(--s-2);margin-top:var(--s-1);padding:var(--s-4) var(--s-5);border:1px solid var(--hairline-gold);border-radius:var(--r-lg);background:radial-gradient(130% 130% at 0 0,#ffd60a33,#0000 58%),linear-gradient(#ffd60a21,#ffd60a08);flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -14px #ffd60a73,inset 0 1px #ffffff1a}.nav-prize[hidden]{display:none}.nav-prize:after{content:"";pointer-events:none;animation:prize-shine 5.5s var(--ease-in-out) 1.2s infinite;background:linear-gradient(105deg,#0000 40%,#ffeca02e 50%,#0000 60%) 0 0/250% 100%;position:absolute;inset:0}@keyframes prize-shine{0%{background-position:160% 0}55%{background-position:-80% 0}to{background-position:-80% 0}}.nav-prize-label{align-items:center;gap:var(--s-2);font-family:var(--font-display);font-size:var(--t-caption);letter-spacing:var(--track-wider);text-transform:uppercase;color:var(--gold-300);font-weight:800;display:inline-flex}.nav-prize-label:before{content:"🎁";filter:drop-shadow(0 1px 4px #ffd60a80);font-size:1.05em}.nav-prize-item{font-size:var(--t-headline);color:var(--text-primary);letter-spacing:var(--track-snug);word-break:break-word;font-weight:700;line-height:1.35}.nav-prize-item .nav-prize-pos{margin-right:var(--s-1)}.nav-prize.is-map .nav-prize-item{font-size:var(--t-subhead);font-weight:600}@media (prefers-reduced-motion:reduce){.nav-prize:after{animation:none}}.nav-card-button-container{padding-top:var(--s-2);margin-top:auto}.nav-button{justify-content:center;align-items:center;gap:var(--s-2);min-height:44px;padding:0 var(--s-5);font-family:var(--font-display);font-size:var(--t-callout);letter-spacing:var(--track-snug);color:#001823;background:linear-gradient(180deg, var(--ice-300), var(--ice-500));border-radius:var(--r-full);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--dur-fast) var(--ease-out-spring), filter var(--dur-fast) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);border:0;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffff40,0 8px 24px -10px #00c8ef80}.nav-button:hover{filter:brightness(1.06);box-shadow:inset 0 1px #ffffff4d,0 12px 32px -10px #00c8ef99}.nav-button:active{transform:scale(.97)}.nav-button:focus-visible{box-shadow:var(--focus-ring), 0 8px 24px -10px #00c8ef80;outline:none}.nav-button i{font-size:.95em}.admin-section{margin-top:var(--s-10);padding:var(--s-7) var(--s-6);background:var(--surface-2);border:1px solid var(--hairline-error);border-radius:var(--r-xl);-webkit-backdrop-filter:var(--blur-md);box-shadow:var(--elev-glow-error);text-align:center;opacity:0;transform:translateY(16px)}.admin-section.reveal{animation:nav-card-enter var(--dur-slow) var(--ease-out-spring) forwards}.admin-section.loading{opacity:0;transform:translateY(16px)}.admin-title{font-family:var(--font-display);font-size:var(--t-title-3);color:var(--text-primary);letter-spacing:var(--track-snug);margin-bottom:var(--s-2);font-weight:600}.admin-section p{font-size:var(--t-callout);line-height:1.5;color:var(--text-secondary)!important;margin-bottom:var(--s-5)!important}.admin-button{justify-content:center;align-items:center;gap:var(--s-2);min-height:44px;padding:0 var(--s-6);font-family:var(--font-display);font-size:var(--t-callout);letter-spacing:var(--track-snug);color:var(--text-primary);border:1px solid var(--hairline-error);border-radius:var(--r-full);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out-spring);background:#ef44441a;font-weight:600;display:inline-flex}.admin-button:hover{background:#ef44442e;border-color:#ef44448c}.admin-button:active{transform:scale(.97)}.admin-button:focus-visible{outline:none;box-shadow:0 0 0 3px #ef444452}.login-modal{z-index:var(--z-modal);padding:var(--s-4);-webkit-backdrop-filter:var(--blur-lg);background:#000308b8;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.login-modal[style*=block],.login-modal[style*=flex]{display:flex!important}.login-content{width:min(92vw,440px);padding:var(--s-10) var(--s-7);background:var(--surface-3);border:1px solid var(--hairline-hi);border-radius:var(--r-2xl);box-shadow:var(--elev-3);animation:modal-enter var(--dur-base) var(--ease-out-spring);position:relative}@keyframes modal-enter{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.close-button{top:var(--s-4);right:var(--s-4);width:36px;height:36px;color:var(--text-secondary);border:1px solid var(--hairline);border-radius:var(--r-full);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out-spring);background:#ffffff0a;justify-content:center;align-items:center;font-size:1.5rem;line-height:1;display:inline-flex;position:absolute}.close-button:hover{color:var(--text-primary);background:#ffffff14}.close-button:active{transform:scale(.92)}.login-header{text-align:center;margin-bottom:var(--s-7)}.login-title{font-family:var(--font-display);font-size:var(--t-title-2);color:var(--text-primary);letter-spacing:var(--track-tight);margin-bottom:var(--s-1);font-weight:700}.login-subtitle{font-size:var(--t-callout);color:var(--text-tertiary)}.form-group{gap:var(--s-2);margin-bottom:var(--s-4);flex-direction:column;display:flex}.form-input{width:100%;min-height:48px;padding:0 var(--s-4);font-size:var(--t-body);color:var(--text-primary);border:1px solid var(--hairline);border-radius:var(--r-md);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);background:#ffffff0f}.form-input::placeholder{color:var(--text-tertiary)}.form-input:hover{border-color:var(--hairline-hi)}.form-input:focus{border-color:var(--ice-500);box-shadow:var(--focus-ring);background:#ffffff14;outline:none}.login-button{justify-content:center;align-items:center;gap:var(--s-2);width:100%;min-height:48px;padding:0 var(--s-6);font-family:var(--font-display);font-size:var(--t-body);letter-spacing:var(--track-snug);color:#001823;background:linear-gradient(180deg, var(--ice-300), var(--ice-500));border-radius:var(--r-full);cursor:pointer;margin-top:var(--s-2);transition:transform var(--dur-fast) var(--ease-out-spring), filter var(--dur-fast) var(--ease-out);border:0;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffff40,0 8px 24px -10px #00c8ef80}.login-button:hover{filter:brightness(1.06)}.login-button:active{transform:scale(.97)}.login-button:focus-visible{box-shadow:var(--focus-ring);outline:none}.error-message{margin-top:var(--s-3);padding:var(--s-3) var(--s-4);font-size:var(--t-subhead);color:var(--error-400);border:1px solid var(--hairline-error);border-radius:var(--r-md);background:#ef444414;min-height:0;display:none}.error-message:not(:empty){display:block}@media (width<=960px){.header{padding:var(--s-12) var(--s-5) var(--s-8)}.logo-container{width:80px;height:80px}.main-logo{font-size:2.75rem}.nav-container{padding:0 var(--s-4) var(--s-12)}.nav-card{min-height:240px;padding:var(--s-6) var(--s-5)}}@media (width<=640px){.header{padding:var(--s-10) var(--s-4) var(--s-7);gap:var(--s-2)}.logo-container{width:72px;height:72px}.main-logo{font-size:2.25rem}.logo-text{font-size:clamp(2rem,8vw,2.75rem)}.header .subtitle{font-size:var(--t-caption);letter-spacing:var(--track-wider)}.nav-grid{gap:var(--s-4);grid-template-columns:1fr}.nav-card{min-height:0;padding:var(--s-6) var(--s-5)}.admin-section{padding:var(--s-6) var(--s-5)}.login-content{padding:var(--s-7) var(--s-5);border-radius:var(--r-xl)}.login-modal{align-items:flex-end;padding:0}.login-content{border-radius:var(--r-2xl) var(--r-2xl) 0 0;width:100%;padding-bottom:max(var(--s-7), env(safe-area-inset-bottom));animation:modal-bottom-enter var(--dur-base) var(--ease-out-spring)}@keyframes modal-bottom-enter{0%{opacity:0;transform:translateY(80%)}to{opacity:1;transform:translateY(0)}}.login-content:before{content:"";width:36px;height:5px;margin:0 auto var(--s-5);background:var(--hairline-strong);border-radius:var(--r-full);display:block}}.nav-grid{gap:var(--s-6)}.nav-card{gap:var(--s-4);padding:clamp(var(--s-5), 2.4vw, var(--s-7));background:radial-gradient(135% 110% at 50% -12%, #00c8ef29, transparent 58%), linear-gradient(180deg, #ffffff0e 0%, transparent 26%), var(--surface-2);border:1px solid var(--hairline);border-radius:var(--r-2xl);box-shadow:var(--elev-1), inset 0 1px 0 #ffffff0f;min-height:0;overflow:hidden}.nav-card:before{border-radius:var(--r-2xl) var(--r-2xl) 0 0;background:linear-gradient(90deg, transparent, var(--ice-400) 28%, var(--ice-300) 50%, var(--ice-400) 72%, transparent);opacity:.85;height:2px;inset:0 0 auto}.nav-card.goal-achieved:before{background:linear-gradient(90deg, transparent, var(--gold-300) 28%, var(--gold-200) 50%, var(--gold-300) 72%, transparent);opacity:1}@media (hover:hover) and (pointer:fine){.nav-card:hover{border-color:var(--hairline-ice-hi);box-shadow:var(--elev-3), 0 0 0 1px #00c8ef2e, 0 24px 60px -28px #00c8ef80;transform:translateY(-6px)}.nav-card.goal-achieved:hover{box-shadow:var(--elev-3), 0 0 0 1px var(--hairline-gold), 0 24px 60px -26px #ffd60a73}}.nav-card .nav-icon{border-radius:var(--r-lg);border:1px solid var(--hairline-ice-hi);background:radial-gradient(120% 120% at 30% 20%,#00c8ef4d,#0000 60%),linear-gradient(160deg,#00c8ef33,#00c8ef0a);width:64px;height:64px;font-size:2rem;box-shadow:inset 0 1px #ffffff2e,0 12px 28px -14px #00c8ef99}.nav-card.goal-achieved .nav-icon{border-color:var(--hairline-gold);background:radial-gradient(120% 120% at 30% 20%,#ffd60a57,#0000 60%),linear-gradient(160deg,#ffd60a38,#ffd60a0d)}.nav-card .nav-title{font-size:var(--t-title-2);letter-spacing:var(--track-tight);font-weight:700;line-height:1.2}.nav-card .nav-description{padding:var(--s-1) 0 var(--s-1) var(--s-4);font-size:var(--t-callout);color:var(--text-secondary);margin:0;font-style:italic;font-weight:500;line-height:1.55;position:relative}.nav-card .nav-description:before{content:"";border-radius:var(--r-full);background:linear-gradient(180deg, var(--ice-300), var(--ice-500));opacity:.9;width:3px;position:absolute;top:2px;bottom:2px;left:0}.nav-card.goal-achieved .nav-description:before{background:linear-gradient(180deg, var(--gold-200), var(--gold-500))}.nav-card .nav-prize{margin-top:var(--s-1);padding:var(--s-4) var(--s-5);gap:var(--s-2);border-radius:var(--r-lg);border:1px solid var(--hairline-gold);background:radial-gradient(130% 130% at 0 0,#ffd60a38,#0000 58%),linear-gradient(#ffd60a24,#ffd60a08);box-shadow:0 12px 32px -18px #ffd60a8c,inset 0 1px #ffffff1a}.nav-card .nav-prize-label{font-size:var(--t-caption);letter-spacing:var(--track-wider);font-weight:800}.nav-card .nav-prize-item{font-size:var(--t-subhead)}.nav-card .nav-prize:not(.is-map) .nav-prize-item{font-size:var(--t-headline);color:var(--text-primary);font-weight:700}.nav-card .nav-card-button-container{padding-top:var(--s-3);margin-top:auto}.nav-card .nav-button{width:100%;min-height:48px;font-size:var(--t-body)}@media (width<=640px){.nav-grid{gap:var(--s-4)}.nav-card{padding:var(--s-5);border-radius:var(--r-xl)}.nav-card .nav-icon{width:56px;height:56px;font-size:1.75rem}.nav-card .nav-title{font-size:var(--t-title-3)}}@media (hover:hover) and (pointer:fine){.card--interactive:hover{border-color:var(--hairline-hi);box-shadow:var(--elev-2);transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.snow-layer,body:before,body:after{animation:none!important}}@media (width<=640px){body:after{opacity:.6}html:before{opacity:.025}}body{background:var(--surface-0);min-height:100vh;color:var(--text-primary);font-family:var(--font-sans)}.admin-header{z-index:var(--z-sticky);justify-content:space-between;align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-6);padding-top:max(var(--s-4), env(safe-area-inset-top));border-bottom:1px solid var(--hairline);-webkit-backdrop-filter:var(--blur-lg);background:#06101fc7;display:flex;position:sticky;top:0}.admin-logo{align-items:center;gap:var(--s-3);display:inline-flex}.admin-logo .icon{border:1px solid var(--hairline-ice);border-radius:var(--r-md);background:#00c8ef1a;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:inline-flex}.admin-logo .admin-title{font-family:var(--font-display);font-size:var(--t-headline);color:var(--text-primary);letter-spacing:var(--track-tight);font-weight:600}.admin-user{align-items:center;gap:var(--s-4);display:inline-flex}.user-info{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.user-name{font-size:var(--t-subhead);color:var(--text-primary);letter-spacing:var(--track-snug);font-weight:600}.user-status{font-size:var(--t-caption);color:var(--success-400);font-weight:500}.logout-btn{align-items:center;gap:var(--s-2);min-height:36px;padding:0 var(--s-4);font-size:var(--t-subhead);color:var(--error-400);border:1px solid var(--hairline-error);border-radius:var(--r-full);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out-spring);background:#ef444414;font-weight:500;display:inline-flex}.logout-btn:hover{background:#ef444429}.logout-btn:active{transform:scale(.97)}.hub-btn{align-items:center;gap:var(--s-2);min-height:36px;padding:0 var(--s-4);font-size:var(--t-subhead);color:var(--text-primary);background:var(--surface-2);border:1px solid var(--hairline-hi);border-radius:var(--r-full);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out-spring);font-weight:500;display:inline-flex}.hub-btn:hover{background:var(--surface-3)}.hub-btn:active{transform:scale(.97)}.hub-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.nav-tabs{z-index:var(--z-sticky);align-items:center;gap:var(--s-1);padding:var(--s-2) var(--s-4);border-bottom:1px solid var(--hairline);-webkit-backdrop-filter:var(--blur-md);scrollbar-width:thin;background:#06101fb8;display:flex;position:sticky;top:72px;overflow-x:auto}.nav-tab{align-items:center;gap:var(--s-2);min-height:36px;padding:0 var(--s-4);font-family:var(--font-display);font-size:var(--t-subhead);color:var(--text-secondary);border-radius:var(--r-full);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out-spring);background:0 0;border:0;font-weight:500;display:inline-flex}.nav-tab:hover{color:var(--text-primary);background:#ffffff0a}.nav-tab:active{transform:scale(.97)}.nav-tab.active{color:#001823;background:linear-gradient(180deg, var(--ice-300), var(--ice-500));font-weight:600;box-shadow:inset 0 1px #ffffff40}.nav-tab i{font-size:.875em}.admin-content{max-width:var(--container-max);padding:var(--s-6) var(--s-4) var(--s-10);padding-bottom:max(var(--s-10), env(safe-area-inset-bottom));margin:0 auto}.tab-content{display:none}.tab-content.active{animation:fade-in var(--dur-base) var(--ease-out);display:block}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.admin-card{margin-bottom:var(--s-5);padding:var(--s-6);background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--r-xl);-webkit-backdrop-filter:var(--blur-md);box-shadow:var(--elev-1)}.card-header{margin-bottom:var(--s-5);padding-bottom:var(--s-3);border-bottom:1px solid var(--hairline)}.card-title{font-family:var(--font-display);font-size:var(--t-title-3);color:var(--text-primary);letter-spacing:var(--track-snug);font-weight:600}.card-header h3.card-title{font-size:var(--t-headline)}.stats-grid{gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-card{gap:var(--s-1);padding:var(--s-4) var(--s-5);border:1px solid var(--hairline);border-radius:var(--r-lg);transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);background:#ffffff08;flex-direction:column;display:flex}.stat-card:hover{border-color:var(--hairline-hi);background:#ffffff0d}.stat-number{font-family:var(--font-display);font-size:var(--t-title-2);color:var(--text-primary);letter-spacing:var(--track-tight);font-weight:700;line-height:1}.stat-label{font-size:var(--t-caption);color:var(--text-tertiary);letter-spacing:var(--track-wide);text-transform:uppercase;font-weight:500}.btn{justify-content:center;align-items:center;gap:var(--s-2);min-height:40px;padding:0 var(--s-5);font-family:var(--font-display);font-size:var(--t-subhead);letter-spacing:var(--track-snug);color:var(--text-primary);background:var(--surface-2);border:1px solid var(--hairline-hi);border-radius:var(--r-full);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out-spring), filter var(--dur-fast) var(--ease-out);font-weight:600;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn i{font-size:.875em}.btn-primary{color:#001823;background:linear-gradient(180deg, var(--ice-300), var(--ice-500));border-color:#0000;box-shadow:inset 0 1px #ffffff40}.btn-primary:hover{filter:brightness(1.06)}.btn-success{color:#001a08;background:linear-gradient(180deg, #6ee7a5, var(--success-500));border-color:#0000}.btn-success:hover{filter:brightness(1.06)}.btn-warning{color:#1a1300;background:linear-gradient(180deg, var(--gold-300), var(--gold-500));border-color:#0000}.btn-warning:hover{filter:brightness(1.06)}.btn-info{color:var(--text-primary);border-color:var(--hairline-ice-hi);background:#00c8ef24}.btn-info:hover{background:#00c8ef38}.btn-danger{color:var(--error-400);border-color:var(--hairline-error);background:#ef444414}.btn-danger:hover{background:#ef444429}.form-grid{gap:var(--s-4);margin-bottom:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.form-group{gap:var(--s-2);flex-direction:column;display:flex}.form-label{font-size:var(--t-subhead);color:var(--text-secondary);letter-spacing:var(--track-snug);font-weight:500}.form-input,.form-select,input[type=text]:not([class*=btn]),input[type=number]:not([class*=btn]),input[type=email]:not([class*=btn]),input[type=password]:not([class*=btn]),input[type=date]:not([class*=btn]),textarea:not([class*=btn]){width:100%;min-height:44px;padding:0 var(--s-4);font-size:var(--t-body);color:var(--text-primary);border:1px solid var(--hairline);border-radius:var(--r-md);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);background:#ffffff0f}textarea.form-input{min-height:100px;padding:var(--s-3) var(--s-4);resize:vertical}.form-input::placeholder,textarea::placeholder{color:var(--text-tertiary)}.form-input:hover,.form-select:hover{border-color:var(--hairline-hi)}.form-input:focus,.form-select:focus{border-color:var(--ice-500);box-shadow:var(--focus-ring);background:#ffffff14;outline:none}.form-input:disabled,.form-input[readonly]{opacity:.6;cursor:not-allowed}.form-select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><path d='M5 8l5 5 5-5' stroke='%237ad8f5' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right var(--s-3) center;padding-right:var(--s-10);cursor:pointer}.form-select option{background:var(--surface-1);color:var(--text-primary)}.month-selector{align-items:center;gap:var(--s-2);margin-bottom:var(--s-3);flex-wrap:wrap;display:flex}.month-selector .form-select{flex:1;min-width:200px}.month-info{padding:var(--s-3) var(--s-4);font-size:var(--t-subhead);color:var(--text-secondary);border:1px solid var(--hairline-ice);border-radius:var(--r-md);background:#00c8ef0f}.toggle-switch{align-items:center;gap:var(--s-3);cursor:pointer;-webkit-tap-highlight-color:transparent;display:inline-flex}.toggle-switch input{display:none}.toggle-slider{border:1px solid var(--hairline);border-radius:var(--r-full);width:48px;height:28px;transition:background-color var(--dur-fast) var(--ease-out);background:#ffffff1a;position:relative}.toggle-slider:before{content:"";background:var(--text-primary);border-radius:var(--r-full);width:22px;height:22px;transition:transform var(--dur-base) var(--ease-out-spring);position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0000004d}.toggle-switch input:checked+.toggle-slider{background:var(--ice-500);border-color:var(--ice-500)}.toggle-switch input:checked+.toggle-slider:before{background:#001823;transform:translate(20px)}.toggle-label{font-size:var(--t-subhead);color:var(--text-secondary);font-weight:500}.loading{align-items:center;gap:var(--s-3);padding:var(--s-10) var(--s-4);color:var(--text-tertiary);font-size:var(--t-callout);flex-direction:column;display:flex}.spinner{border:2.5px solid #00c8ef33;border-top-color:var(--ice-500);border-radius:var(--r-full);width:28px;height:28px;font-size:0;animation:.9s linear infinite spin}.message{padding:var(--s-3) var(--s-4);margin:var(--s-3) 0;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--hairline);color:var(--text-secondary);font-size:var(--t-subhead)}.message-warning{color:var(--warn-400);background:#f59e0b0f;border-color:#f59e0b52}.message-success{color:var(--success-400);background:#22c55e0f;border-color:#22c55e52}.message-error{border-color:var(--hairline-error);color:var(--error-400);background:#ef44440f}.data-table{border-collapse:collapse;width:100%;font-size:var(--t-subhead);background:0 0}.data-table th,.data-table td{padding:var(--s-3) var(--s-4);text-align:left;border-bottom:1px solid var(--hairline);color:var(--text-secondary)}.data-table th{font-family:var(--font-display);font-size:var(--t-caption);color:var(--text-tertiary);letter-spacing:var(--track-wide);text-transform:uppercase;background:#ffffff05;font-weight:600}.data-table tr:hover td{color:var(--text-primary);background:#ffffff08}.data-table td:first-child,.data-table th:first-child{border-top-left-radius:var(--r-sm);border-bottom-left-radius:var(--r-sm)}.data-table td:last-child,.data-table th:last-child{border-top-right-radius:var(--r-sm);border-bottom-right-radius:var(--r-sm)}.update-loading-overlay{z-index:var(--z-overlay);justify-content:center;align-items:center;gap:var(--s-5);padding:var(--s-6);-webkit-backdrop-filter:var(--blur-lg);background:#0000008c;flex-direction:column;display:none;position:fixed;inset:0}.update-loading-overlay.visible,.update-loading-overlay.active{display:flex}.update-loading-icon{font-size:2.5rem;line-height:1}.update-loading-progress{gap:var(--s-2);flex-direction:column;width:min(90vw,360px);display:flex}.update-loading-progress-text{font-size:var(--t-callout);color:var(--text-primary);text-align:center;font-weight:500}.update-loading-progress-bar{border-radius:var(--r-full);background:#ffffff0f;height:6px;overflow:hidden}.update-loading-progress-fill{background:linear-gradient(90deg, var(--ice-500), var(--ice-300));border-radius:var(--r-full);height:100%;transition:width var(--dur-base) var(--ease-out)}.admin-incentivo-refresh-row{margin-bottom:var(--s-3);justify-content:flex-end;display:flex}@media (width<=960px){.admin-header{padding:var(--s-3) var(--s-4)}.nav-tabs{top:64px}.admin-content{padding:var(--s-5) var(--s-3) var(--s-8)}.admin-card{padding:var(--s-5)}}@media (width<=640px){.admin-header{align-items:stretch;gap:var(--s-3);padding:var(--s-3) var(--s-3);flex-direction:column}.admin-user{justify-content:space-between}.nav-tabs{padding:var(--s-1) var(--s-3);top:0}.nav-tab{font-size:var(--t-caption);padding:0 var(--s-3);min-height:32px}.admin-content{padding:var(--s-4) var(--s-3) var(--s-8)}.admin-card{padding:var(--s-4)}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{padding:var(--s-3) var(--s-4)}.stat-number{font-size:var(--t-title-3)}.form-grid{grid-template-columns:1fr}.data-table{font-size:var(--t-caption)}.data-table th,.data-table td{padding:var(--s-2) var(--s-3)}}:root{--surface-0:#000308;--surface-1:#06101f;--surface-2:#0e1c34b8;--surface-3:#162846e0;--surface-4:#1c3256f0;--ice-50:#eaf8ff;--ice-100:#cdeefc;--ice-200:#a8ecff;--ice-300:#7ad8f5;--ice-400:#4dd9f4;--ice-500:#00c8ef;--ice-600:#009ec4;--ice-700:#006d8a;--ice-800:#003e54;--gold-200:#fff07a;--gold-300:#ffe48a;--gold-500:#ffd60a;--gold-600:#e6bd00;--gold-700:#c79a00;--silver-300:#eef3f9;--silver-500:#d9e2ec;--silver-700:#94a3b8;--bronze-300:#f0b074;--bronze-500:#d4863a;--bronze-700:#8a5520;--success-400:#4ade80;--success-500:#22c55e;--warn-400:#fbbf24;--warn-500:#f59e0b;--error-400:#f87171;--error-500:#ef4444;--text-primary:#fffffff5;--text-secondary:#ffffffa8;--text-tertiary:#fff6;--text-quaternary:#ffffff38;--text-ice:var(--ice-300);--text-gold:var(--gold-300);--hairline:#ffffff14;--hairline-hi:#ffffff24;--hairline-strong:#ffffff38;--hairline-ice:#00c8ef38;--hairline-ice-hi:#00c8ef61;--hairline-gold:#ffd60a47;--hairline-error:#ef444452;--t-display:clamp(2.5rem, 5vw + 1rem, 4.25rem);--t-title-1:clamp(1.75rem, 2vw + 1rem, 2.5rem);--t-title-2:1.5rem;--t-title-3:1.25rem;--t-headline:1.0625rem;--t-body:1rem;--t-callout:.9375rem;--t-subhead:.875rem;--t-caption:.8125rem;--t-micro:.6875rem;--track-tight:-.022em;--track-snug:-.012em;--track-normal:0;--track-wide:.06em;--track-wider:.12em;--track-widest:.18em;--s-0:0;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-7:28px;--s-8:32px;--s-10:40px;--s-12:48px;--s-14:56px;--s-16:64px;--s-20:80px;--s-24:96px;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-2xl:36px;--r-full:999px;--elev-0:none;--elev-1:0 1px 0 var(--hairline-hi) inset, 0 8px 24px -8px #0000008c;--elev-2:0 1px 0 var(--hairline-hi) inset, 0 18px 48px -12px #000000a6;--elev-3:0 1px 0 var(--hairline-hi) inset, 0 32px 80px -16px #000000bf;--elev-glow-ice:0 0 0 1px var(--hairline-ice) inset, 0 12px 40px -8px #00c8ef47;--elev-glow-gold:0 0 0 1px var(--hairline-gold) inset, 0 16px 48px -10px #ffd60a38;--elev-glow-error:0 0 0 1px var(--hairline-error) inset, 0 14px 40px -10px #ef44443d;--focus-ring:0 0 0 3px #00c8ef52;--ease-out-spring:cubic-bezier(.32, .72, 0, 1);--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.4, 0, .6, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-back:cubic-bezier(.68, -.55, .265, 1.55);--dur-instant:90ms;--dur-fast:.18s;--dur-base:.28s;--dur-mid:.42s;--dur-slow:.56s;--dur-page:.68s;--container-max:1280px;--container-narrow:960px;--container-pad:clamp(16px, 4vw, 32px);--z-base:0;--z-raised:10;--z-sticky:100;--z-overlay:1000;--z-modal:10000;--z-toast:15000;--z-loader:20000;--blur-sm:blur(12px) saturate(140%);--blur-md:blur(24px) saturate(160%);--blur-lg:blur(40px) saturate(180%);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Segoe UI", Roboto, sans-serif;--font-display:"Sora", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--num-feat:"tnum" 1, "lnum" 1, "ss01" 1;--bg-void:var(--surface-0);--bg-deep:var(--surface-1);--bg-card:var(--surface-2);--bg-raised:var(--surface-3);--ice:var(--ice-500);--ice-bright:var(--ice-400);--ice-pale:var(--ice-200);--gold:var(--gold-500);--gold-pale:var(--gold-200);--silver:var(--silver-500);--bronze:var(--bronze-500);--text:var(--text-secondary);--text-bright:var(--text-primary);--text-muted:var(--text-tertiary);--error:var(--error-500);--error-border:var(--error-500);--b-ice:var(--hairline-ice);--b-ice-hi:var(--hairline-ice-hi);--b-gold:var(--hairline-gold);--b-silver:#d9e2ec52;--b-bronze:#d4863a52;--sh-card:var(--elev-1);--sh-gold:var(--elev-glow-gold);--ease:var(--dur-base) var(--ease-out-spring);--hex-bg-darkest:var(--surface-0);--hex-bg-dark:var(--surface-1);--hex-bg-card:var(--surface-2);--hex-gold:var(--ice-500);--hex-gold-light:var(--text-primary);--hex-gold-dark:var(--ice-700);--hex-teal:var(--ice-400);--hex-text:var(--text-primary);--hex-text-sec:var(--text-tertiary);--hex-red:var(--error-500);--hex-red-border:var(--error-500)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;height:100%}body{font-family:var(--font-sans);font-size:var(--t-body);color:var(--text-primary);background:var(--surface-0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"ss01", "cv11", "kern" 1;min-height:100dvh;padding-bottom:env(safe-area-inset-bottom);font-weight:400;line-height:1.45;overflow-x:hidden}::selection{color:var(--text-primary);background:#00c8ef47}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--ice-300);transition:color var(--dur-fast) var(--ease-out);text-decoration:none}a:hover{color:var(--ice-200)}img,svg{max-width:100%;display:block}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(ellipse 80% 50% at 50% -10%, #008cd22e 0%, transparent 60%), radial-gradient(ellipse 60% 38% at 12% 8%, #00c8ef14 0%, transparent 55%), radial-gradient(ellipse 50% 30% at 90% 110%, #461e8c1f 0%, transparent 55%), linear-gradient(180deg, var(--surface-0) 0%, var(--surface-1) 48%, var(--surface-0) 100%);animation:90s ease-in-out infinite aurora-drift;position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(70% 40% at 50% 0,#00c8ef0f 0%,#0000 70%),radial-gradient(1px,#0000 0 100%);position:fixed;inset:0}html:before{content:"";pointer-events:none;z-index:0;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.snow-layer{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.bg-snowflake{-webkit-user-select:none;user-select:none;color:#ffffffd9;filter:blur(.5px);animation:linear infinite snow-fall;position:absolute;top:-6%}.app-shell,main,.container{z-index:2;position:relative}.btn{justify-content:center;align-items:center;gap:var(--s-2);min-height:44px;padding:0 var(--s-5);font-family:var(--font-display);font-size:var(--t-callout);letter-spacing:var(--track-snug);border-radius:var(--r-full);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform var(--dur-fast) var(--ease-out-spring), background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), color var(--dur-fast) var(--ease-out);will-change:transform;border:1px solid #0000;font-weight:600;display:inline-flex}.btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.btn:active{transform:scale(.97)}.btn--primary{background:linear-gradient(180deg, #ffffff38 0%, transparent 42%), linear-gradient(180deg, var(--ice-300) 0%, var(--ice-500) 52%, var(--ice-600) 100%);color:#001823;box-shadow:inset 0 1px #ffffff59,0 0 0 .5px #00789666,0 8px 24px -10px #00c8ef8c}.btn--primary:hover{filter:brightness(1.05)saturate(1.05);box-shadow:inset 0 1px #fff6,0 0 0 .5px #00789666,0 12px 32px -10px #00c8efad}.btn--secondary{background:var(--surface-2);color:var(--text-primary);border-color:var(--hairline-hi);-webkit-backdrop-filter:var(--blur-md)}.btn--secondary:hover{border-color:var(--hairline-strong);background:var(--surface-3)}.btn--ghost{color:var(--text-primary);border-color:var(--hairline);background:0 0}.btn--ghost:hover{border-color:var(--hairline-hi);background:#ffffff0a}.btn--destructive{background:var(--surface-2);color:var(--error-400);border-color:var(--hairline-error)}.btn--destructive:hover{background:#ef44441f}.btn--icon{border-radius:var(--r-full);width:44px;min-height:44px;padding:0}.card{background:linear-gradient(180deg, #ffffff0a 0%, transparent 22%), var(--surface-2);border:1px solid var(--hairline);border-radius:var(--r-xl);-webkit-backdrop-filter:var(--blur-md);box-shadow:var(--elev-1);transition:transform var(--dur-base) var(--ease-out-spring), border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);position:relative}.card:before{content:"";border-radius:var(--r-xl) var(--r-xl) 0 0;background:linear-gradient(90deg, transparent, var(--hairline-hi) 18%, var(--hairline-strong) 50%, var(--hairline-hi) 82%, transparent);pointer-events:none;height:1px;position:absolute;inset:0 0 auto}@media (hover:hover) and (pointer:fine){.card--interactive:hover{border-color:var(--hairline-hi);box-shadow:var(--elev-2);transform:translateY(-4px)}}.input,.select{width:100%;min-height:48px;padding:0 var(--s-4);font-size:var(--t-body);color:var(--text-primary);border:1px solid var(--hairline);border-radius:var(--r-md);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);background:#ffffff0f}.input::placeholder{color:var(--text-tertiary)}.input:hover,.select:hover{border-color:var(--hairline-hi)}.input:focus,.select:focus{border-color:var(--ice-500);box-shadow:var(--focus-ring);background:#ffffff14;outline:none}.select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><path d='M5 8l5 5 5-5' stroke='%237ad8f5' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right var(--s-3) center;padding-right:var(--s-10);cursor:pointer}.divider{background:var(--hairline);border:0;height:1px}*{scrollbar-width:thin;scrollbar-color:var(--hairline-hi) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--hairline-hi);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--hairline-strong)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.snow-layer,body:before,body:after{animation:none!important}}@media (width<=640px){body:after{opacity:.6}html:before{opacity:.025}}.tnum,.num,[data-num]{font-feature-settings:var(--num-feat);font-variant-numeric:tabular-nums lining-nums}.text-gradient-ice{background:linear-gradient(180deg, #fff 0%, var(--ice-100) 55%, var(--ice-300) 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.text-gradient-gold{background:linear-gradient(180deg, var(--gold-200) 0%, var(--gold-500) 60%, var(--gold-700) 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}