@import url("https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&family=JetBrains+Mono:wght@400;500;600&display=swap");*,:after,:before{margin:0;padding:0;box-sizing:border-box}body,html{font-family:DM Sans,sans-serif;background:#0f0f14;color:#e8e3da;height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,select,textarea{font-family:inherit;color-scheme:dark}a{color:inherit;text-decoration:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes ping{0%{transform:scale(1);opacity:.8}70%{transform:scale(2.2);opacity:0}to{transform:scale(2.2);opacity:0}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes glowPulse{0%,to{box-shadow:0 0 8px rgba(0,122,135,.2)}50%{box-shadow:0 0 22px rgba(0,122,135,.4),0 0 40px rgba(0,122,135,.1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes barFill{0%{width:0}}@keyframes numberPop{0%{transform:scale(.85);opacity:0}60%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}@keyframes ripple{to{transform:scale(4);opacity:0}}@keyframes badgeBounce{0%,to{transform:scale(1)}30%{transform:scale(1.3)}60%{transform:scale(.9)}}.animate-fade-in-up{animation:fadeInUp .45s cubic-bezier(.22,1,.36,1) both}.animate-fade-in{animation:fadeIn .3s ease both}.animate-scale-in{animation:scaleIn .35s cubic-bezier(.22,1,.36,1) both}.animate-slide-left{animation:slideInLeft .35s cubic-bezier(.22,1,.36,1) both}.animate-float{animation:float 3.5s ease-in-out infinite}.animate-glow-pulse{animation:glowPulse 2.5s ease-in-out infinite}.animate-number-pop{animation:numberPop .4s cubic-bezier(.22,1,.36,1) both}.delay-0{animation-delay:0ms}.delay-1{animation-delay:60ms}.delay-2{animation-delay:.12s}.delay-3{animation-delay:.18s}.delay-4{animation-delay:.24s}.delay-5{animation-delay:.3s}.btn-gold{position:relative;overflow:hidden;transition:transform .15s,box-shadow .15s,opacity .15s;cursor:pointer}.btn-gold:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,122,135,.3);opacity:.92}.btn-gold:active{transform:translateY(0) scale(.97);box-shadow:none}.ripple-el{position:absolute;border-radius:50%;background:hsla(0,0%,100%,.25);width:10px;height:10px;transform:scale(0);animation:ripple .55s linear;pointer-events:none}.agent-card{transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s,border-color .22s;cursor:pointer}.agent-card:hover{transform:translateY(-3px) scale(1.008);box-shadow:0 10px 32px rgba(0,0,0,.5),0 0 0 1px rgba(0,122,135,.15);border-color:rgba(0,122,135,.15)!important}.agent-card:active{transform:translateY(-1px) scale(1.002)}.kpi-card{transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s,border-color .2s}.kpi-card:hover{transform:translateY(-2px)}.kpi-card.clickable:hover,.kpi-card:hover{box-shadow:0 8px 28px rgba(0,0,0,.4)}.kpi-card.clickable:active{transform:translateY(0) scale(.99)}.nav-link{transition:color .15s,background .15s,transform .15s;position:relative}.nav-link:hover{transform:translateX(2px)}.card-hover{transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s,border-color .2s}.card-hover:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,.4);border-color:hsla(39,46%,61%,.15)!important}.status-ping{position:relative;display:inline-block}.status-ping:before{content:"";position:absolute;inset:0;border-radius:50%;background:currentColor;animation:ping 1.6s cubic-bezier(0,0,.2,1) infinite}.xp-bar-fill{animation:barFill .7s cubic-bezier(.22,1,.36,1) both}.shimmer-text{background:linear-gradient(90deg,#007a87,#00a2bb 45%,#007a87 55%,#005a66);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite}.page-enter{animation:fadeInUp .4s cubic-bezier(.22,1,.36,1) both}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#0f0f14}::-webkit-scrollbar-thumb{background:rgba(0,122,135,.2);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:rgba(0,122,135,.4)}::selection{background:rgba(0,122,135,.25);color:#e8e3da}input:focus,select:focus,textarea:focus{border-color:rgba(0,122,135,.5)!important;box-shadow:0 0 0 3px rgba(0,122,135,.08);outline:none}h1,h2,h3{letter-spacing:-.02em}.notif-badge{animation:badgeBounce .4s cubic-bezier(.22,1,.36,1) both}.app-layout{display:flex;min-height:100vh;background:#0f0f14}.app-main{flex:1 1;padding:28px 32px;min-width:0;overflow-y:auto;max-height:100vh;background:#0f0f14}.glass{background:rgba(22,22,32,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.06)}.grid-kpi{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(3,1fr)}.grid-poles{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(4,1fr)}.grid-agents{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(3,1fr)}.grid-2col{display:grid;grid-gap:24px;gap:24px;grid-template-columns:1fr 1fr}.grid-2col-sm{display:grid;grid-gap:12px;gap:12px;grid-template-columns:1fr 1fr}.grid-3col{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(3,1fr)}.grid-auto{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.grid-auto-lg{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}:root{--form-cols:1fr 1fr;--form-cols-3:1fr 1fr 1fr}@media (max-width:480px){:root{--form-cols:1fr;--form-cols-3:1fr}}@media (max-width:1024px){.grid-kpi,.grid-poles{grid-template-columns:repeat(3,1fr)}.grid-3col,.grid-agents{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.app-main{padding:72px 14px 32px;max-height:none;overflow-y:visible}.grid-kpi{gap:10px}.grid-kpi,.grid-poles{grid-template-columns:repeat(2,1fr)}.grid-poles{gap:8px}.grid-agents{gap:8px}.grid-2col,.grid-agents{grid-template-columns:1fr}.grid-2col{gap:14px}.grid-2col-sm{gap:8px}.grid-2col-sm,.grid-3col{grid-template-columns:1fr 1fr}.grid-3col{gap:10px}.grid-auto,.grid-auto-lg{grid-template-columns:1fr}}@media (max-width:480px){.app-main{padding:64px 12px 28px}.grid-kpi{gap:8px}.grid-kpi,.grid-poles{grid-template-columns:1fr 1fr}.grid-poles{gap:6px}.grid-2col-sm,.grid-agents{grid-template-columns:1fr;gap:8px}}.show-mobile{display:none}@media (max-width:768px){.hide-mobile{display:none!important}.show-mobile{display:block}.show-mobile-flex{display:flex}}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.flex-wrap-mobile{flex-wrap:wrap}.w-full-mobile{width:100%!important}.stack-mobile{flex-direction:column!important}}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px}.table-wrap::-webkit-scrollbar{height:4px}.table-wrap::-webkit-scrollbar-track{background:transparent}.table-wrap::-webkit-scrollbar-thumb{background:hsla(39,46%,61%,.2);border-radius:2px}@media (max-width:768px){.table-min-600{min-width:600px}.table-min-700{min-width:700px}.table-min-800{min-width:800px}}