:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color:#e9edf2;background:#0e1118}*{box-sizing:border-box}body{margin:0;min-height:100vh}.page{padding:24px}.panel{max-width:900px;margin:0 auto;padding:18px;border-radius:14px;background:#121823e6;border:1px solid #283347}.login-page{display:grid;min-height:100vh;place-items:center;position:relative;background:url(/assets/IndexBackground-DL0zK39t.png) no-repeat center center fixed;background-size:cover}.login-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.login-page>*{position:relative;z-index:1}.login-panel{width:min(680px,100%);display:grid;gap:14px;padding:40px 36px;border-radius:20px;background:#12182385;border:1px solid rgba(255,255,255,.2);box-shadow:0 12px 40px #00000059}.login-panel h1{text-align:center;margin:0 0 8px;font-size:clamp(32px,4vw,52px);font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-panel label{display:block;text-align:center;font-size:14px;font-weight:600;color:#f7f7f7;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 2px 6px rgba(0,0,0,.7)}input,button{border-radius:8px;border:1px solid #35445f;padding:10px 12px;font-size:15px}input{background:#fff;color:#2c3e50;border:2px solid #e0e0e0}input::placeholder{color:#bdc3c7}button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:14px 16px;box-shadow:0 4px 15px #667eea66}button:hover{transform:translateY(-1px);box-shadow:0 6px 20px #667eea99}.team-names{display:grid;gap:8px;margin-top:10px}.error{color:#ff8383}.metric-subtle{color:#9fb0c9}.dashboard-page{min-height:100vh;position:relative}.dashboard-bg-video{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none}.dashboard-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:-1;pointer-events:none}.dashboard-content{position:relative;z-index:1;animation:dashboard-content-fade-in .52s ease-out}.dashboard-loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center}.dashboard-loading-gif{width:min(170px,38vw);height:auto;image-rendering:auto;filter:drop-shadow(0 10px 26px rgba(0,0,0,.52))}@keyframes dashboard-content-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.topbar{max-width:1200px;margin:0 auto 16px;min-height:48px;position:relative}.topbar h1{margin:0;text-align:center;text-shadow:0 3px 10px rgba(0,0,0,.85)}.topbar-login-button{position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:12px;padding:7px 10px;background:linear-gradient(135deg,#f5f3ef,#e8ddcd);color:#4a4035;border:1px solid rgba(114,100,83,.28);box-shadow:0 8px 18px #0003}.topbar-login-button:hover{transform:translateY(calc(-50% - 1px));box-shadow:0 10px 22px #00000042}.period-switch{position:absolute;right:0;top:50%;transform:translateY(-50%);display:inline-flex;gap:6px;padding:5px;border-radius:999px;background:#f5f3ef33;border:1px solid rgba(245,243,239,.4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.period-switch-option{font-size:13px;font-weight:700;letter-spacing:.2px;padding:8px 14px;border-radius:999px;border:none;background:transparent;color:#f7f2ea;box-shadow:none}.period-switch-option.active{background:linear-gradient(135deg,#f5f3ef,#e8ddcd);color:#4a4035;box-shadow:0 6px 16px #0003}.period-switch-option:hover{transform:none;box-shadow:none}.team-slide{max-width:1200px;margin:0 auto}.team-header{margin-bottom:14px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.agent-card{position:relative;background:#171f2d;border:1px solid #2a3953;border-radius:12px;padding:14px 12px 12px}.rank-badge{position:absolute;top:10px;right:10px;min-width:68px;padding:0;display:flex;flex-direction:column;align-items:flex-end;gap:0;pointer-events:none;overflow:hidden;isolation:isolate;animation:rank-pop-in .8s ease-out;transition:transform .22s ease}.rank-badge:before{content:"";position:absolute;inset:-20% auto -20% -120%;width:62%;transform:rotate(16deg);background:linear-gradient(90deg,#fff0,#ffffff52 48%,#fff0);animation:rank-shimmer 2.8s ease-in-out infinite;z-index:-1}.rank-badge-label{font-size:10px;font-weight:700;line-height:1;letter-spacing:1.1px;opacity:.78}.rank-badge-value{font-size:30px;font-weight:900;line-height:1;letter-spacing:.5px;text-shadow:0 3px 10px rgba(0,0,0,.6)}.rank-badge--gold{color:gold;animation:rank-pop-in .8s ease-out,rank-pulse-gold 2.4s ease-in-out infinite}.rank-badge--silver{color:silver;animation:rank-pop-in .8s ease-out,rank-pulse-silver 2.8s ease-in-out infinite}.rank-badge--bronze{color:#cd7f32;animation:rank-pop-in .8s ease-out,rank-pulse-bronze 3s ease-in-out infinite}.rank-badge--default{color:#fff;animation:rank-pop-in .8s ease-out}@keyframes rank-pop-in{0%{opacity:0;transform:translateY(-14px) scale(.86);filter:blur(2px)}64%{opacity:1;transform:translateY(2px) scale(1.07);filter:blur(0)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes rank-shimmer{0%{transform:translate(0) rotate(16deg);opacity:0}20%{opacity:.55}60%{transform:translate(280%) rotate(16deg);opacity:.2}to{transform:translate(320%) rotate(16deg);opacity:0}}@keyframes rank-pulse-gold{0%,to{text-shadow:0 3px 10px rgba(0,0,0,.62),0 0 10px rgba(255,215,0,.24)}50%{text-shadow:0 3px 10px rgba(0,0,0,.62),0 0 18px rgba(255,215,0,.42)}}@keyframes rank-pulse-silver{0%,to{text-shadow:0 3px 10px rgba(0,0,0,.62),0 0 8px rgba(192,192,192,.2)}50%{text-shadow:0 3px 10px rgba(0,0,0,.62),0 0 14px rgba(192,192,192,.32)}}@keyframes rank-pulse-bronze{0%,to{text-shadow:0 3px 10px rgba(0,0,0,.62),0 0 8px rgba(205,127,50,.2)}50%{text-shadow:0 3px 10px rgba(0,0,0,.62),0 0 14px rgba(205,127,50,.3)}}.agent-header{display:flex;align-items:center;gap:10px}.agent-photo{width:56px;height:56px;border-radius:50%;object-fit:cover;background:#243145}.metrics-grid{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(100px,1fr));gap:8px}.metrics-grid span{display:block;font-size:12px;color:#9fb0c9}