:root{color:#18243a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f5f7fb;font-family:Inter,Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.agents-page h1{margin-bottom:12px}.agents-page>p{color:#78869b}.agents-card{background:#fff;border:1px solid #e5eaf2;border-radius:12px;margin-top:30px;padding:20px;overflow-x:auto}.agents-list{border-collapse:collapse;text-align:left;width:100%}.agents-list th,.agents-list td{border-bottom:1px solid #e5eaf2;padding:16px;font-size:13px}.agents-list th{color:#78869b}.registration-active,.registration-inactive{border-radius:7px;padding:7px 11px;font-size:12px;font-weight:700;display:inline-block}.registration-active{color:#158053;background:#e5f8ef}.registration-inactive{color:#667085;background:#eef0f3}.agents-error{color:#b42318!important}.supervisor-layout{background:#f4f7fb;min-height:100vh;display:flex}.supervisor-sidebar{color:#fff;background:#153967;flex-direction:column;width:250px;padding:30px;display:flex}.supervisor-user{flex-direction:column;gap:8px;margin-top:auto;margin-bottom:20px;display:flex}.supervisor-sidebar button{color:#fff;background:0 0;border:1px solid #ffffff50;border-radius:8px;padding:12px}.supervisor-main{flex:1;padding:40px}.supervisor-session{color:#158053;margin-top:20px;display:inline-block}.supervisor-stats{grid-template-columns:repeat(4,1fr);gap:18px;margin:30px 0;display:grid}.stat-card,.agents-panel{background:#fff;border:1px solid #e5eaf2;border-radius:12px;padding:24px}.stat-card span{color:#78869b;font-size:13px;display:block}.stat-card strong{margin-top:15px;font-size:34px;display:block}.agents-panel h2{margin:0 0 22px;font-size:18px}.agents-table-wrapper{overflow-x:auto}.agents-table{border-collapse:collapse;text-align:left;width:100%}.agents-table th,.agents-table td{border-bottom:1px solid #e5eaf2;padding:15px;font-size:13px}.agents-table th{color:#78869b}.supervisor-error{color:#b42318}@media (width<=1100px){.supervisor-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.supervisor-stats{grid-template-columns:1fr}}.supervisor-main{min-width:0}.supervisor-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{min-width:0;position:relative;overflow:hidden}.stat-card:after{content:"";border-radius:4px;width:42px;height:4px;margin-top:18px;display:block}.stat-card:first-child:after{background:#159365}.stat-card:nth-child(2):after{background:#d75b50}.stat-card:nth-child(3):after{background:#d49a30}.stat-card:nth-child(4):after{background:#8993a3}.agents-table td:nth-child(3){font-weight:700}@media (width<=1250px){.supervisor-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.supervisor-layout{flex-direction:column}.supervisor-sidebar{width:100%;min-height:auto}.supervisor-main{padding:20px}.supervisor-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card,.agents-panel{padding:16px}}.supervisor-menu{flex-direction:column;gap:8px;margin-top:25px;display:flex}.supervisor-menu button{color:#c8d8eb;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;padding:13px 15px}.supervisor-menu button:hover{background:#244c7d}.supervisor-menu button.ativo{color:#fff;background:#2d5e98;font-weight:700}.login-page{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-presentation{color:#fff;background:linear-gradient(145deg,#102b55,#174c88 65%,#246bb0);flex-direction:column;justify-content:space-between;padding:48px 64px;display:flex}.brand,.mobile-brand{letter-spacing:-1px;align-items:center;gap:12px;font-size:25px;font-weight:800;display:flex}.brand-icon{color:#fff;background:#3293f5;border-radius:12px;place-items:center;width:42px;height:42px;font-size:25px;display:grid}.presentation-content{max-width:550px}.eyebrow{letter-spacing:2px;color:#58aaf7;font-size:11px;font-weight:800}.presentation-content .eyebrow{color:#a7d3ff}.presentation-content h1{letter-spacing:-2px;margin:22px 0;font-size:clamp(38px,4vw,62px);line-height:1.12}.presentation-content h1 span{color:#7fc2ff}.presentation-content p{color:#d4e4f5;max-width:430px;font-size:17px;line-height:1.8}.presentation-decoration{align-items:center;gap:12px;margin-top:42px;display:flex}.decoration-dot{background:#69b8ff;border-radius:50%;width:11px;height:11px}.decoration-line{opacity:.5;background:#69b8ff;width:110px;height:2px}.presentation-footer{color:#c1d7ef;font-size:12px}.login-section{background:#f7f9fd;place-items:center;padding:40px;display:grid}.login-card{width:100%;max-width:410px}.mobile-brand{color:#173b70;margin-bottom:45px;display:none}.login-card h2{letter-spacing:-1px;margin:12px 0;font-size:34px}.login-description{color:#7c879a;margin-bottom:38px;font-size:14px}.login-card form{flex-direction:column;display:flex}.login-card label{margin-bottom:9px;font-size:13px;font-weight:700}.login-card input{background:#fff;border:1px solid #dce3ee;border-radius:10px;outline:none;width:100%;height:52px;margin-bottom:24px;padding:0 16px;transition:border-color .2s}.login-card input:focus{border-color:#368be6;box-shadow:0 0 0 3px #368be61c}.login-button{color:#fff;background:#2065ae;border:0;border-radius:10px;height:52px;margin-top:5px;font-weight:700}.login-button:hover{background:#174f8c}.login-button:disabled{opacity:.7;cursor:wait}.error-message{color:#b42318;background:#fff0f0;border-radius:8px;margin-bottom:15px;padding:12px;font-size:13px}.login-footer{color:#98a1b1;text-align:center;margin-top:32px;font-size:12px}.dashboard{background:#f4f7fb;min-height:100vh}.dashboard-header{color:#fff;background:#173b70;justify-content:space-between;align-items:center;padding:20px 6%;display:flex}.logout-button{color:#fff;background:0 0;border:1px solid #fff6;border-radius:8px;padding:10px 20px}.welcome-card{background:#fff;border:1px solid #e5eaf2;border-radius:18px;max-width:900px;margin:70px auto;padding:45px}.welcome-card h1{font-size:34px}.welcome-card>p{color:#718096}.user-details{grid-template-columns:repeat(3,1fr);gap:20px;margin:35px 0;display:grid}.user-details>div{background:#f4f7fb;border-radius:10px;flex-direction:column;gap:9px;padding:20px;display:flex}.user-details span{color:#718096;font-size:12px}.active-status{color:#18815a}.next-step{border-top:1px solid #e5eaf2;padding-top:20px}@media (width<=800px){.login-page{grid-template-columns:1fr}.login-presentation{display:none}.mobile-brand{display:flex}.login-section{min-height:100vh;padding:28px}.welcome-card{margin:25px 15px;padding:25px}.user-details{grid-template-columns:1fr}}