body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(to right,#fff,#000);margin:0}.login{display:flex;justify-content:center;align-items:center;height:100vh;gap:6rem}.logo-login{max-width:350px}.box-login{width:80%;max-width:300px;margin-bottom:50px}.text-login{font-weight:700;display:flex;justify-content:center;font-size:3rem}.form{display:flex;flex-direction:column;gap:1.2rem}.inputs{display:flex;align-items:center;gap:1rem}.icons{width:2rem}.input-login:focus{outline:none;border:solid 2px #000}input{border-radius:8px;border:none;padding:.5rem;width:100%}.forget-password{background:none;width:15rem;font-size:1.1rem;border:none;cursor:pointer}.button-enter{display:flex;align-items:center;justify-content:end}.enter{width:5rem;background:linear-gradient(to right,#fff,#b0b0b0);box-shadow:0 4px 10px #0000004d;font-size:1.2rem;border-radius:8px;border:none;padding:6px;cursor:pointer;transition:all .3s}.enter:hover{background:linear-gradient(to right,#fff,#797979)}.notice{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#e74c3c;color:#fff;padding:12px 20px;border-radius:8px;font-weight:700;box-shadow:0 4px 6px #0003}.button-how-to-use{position:fixed;right:20px;bottom:20px;z-index:1000}.how-to-use{cursor:pointer;border:none;border-radius:999px;padding:10px 16px;font-size:1rem;background:linear-gradient(to right,#fff,#b0b0b0);box-shadow:2px 2px 6px #c5c5c5,-2px -2px 6px #fff;transition:background .3s,transform .2s,box-shadow .2s}.how-to-use:hover{background:linear-gradient(to right,#fff,#797979);transform:translateY(-1px)}@media (max-width: 768px){.how-to-use{padding:8px 14px;font-size:.95rem}.button-how-to-use{right:14px;bottom:14px}}@media (max-width: 768px){.login{flex-direction:column;gap:0rem}.logo-login{max-width:250px}}.app-layout{display:flex;height:100vh}nav{display:flex;flex-direction:column;width:20%;max-width:350px;background:linear-gradient(to bottom,#fff,#1a1a1a);box-shadow:0 4px 10px #0000004d}.nav-logo-link{cursor:pointer;background:none;border:none;margin:100px 0 100px 20px}.nav-logo-img{width:100%;max-width:250px}.nav-item{list-style:none;cursor:pointer;margin-bottom:20px;font-size:1.4vw;font-weight:700;display:flex;align-items:center}.nav-item:hover{opacity:.5}.nav-item-icon{margin-right:10px}.main-header{width:100%}.header-content-wrapper{display:flex;align-items:center;justify-content:space-between;background-color:#fefefe;height:3.7rem}.header-home-btn{background:none;border:none;cursor:pointer;font-size:1.5rem;display:flex;align-items:center;margin-left:50px}.header-home-btn:hover{opacity:.7}.header-mobile-home{display:none}.header-mobile-logo{width:7.5rem;margin-left:3rem}.menu-mobile{display:flex;align-items:center;margin-right:3rem;font-size:2rem;border:none;background-color:#fff;cursor:pointer}.dropdown-mobile{display:none}.user{display:flex;align-items:center;margin-right:3rem}.name{font-size:1.5rem;margin-right:20px}.button-user{border:none;border-radius:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;width:50px;height:50px;font-size:2.5rem}.button-user:hover{opacity:.5}.dropdown-menu{position:absolute;box-shadow:6px 6px 4px #1d1c1c;border-radius:8px;background:linear-gradient(to right,#fff,#b0b0b0);display:none;top:60px;right:50px}.dropdown-menu li{color:#000;display:flex;justify-content:end}.dropdown:focus-within .dropdown-menu{display:block}.menu{list-style:none;margin:20px;cursor:pointer;opacity:1;font-size:1.2rem}.menu:hover{opacity:.4}.content{background-color:#fefefe;border-radius:16px;margin:30px 20px 0;min-height:calc(100vh - 110px)}h1{margin-left:40px;padding-top:40px;font-size:2rem}.button-yes{background:linear-gradient(to right,#fff,#b0b0b0);margin:10px;border:none;border-radius:50px;justify-content:center;cursor:pointer;width:80px;font-size:1rem;transition:all .3s}.button-yes:hover{background:linear-gradient(to right,#fff,#797979)}.button-no{background:linear-gradient(to right,#fff,#b0b0b0);margin:10px;border:none;border-radius:50px;justify-content:center;cursor:pointer;width:80px;font-size:1rem;transition:all .3s}.button-no:hover{background:linear-gradient(to right,#fff,#797979)}@media (max-width: 768px){nav{display:none}.header-home-btn{display:none}.header-mobile-home{display:flex;cursor:pointer}.user{display:none}.dropdown-mobile{display:flex}.dropdown-mobile:focus-within .dropdown-menu{display:block}}.box-buttons{display:flex;flex-direction:column;gap:1.5rem;width:fit-content;margin-left:auto;margin-right:auto}.box-button-chamado{display:flex;justify-content:end}.button-criar-chamado{background:linear-gradient(to right,#fff,#b0b0b0);font-size:1.7rem;height:50px;width:260px;border-radius:8px;cursor:pointer;border:none;box-shadow:0 6px 12px #c5c5c5,-6px -6px 12px #fff;transition:all .3s}.button-criar-chamado:hover{background:linear-gradient(to right,#fff,#797979)}.chamados{display:flex;flex-wrap:wrap;justify-content:center;gap:5rem}.button-chamados{background:linear-gradient(to right,#fff,#b0b0b0);display:flex;align-items:center;font-size:1.7rem;height:80px;width:260px;border-radius:8px;cursor:pointer;border:none;box-shadow:6px 6px 12px #c5c5c5,-6px -6px 12px #fff;transition:all .3s}.button-chamados:hover{background:linear-gradient(to right,#fff,#797979)}.dashboard-charts{display:flex;justify-content:center;align-items:flex-start;gap:40px;max-width:1100px;width:100%;margin:15px auto 0}.chart-wrapper{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;color:#19135d;padding:20px;width:100%;max-width:350px;box-sizing:border-box}.chart-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-top:20px}.legend-item{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:500;color:#333}.legend-color{width:12px;height:12px;border-radius:50%}@media (max-width: 1300px){.dashboard-charts{display:none}}.user-config-data{display:flex;gap:6rem}.user-config{margin:20px 0 40px 40px;font-size:1.2rem}.user-data{border:solid 2px #c6c6c6;margin-bottom:25px;width:100%;max-width:300px;height:40px;display:flex;align-items:center}.box-button-back-home{display:flex;align-items:end}.button-back-home{cursor:pointer;background:linear-gradient(to right,#fff,#b0b0b0);box-shadow:6px 6px 12px #c5c5c5,-6px -6px 12px #fff;border:none;font-size:1.1rem;border-radius:8px;padding:10px;width:100px}.button-back-home:hover{background:linear-gradient(to right,#fff,#797979)}@media (max-width:768px){.user-config-data{gap:2rem}.button-back-home{display:none}}.create-ticket{padding-top:1px}.form-ticket{margin-left:40px;margin-bottom:5px;font-size:1.3rem}.asterisk{color:red}.input-create-ticket{margin-left:40px;border:solid 2px #c6c6c6;width:70%;max-width:760px}.textarea-create-ticket{margin-left:40px;border:2px solid #c6c6c6;width:70%;max-width:760px;height:120px;border-radius:8px;padding:10px;resize:none}.select-dropdown{margin-left:40px;border:2px solid #ccc;border-radius:8px;padding:10px;width:200px;cursor:pointer;font-size:1rem}.select-dropdown:focus{border-color:#000}.box-buttons-ticket{display:flex;justify-content:space-between;max-width:780px;margin-left:40px;margin-right:40px;margin-top:10px}.button-back-ticket{cursor:pointer;background:linear-gradient(to right,#fff,#b0b0b0);box-shadow:6px 6px 12px #c5c5c5,-6px -6px 12px #fff;border:none;font-size:1.1rem;border-radius:8px;padding:10px;width:150px}.button-back-ticket:hover{background:linear-gradient(to right,#fff,#797979)}.button-continuar-ticket{cursor:pointer;background:linear-gradient(to right,#fff,#b0b0b0);box-shadow:6px 6px 12px #c5c5c5,-6px -6px 12px #fff;border:none;font-size:1.1rem;border-radius:8px;padding:10px;width:150px}.button-continuar-ticket:hover{background:linear-gradient(to right,#fff,#797979)}.info-impact{margin-left:40px;font-size:1.1rem}.box-impact-buttons{margin-left:40px;display:flex;max-width:550px}.button-voltar-ticket{cursor:pointer;background:linear-gradient(to right,#fff,#b0b0b0);box-shadow:6px 6px 12px #c5c5c5,-6px -6px 12px #fff;border:none;font-size:1.1rem;border-radius:8px;padding:10px;width:120px}.button-voltar-ticket:hover{background:linear-gradient(to right,#fff,#797979)}.button-enviar-ticket{cursor:pointer;background:linear-gradient(to right,#fff,#b0b0b0);box-shadow:0 6px 12px #c5c5c5,-6px -6px 12px #fff;border:none;font-size:1.1rem;margin-left:auto;border-radius:8px;padding:10px;width:120px}.button-enviar-ticket:hover{background:linear-gradient(to right,#fff,#797979)}.success-ticket{display:flex;flex-direction:column;align-items:center}.success-title{font-size:2rem;margin-bottom:0}.success-img{padding:20px;width:150px}.success-details{margin-left:40px}.box-vizualizar-chamado{display:flex;justify-content:end;margin:10px 40px}.button-vizualizar-chamado{cursor:pointer;background:linear-gradient(to right,#fff,#b0b0b0);box-shadow:6px 6px 12px #c5c5c5,-6px -6px 12px #fff;border:none;font-size:1.1rem;border-radius:8px;padding:10px;width:200px}.button-vizualizar-chamado:hover{background:linear-gradient(to right,#fff,#797979)}.view-ticket-form{display:flex;gap:50px;padding:20px}.form-data{font-weight:700;border-radius:8px;margin-top:5px;width:100%;max-width:1200px;max-height:690px;border:solid 1px;background-color:#caf7bd}.form-title{margin-top:-25px;color:#03672d}.form-info-desktop,.form-info{margin-left:40px;margin-right:40px;color:#03672d;font-size:1.1rem}.form-info-data{color:#43ae70;overflow-wrap:break-word}.box-pagina-inicia{display:flex;align-items:end}.button-pagina-inicia{cursor:pointer;background:linear-gradient(to right,#fff,#b0b0b0);box-shadow:6px 6px 12px #c5c5c5,-6px -6px 12px #fff;border:none;font-size:1.1rem;border-radius:8px;padding:10px;height:50px;width:180px;margin-top:25px}.button-pagina-inicia:hover{background:linear-gradient(to right,#fff,#797979)}.scroll-ticket{max-height:calc(100vh - 150px);overflow-y:auto;padding-bottom:10px}@media (max-width: 768px){.view-ticket-form{display:block}.form-info-desktop{display:none}}.ticket{padding:15px}.scroll-list{max-height:calc(100vh - 200px);overflow-y:auto;padding-bottom:10px}.scroll-lists{max-height:calc(55vh - 100px);overflow-y:auto;padding-bottom:10px}.box-ticket{background-color:#ccc;cursor:pointer;border:solid .5px #ffffff;padding:15px}.info-ticket{display:grid;grid-template-columns:repeat(7,1fr);align-items:center}.info-ticket li{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:130px}.circle-green{width:20px;height:20px;background-color:#50eb89;border-radius:50%}.circle-orange{width:20px;height:20px;background-color:orange;border-radius:50%}.circle-yellow{width:20px;height:20px;background-color:#ff0;border-radius:50%}.circle-blue{width:20px;height:20px;background-color:#5789e0;border-radius:50%}.circle-red{width:20px;height:20px;background-color:#ec6258;border-radius:50%}.no-call{display:flex;justify-content:center}@media (max-width: 768px){.info-ticket{grid-template-columns:repeat(2,1fr)}.view-desktop{display:none}}.faq-section{max-width:800px;margin:40px auto;padding:0 20px;font-size:1.1rem}.faq-item{background-color:#f9f9f9;border-radius:8px;margin-bottom:16px;box-shadow:4px 4px 10px #0000001a;cursor:pointer;padding:20px;transition:background .3s ease}.faq-item:hover{background-color:#f1f1f1}.faq-question{display:flex;justify-content:space-between;align-items:center;font-weight:700}.howto-section{max-width:900px;margin:40px auto;padding:0 20px;font-size:1.1rem}.howto-block{background-color:#f9f9f9;border-radius:8px;margin-bottom:16px;box-shadow:4px 4px 10px #0000001a;padding:20px}.howto-block h2{margin-top:0}.howto-block ol,.howto-block ul{margin-left:20px}.box-button-back-howto{display:flex;justify-content:center;margin:40px 0}.button-back-howto{cursor:pointer;background:linear-gradient(to right,#fff,#b0b0b0);box-shadow:6px 6px 12px #c5c5c5,-6px -6px 12px #fff;border:none;font-size:1.1rem;border-radius:8px;padding:10px 20px;width:100px;transition:background .3s}.button-back-howto:hover{background:linear-gradient(to right,#fff,#797979)}.button-create-ticket{cursor:pointer;background:linear-gradient(to right,#fff,#b0b0b0);box-shadow:6px 6px 12px #c5c5c5,-6px -6px 12px #fff;border:none;font-size:1.1rem;border-radius:8px;padding:10px;width:180px;margin-left:40px}.button-create-ticket:hover{background:linear-gradient(to right,#fff,#797979)}.user-list,.user-form{margin-top:2rem;margin-left:40px;margin-right:40px}.user-table{width:100%;border-collapse:collapse}.user-table th,.user-table td{border:1px solid #ccc;padding:.5rem;text-align:left}.button-edit-ticket{cursor:pointer;background:linear-gradient(to right,#fff,#b0b0b0);box-shadow:6px 6px 12px #c5c5c5,-6px -6px 12px #fff;border:none;font-size:.9rem;border-radius:8px;padding:5px;width:50px}.button-edit-ticket:hover{background:linear-gradient(to right,#fff,#797979)}.form-create-user{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;max-width:900px;margin-top:1rem}.button-confirm-user{cursor:pointer;background:linear-gradient(to right,#fff,#b0b0b0);box-shadow:6px 6px 12px #c5c5c5,-6px -6px 12px #fff;border:none;font-size:1.1rem;border-radius:8px;padding:10px;width:180px}.button-confirm-user:hover{background:linear-gradient(to right,#fff,#797979)}.input-create-user{border:solid 2px #c6c6c6;border-radius:8px;width:70%;max-width:760px;padding:10px}.form-group{position:relative}label{color:#c6c6c6;padding:0 5px;position:absolute;transform:translateY(-50%);top:45%;left:1em;pointer-events:none;transition:.3s}textarea:focus~label,textarea:valid~label,select:focus~label,select:valid~label,input:focus~label,input:valid~label{top:0;color:#000;background-color:#fff;font-size:.7rem}.success{position:fixed;top:20px;left:50%;transform:translate(-50%);background:green;color:#fff;padding:12px 20px;border-radius:8px;font-weight:700;box-shadow:0 4px 6px #0003}.box-tec-button{display:flex;justify-content:space-between}.button-answer-ticket{background:linear-gradient(to right,#fff,#b0b0b0);font-size:1.6rem;height:50px;width:260px;border-radius:8px;cursor:pointer;border:none;box-shadow:0 6px 12px #c5c5c5,-6px -6px 12px #fff;transition:all .3s}.button-answer-ticket:hover{background:linear-gradient(to right,#fff,#797979)}@media (max-width: 768px){.box-tec-button{display:block}}.home-header{margin-left:40px;margin-bottom:30px}.home-welcome{font-size:2rem;margin:0}.home-role{font-size:1.2rem;color:#555;margin-top:8px}.admin-actions{display:flex;flex-direction:column;align-items:center;margin-bottom:60px}.admin-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:40px;margin-top:30px}.ticket-list,.usticketer-form{margin-top:2rem;margin-left:40px;margin-right:40px}.ticket-table{width:100%;border-collapse:collapse}.ticket-table th,.ticket-table td{border:1px solid #ccc;padding:.5rem;text-align:left}.button-reply-ticket{cursor:pointer;background:linear-gradient(to right,#fff,#b0b0b0);box-shadow:6px 6px 12px #c5c5c5,-6px -6px 12px #fff;border:none;font-size:.9rem;border-radius:8px;padding:5px;width:90px}.button-reply-ticket:hover{background:linear-gradient(to right,#fff,#797979)}.reply-info-ticket{background-color:#c3c3c3;margin-bottom:8px;border-radius:8px;padding:20px}.reply-ticket{margin-top:2rem;margin-left:40px;margin-right:40px}.input-reply-ticket{border:solid 2px #c6c6c6;border-radius:8px;width:100%;max-width:1000px;height:60px;margin-right:40px;padding:10px}.box-button-back-reply{display:flex;gap:150px;margin-right:40px}.button-confirm-reply{cursor:pointer;background:linear-gradient(to right,#fff,#b0b0b0);box-shadow:6px 6px 12px #c5c5c5,-6px -6px 12px #fff;border:none;font-size:1.1rem;border-radius:8px;margin-top:15px;padding:10px;width:180px}.button-confirm-reply:hover{background:linear-gradient(to right,#fff,#797979)}.button-back{cursor:pointer;background:linear-gradient(to right,#fff,#b0b0b0);box-shadow:6px 6px 12px #c5c5c5,-6px -6px 12px #fff;border:none;font-size:1.1rem;border-radius:8px;padding:10px 20px;width:140px;margin-top:20px;margin-left:40px;transition:background .3s}.button-back:hover{background:linear-gradient(to right,#fff,#797979)}@media (max-width: 768px){.box-button-back-reply{display:block;margin-left:40px}}.user-list{position:relative;padding-bottom:70px}.button-voltar-canto{position:absolute;bottom:10px;left:10px;cursor:pointer;background:linear-gradient(to right,#fff,#b0b0b0);box-shadow:6px 6px 12px #c5c5c5,-6px -6px 12px #fff;border:none;font-size:1.1rem;border-radius:8px;padding:10px 20px;width:140px;transition:background .3s}.button-voltar-canto:hover{background:linear-gradient(to right,#fff,#797979)}.report{margin-left:40px;margin-bottom:20px;display:flex;flex-wrap:wrap;gap:60px}.report-title{font-weight:700}.report-date{border:solid 2px #c6c6c6;border-radius:8px;width:70%;padding:10px 15px;cursor:pointer}.box-button-report{margin-top:30px}.button-report{margin-top:15px;cursor:pointer;background:linear-gradient(to right,#fff,#b0b0b0);box-shadow:6px 6px 12px #c5c5c5,-6px -6px 12px #fff;border:none;font-size:1.1rem;border-radius:8px;padding:10px;transition:background .3s}.button-report:hover{background:linear-gradient(to right,#fff,#797979)}.report-chart{display:flex;justify-content:center;gap:40px}.report-box-chart{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;color:#19135d;padding:20px;width:100%;height:300px;max-width:390px;box-sizing:border-box}.report-title-chart{margin-left:40px;font-weight:700}.report-date-group{position:relative;display:flex;gap:10px}.report-list{margin-left:40px;margin-right:40px}.report-ticket{display:flex;gap:40px;margin-bottom:-25px}.box-button-back-report{display:flex;justify-content:end}.button-back-report{cursor:pointer;background:linear-gradient(to right,#fff,#b0b0b0);border:none;font-size:1.1rem;border-radius:8px;padding:10px 20px;width:140px;margin-left:40px;transition:background .3s}.button-back-report:hover{background:linear-gradient(to right,#fff,#797979)}@media (max-width: 768px){.box-button-report{margin-top:-40px}.report-box-chart1{margin-left:40px;margin-right:40px}.report-box-chart,.report-ticket{display:none}}