body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#f5f7fa,#e3f2fd);background-size:200% 200%;display:grid;min-height:100vh;overflow:hidden!important;padding:20px;place-items:center;position:relative}.floating-bg{animation:float 6s ease-in-out infinite,pulse 4s ease-in-out infinite;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#e3f2fdcc,#bbdefb99)}.floating-bg-1{height:300px;left:10%;top:10%;width:300px}.floating-bg-2{animation-delay:2s;height:200px;right:15%;top:60%;width:200px}.floating-bg-3{animation-delay:4s;bottom:20%;height:150px;left:60%;width:150px}.login-form{animation:formSlideIn .8s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #0000001a;border-radius:20px;box-shadow:0 25px 50px #00000026;max-width:400px;padding:40px;position:relative;width:100%}@keyframes formSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.login-form:before{background:linear-gradient(135deg,#2c5db11a,#0000 50%,#1b35640d);border-radius:20px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.login-header{margin-bottom:30px;text-align:center}.login-header h2{background:linear-gradient(135deg,#1b3564,#2c5db1);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:28px;font-weight:600;margin:0 0 8px}.login-header p{color:#0009;font-size:14px;margin:0}.input-group{margin-bottom:20px}.glass-input{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#00000008;border:1px solid #0000001a;border-radius:12px;box-sizing:border-box;color:#1a1a1a;font-size:16px;padding:15px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.glass-input::placeholder{color:#0006}.glass-input:focus{background:#fffc;border-color:#2c5db180;box-shadow:0 10px 25px #2c5db133;outline:none;transform:translateY(-2px)}.login-btn{background:linear-gradient(135deg,#1b3564,#2c5db1);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:15px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.login-btn:before{background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.login-btn:hover:before{left:100%}.login-btn:hover{box-shadow:0 15px 35px #1b356480;transform:translateY(-3px)}.error-message{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ff4c3c1a;border:1px solid #ff4c3c4d;border-radius:10px;color:#d32f2f;font-size:14px;margin-bottom:20px;padding:12px 16px}.dashboard-container{align-items:center;animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#f0f4f8,#d9e8f5 50%,#f0f4f8);background-size:200% 200%;box-sizing:border-box;color:#1a1a1a;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;overflow:hidden;padding:1.5rem;position:relative}.dashboard-container:after{animation:shimmer 8s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6 50%,#0000);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.floating-bg{border-radius:50%;opacity:.08;position:absolute}.floating-bg-1{animation:float 8s ease-in-out infinite,pulse 4s ease-in-out infinite;animation-delay:0s;background:linear-gradient(135deg,#2c5aa0,#1e3a5f);height:20vw;left:-5vw;top:-5vw;width:20vw}.floating-bg-2{animation:float 10s ease-in-out infinite,pulse 5s ease-in-out infinite;animation-delay:2s,1s;background:linear-gradient(135deg,#1e3a5f,#2c5aa0);bottom:-5vw;height:25vw;right:-5vw;width:25vw}.floating-bg-3{animation:float 6s ease-in-out infinite,pulse 3s ease-in-out infinite;animation-delay:4s,2s;background:linear-gradient(135deg,#2c5aa0,#1e3a5f);height:15vw;left:50%;top:50%;width:15vw}@keyframes float{0%{opacity:.08;transform:translateY(0) rotate(0deg) scale(1)}25%{opacity:.12;transform:translateY(-1rem) rotate(5deg) scale(1.05)}50%{opacity:.08;transform:translateY(-1.5rem) rotate(0deg) scale(1.1)}75%{opacity:.06;transform:translateY(-1rem) rotate(-5deg) scale(1.05)}to{opacity:.08;transform:translateY(0) rotate(0deg) scale(1)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes pulse{0%,to{opacity:.08}50%{opacity:.12}}.page-header{margin-bottom:1.2rem;position:relative;text-align:center;width:100%;z-index:1}.header-top{flex-wrap:wrap;gap:2.5rem;justify-content:center}.header-top,.refresh-btn{align-items:center;display:flex}.refresh-btn{background:linear-gradient(135deg,#2c5aa0,#1e3a5f);border:none;border-radius:.6rem;box-shadow:0 4px 15px #2c5aa033;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;gap:.5rem;padding:.7rem 1.4rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.refresh-btn:hover:not(:disabled){box-shadow:0 6px 20px #2c5aa059;transform:translateY(-3px)}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.refresh-btn.spinning svg{animation:spin 1s linear infinite}.logout-btn{align-items:center;background:linear-gradient(135deg,#f53838,#f32a2a);border:none;border-radius:.6rem;box-shadow:0 4px 15px #e85d6f33;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.7rem 1.4rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.logout-btn:hover{box-shadow:0 6px 20px #e85d6f59;transform:translateY(-3px)}.header-actions{align-items:center;display:flex;gap:.8rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dashboard-title{background:linear-gradient(135deg,#1e3a5f,#2c5aa0);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.2rem;font-weight:800;letter-spacing:-.5px;margin:0}.kpi-summary{grid-gap:.6rem;display:grid;flex:0 0 auto;gap:.6rem;grid-template-columns:repeat(4,1fr);height:7vh;margin-bottom:.4rem;max-width:90vw;position:relative;width:100%;z-index:1}.kpi-card{align-items:center;animation:scaleIn .5s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffffa;border:1px solid #2c5aa026;border-radius:1rem;box-shadow:0 8px 24px #0000000f;display:flex;gap:.6rem;padding:.6rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.kpi-card:hover{box-shadow:0 10px 28px #00000014;transform:translateY(-2px)}.kpi-icon{align-items:center;background:linear-gradient(135deg,#2c5aa01f,#2c5aa014);border-radius:.8rem;color:#2c5aa0;display:flex;flex-shrink:0;font-size:1.5rem;height:2.4rem;justify-content:center;min-width:2.4rem}.kpi-label{color:#0000008c;font-size:.65rem;font-weight:600;letter-spacing:.3px;margin:0;text-transform:uppercase}.kpi-value{color:#1e3a5f;font-size:1.2rem;font-weight:800;margin:.15rem 0 0}.kpi-content{display:flex;flex:1 1;flex-direction:column;gap:.1rem}.top-agents-section{display:flex;flex:0 0 auto;flex-direction:column;gap:.4rem;height:26vh;margin-bottom:.4rem;max-width:90vw;position:relative;width:70%;z-index:1}.top-agents-title{animation:fadeIn 1s ease-out;background:linear-gradient(135deg,#d4a574,#b8860b);-webkit-background-clip:text;background-clip:text;color:#0000;flex-shrink:0;font-size:1.2rem;font-weight:800;letter-spacing:-.3px;margin:0;text-align:center}.top-agents-grid{grid-gap:.8rem;display:grid;flex:1 1;gap:.8rem;grid-template-columns:repeat(2,1fr);overflow-y:hidden}.top-agents-card{animation:scaleIn .5s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffffa;border:2px solid #0000;border-image:linear-gradient(135deg,#d4a574,#2c5aa0 1);border-radius:1rem;box-shadow:0 8px 24px #00000012;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto;padding:.8rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.top-agents-card:hover{background:#fff;border-image:linear-gradient(135deg,#b8860b,#1e3a5f 1) 1;box-shadow:0 12px 32px #0000001f;transform:translateY(-4px)}.top-agents-card:before{background:linear-gradient(135deg,#d4a57414,#0000 50%,#2c5aa014);border-radius:1rem;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.top-agents-card:hover:before{opacity:1}.top-agents-period{background:linear-gradient(135deg,#2c5aa0,#1e3a5f);-webkit-background-clip:text;background-clip:text;color:#0000;flex-shrink:0;font-size:.95rem;font-weight:800;margin:0 0 .5rem;text-align:center}.rank-icon{font-size:1rem;margin-right:.4rem;vertical-align:middle}.rank-icon-gold{color:#d4a574}.rank-icon-silver{color:#a9a9a9}.rank-icon-bronze{color:#b87333}.metric-icon{color:#2c5aa0;font-size:.9rem;margin-right:.3rem;vertical-align:middle}.top-agent-row{background:#d4a57414;font-weight:600}.targets-grid{grid-gap:1rem;display:grid;flex:1 1;gap:1rem;grid-template-columns:repeat(3,1fr);margin-top:.3rem;max-height:49vh;max-width:90vw;overflow-y:auto;padding-right:.5rem;width:100%}.targets-grid::-webkit-scrollbar{width:6px}.targets-grid::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.targets-grid::-webkit-scrollbar-thumb{background:#2c5aa04d;border-radius:10px}.targets-grid::-webkit-scrollbar-thumb:hover{background:#2c5aa080}.target-card{animation:scaleIn .5s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffffa;border:2px solid #2c5aa01a;border-radius:1.2rem;box-shadow:0 8px 24px #0000000f;display:flex;flex-direction:column;justify-content:flex-start;max-height:calc(100vh - 260px);overflow:hidden;padding:1.4rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.target-card:before{content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.target-card.performance-excellent:before{background:linear-gradient(90deg,#0000,#16a34a);opacity:1}.target-card.performance-good:before{background:linear-gradient(90deg,#0000,#3b82f6);opacity:1}.target-card.performance-average:before{background:linear-gradient(90deg,#0000,#f59e0b);opacity:1}.target-card.performance-poor:before{background:linear-gradient(90deg,#0000,#e85d6f);opacity:1}.target-card:hover{background:#fff;border-color:#2c5aa040;box-shadow:0 12px 32px #2c5aa01f;transform:translateY(-4px)}.target-card:hover:after{opacity:1}.target-card:after{background:linear-gradient(135deg,#2c5aa00d,#0000 50%,#d4a5740d);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.target-card-header{align-items:center;border-bottom:1px solid #00000014;display:flex;gap:1.2rem;height:20%;margin-bottom:1.2rem;padding-bottom:1rem}.agent-basic-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.agent-basic-info .metric-amount{font-size:1.15rem;font-weight:800;margin:0}.performance-score-section{flex-shrink:0}.performance-badge{border-radius:.6rem;color:#fff;display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:.4rem .9rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.performance-badge.excellent{background:#16a34a}.performance-badge.good{background:#3b82f6}.performance-badge.average{background:#f59e0b;color:#fff}.performance-badge.poor{background:#e85d6f}.agent-avatar{align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:3px solid #2c5aa026;border-radius:50%;box-shadow:0 4px 12px #2c5aa01a;display:flex;flex-shrink:0;height:4.2rem;justify-content:center;width:4.2rem}.user-type-icon{color:#2c5aa0;font-size:2rem}.agent-name{color:#1e3a5f;font-size:1.3rem;font-weight:700;margin:0 0 .2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.performance-score-section{display:flex;justify-content:center;margin:.8rem 0}.score-display{height:90px;position:relative;width:90px}.score-circle{height:100%;position:relative;width:100%}.score-svg{height:100%;transform:rotate(-90deg);width:100%}.score-bg{stroke:#2c5aa026}.score-bg,.score-fill{fill:none;stroke-width:7}.score-fill{stroke-linecap:round;transition:stroke-dasharray .5s ease}.score-text{color:#1e3a5f;font-size:1.5rem;font-weight:800;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.metric-item,.metrics-grid{display:flex;flex-direction:column;gap:.5rem}.metric-label{color:#000000a6;font-size:.85rem;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.metric-bar{background:#2c5aa01a;border-radius:.5rem;height:8px;overflow:hidden}.metric-bar-fill{background:linear-gradient(90deg,#2c5aa0,#1e3a5f);border-radius:.5rem;height:100%;transition:width .5s ease}.metric-stats{align-items:center;display:flex;font-size:.85rem;gap:.6rem}.metric-correct{color:#16a34a;font-weight:700}.metric-incorrect{color:#e85d6f;font-weight:700}.metric-sep{color:#00000040;font-weight:600}.metric-amount{font-size:1.5rem;font-weight:800}.metric-amount.positive{color:#16a34a}.metric-amount.negative{color:#e85d6f}.target-card-body{display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;overflow-y:hidden}.metrics-table{border-collapse:collapse;font-size:.8rem;table-layout:fixed;width:100%}.metrics-table td,.metrics-table th{border-bottom:1px solid #00000014;overflow:hidden;padding:.4rem;text-align:left;text-overflow:ellipsis;white-space:nowrap}.metrics-table th{color:#0000008c;font-size:.7rem;font-weight:700;letter-spacing:.2px;text-transform:uppercase}.metrics-table td:nth-child(2),.metrics-table td:nth-child(3){text-align:center}.metrics-table td:nth-child(4){text-align:right}.amount-positive{color:#2c5aa0}.amount-negative{color:#ff4c3c}.total-row{font-weight:700}.error-message{background:linear-gradient(135deg,#e85d6f,#c7465d);border-radius:.8rem;box-shadow:0 4px 15px #e85d6f33;color:#fff;font-weight:600;margin-bottom:.8rem;padding:.9rem}.empty-state,.error-message{font-size:.95rem;text-align:center}.empty-state{color:#0006;grid-column:1/-1;padding:2rem}.dashboard-subtitle{color:#0000008c;font-size:.95rem;font-weight:500;letter-spacing:.3px;margin:.3rem 0 0}.header-left{align-items:center;gap:.4rem}.header-left,.leaders-container{display:flex;flex-direction:column}.leaders-container{flex:1 1;gap:.6rem;overflow-y:hidden;padding-right:.4rem}.leader-item{align-items:center;background:#2c5aa00a;border-radius:.6rem;display:flex;gap:.7rem;height:15%;padding:.6rem;transition:all .2s ease}.leader-item:hover{background:#2c5aa014;transform:translateX(4px)}.leader-rank{align-items:center;display:flex;flex-shrink:0;font-size:.85rem;height:1.8rem;justify-content:center;min-width:1.8rem}.leader-info{display:flex;flex:1 1;flex-direction:column;gap:.2rem;min-width:0}.leader-name{color:#1e3a5f;font-size:.9rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader-count{color:#00000080;font-size:.75rem;font-weight:500;margin:0}.leaders-container::-webkit-scrollbar{width:4px}.leaders-container::-webkit-scrollbar-track{background:#0000}.leaders-container::-webkit-scrollbar-thumb{background:#2c5aa033;border-radius:2px}.leaders-container::-webkit-scrollbar-thumb:hover{background:#2c5aa066}.target-card-body::-webkit-scrollbar{width:4px}.target-card-body::-webkit-scrollbar-track{background:#0000}.target-card-body::-webkit-scrollbar-thumb{background:#2c5aa033;border-radius:2px}.target-card-body::-webkit-scrollbar-thumb:hover{background:#2c5aa066}.section-title{animation:fadeIn 1s ease-out;background:linear-gradient(135deg,#2c5aa0,#1e3a5f);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.2rem;font-weight:800;letter-spacing:-.3px;margin:1rem 0 .5rem;text-align:center;width:100%;z-index:1}
/*# sourceMappingURL=main.6aa1d526.css.map*/