.login-page{display:flex;min-height:100vh;font-family:Arial,sans-serif}.login-left{width:80%;background-color:#f0f0f0;display:flex;justify-content:center;align-items:center}.login-logo{max-width:80%;height:auto}.login-right{width:20%;display:flex;justify-content:center;align-items:center;background-color:#fff;padding:40px 20px}.login-form{display:flex;flex-direction:column;gap:15px;width:100%}.login-title{text-align:center;margin-bottom:20px}.login-input{padding:12px 14px;border:1px solid #ccc;border-radius:8px;text-transform:uppercase;transition:border-color .3s}.login-input:focus{border-color:#007bff;outline:none}.input-erro{border:2px solid red;animation:piscar-borda .5s ease-in-out 2}@keyframes piscar-borda{0%,to{border-color:red}50%{border-color:#ff8080}}.login-btn{padding:12px;background-color:#007bff;color:#fff;font-weight:700;border:none;border-radius:8px;cursor:pointer}.login-btn:hover{background-color:#0056b3}.login-erro{color:red;font-weight:700;text-align:center}.recuperar-senha{color:#007bff;text-decoration:underline;cursor:pointer;text-align:center}@media (max-width: 800px){.login-page{flex-direction:column}.login-left,.login-right{width:100%;padding:20px}.login-logo{max-width:60%;margin:0 auto}}.home-container{font-family:Arial,sans-serif;background:#f9fafb;color:#111827;padding:0;margin:0}.banner{text-align:center;padding:64px 16px;background:#eff6ff;border-bottom:1px solid #e5e7eb}.banner .logo-home{height:80px;margin-bottom:16px}.banner h1{font-size:2.5rem;margin-bottom:16px}.banner p{font-size:1.2rem;max-width:600px;margin:0 auto}.resumo-sistema{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;padding:32px}.card-resumo{background:#fff;border-radius:8px;padding:24px;text-align:center;box-shadow:0 2px 6px #0000001a;transition:transform .2s}.card-resumo:hover{transform:translateY(-4px)}.card-resumo h3{margin-bottom:8px;font-size:1rem}.card-resumo p{font-size:1.5rem;font-weight:700;color:#3b82f6}.novidades{padding:32px}.novidades h2{margin-bottom:16px;color:#111827}.novidades-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.card-novidade{background:#fff;padding:16px;border-radius:8px;box-shadow:0 2px 6px #0000001a;transition:transform .2s}.card-novidade:hover{transform:translateY(-3px)}.card-novidade h4{margin-bottom:8px;font-size:1rem}.card-novidade p{font-size:.9rem;color:#374151}.acesso-rapido{text-align:center;padding:32px;background:#f3f4f6;border-top:1px solid #e5e7eb}.acesso-rapido h2{margin-bottom:16px}.btn-login{background:#3b82f6;color:#fff;border:none;padding:12px 32px;border-radius:6px;font-size:1rem;cursor:pointer;transition:background .2s,transform .2s}.btn-login:hover{background:#2563eb;transform:translateY(-2px)}@media (max-width: 1024px){.resumo-sistema{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:24px}.novidades-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width: 768px){.banner{padding:48px 16px}.banner h1{font-size:2rem}.resumo-sistema{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.resumo-sistema{grid-template-columns:1fr}.banner h1{font-size:1.5rem}.banner p{font-size:1rem}.btn-login{width:100%;padding:12px 0}}@media screen and (max-width: 768px){.home-container{flex-direction:column}.sidebar{width:100%;flex-direction:row;overflow-x:auto;padding:10px}.sidebar nav ul{display:flex;flex-direction:row}.sidebar nav ul li{margin:0 15px}.resumo-sistema,.novidades-list{justify-content:center}.card-resumo,.card-novidade{max-width:90%}}#medicos-container{max-width:900px;margin:30px auto;padding:25px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;font-family:Arial,sans-serif}#medicos-container h2{text-align:center;margin-bottom:20px;color:#333}#medicos-form{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}#medicos-form input{padding:10px;border:1px solid #ccc;border-radius:8px;font-size:14px;outline:none;transition:border .3s}#medicos-form input:focus{border:1px solid #3b82f6}#medicos-form .btn{padding:10px 15px;border:none;border-radius:8px;background:#3b82f6;color:#fff;font-weight:700;cursor:pointer;transition:background .3s}#medicos-form .btn:hover{background:#2563eb}.mensagem-sucesso{text-align:center;color:#059669;font-weight:700;margin-bottom:15px}#buscar-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}#buscar-container input{padding:8px;width:200px;border-radius:4px;border:1px solid #ccc;font-size:14px}#buscar-container .btn-pesquisar,#buscar-container .btn-limpar{padding:8px 15px;border-radius:4px;border:none;font-weight:700;cursor:pointer}#buscar-container .btn-pesquisar{background-color:#2196f3;color:#fff}#buscar-container .btn-pesquisar:hover{background-color:#1976d2}#buscar-container .btn-limpar{background-color:#f87171;color:#fff}#buscar-container .btn-limpar:hover{background-color:#dc2626}#tabela-container{overflow-x:auto}#tabela-medicos{width:100%;border-collapse:collapse}#tabela-medicos th,#tabela-medicos td{padding:12px 10px;text-align:left;border-bottom:1px solid #e5e7eb}#tabela-medicos th{background:#3b82f6;color:#fff;border-radius:8px 8px 0 0}#tabela-medicos tr:nth-child(2n){background:#f9fafb}#tabela-medicos tr:hover{background:#e0f2fe;transition:background .3s}.btn-editar{display:flex;padding:5px 13px;border-radius:6px;background:#f59e0b;color:#fff;border:none;cursor:pointer;margin:10px}.btn-editar:hover{background:#d97706}.btn-excluir{display:flex;padding:5px 10px;border-radius:6px;background:#ef4444;color:#fff;border:none;cursor:pointer;margin:10px}.btn-excluir:hover{background:#dc2626}#paginacao-container{display:flex;justify-content:center;gap:10px;margin-top:15px}#paginacao-container .btn{padding:8px 15px;border-radius:6px;background:#3b82f6;color:#fff;border:none;font-weight:700;cursor:pointer}#paginacao-container .btn:hover{background:#2563eb}.campo-erro{border:2px solid red!important;background-color:#ffe5e5;animation:piscar .6s ease-in-out 0s 3}@keyframes piscar{0%,to{border-color:red;background-color:#ffe5e5}50%{border-color:transparent;background-color:#fff}}.linha-especialidade-crm{display:flex;gap:10px;align-items:center}.linha-especialidade-crm input[name=crm]{flex:.3}.input-com-lupa{position:relative;flex:1}.input-com-lupa input{width:100%;padding-right:35px}.btn-lupa{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#333;font-size:16px}.btn-lupa:hover{color:#3b82f6}.lista-suspensa{position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;background:#f5f5f5;border:1px solid #ccc;border-radius:6px;z-index:10;margin-top:2px}.lista-suspensa li{padding:8px 10px;cursor:pointer;background:#f5f5f5}.lista-suspensa li:hover{background-color:#7ab0d4}.lista-vazia{padding:8px 10px;color:#999;font-style:italic}.plantao-container{max-width:950px;margin:40px auto;padding:35px;background-color:#fefefe;border-radius:18px;box-shadow:0 8px 25px #00000014;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.plantao-container h2{text-align:center;color:#333;margin-bottom:30px;font-size:28px}.form-plantao{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;margin-bottom:35px}.form-plantao label{display:flex;flex-direction:column;font-weight:500;color:#555}.form-plantao input,.form-plantao select{padding:12px 15px;border:1px solid #ccc;border-radius:12px;font-size:14px;transition:all .3s ease}.form-plantao input:focus,.form-plantao select:focus{border-color:#6c63ff;box-shadow:0 0 8px #6c63ff40;outline:none}.btn-salvar-plantao{grid-column:1 / -1;padding:14px 0;background:linear-gradient(90deg,#6c63ff,#5848c2);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn-salvar-plantao:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6c63ff4d}.data-hora-container{display:flex;flex-direction:column;gap:8px;grid-column:1/ -1}.data-hora-container label{flex:1}.aviso-conflito{align-self:flex-start;background-color:#fdd;border:1px solid #ff5c5c;color:#a70000;padding:8px 12px;border-radius:5px;font-weight:700;animation:piscar 1s infinite;font-size:14px}@keyframes piscar{0%,to{opacity:1}50%{opacity:.5}}.aviso-conflito.sucesso{background-color:#dfd;color:#27ae60;border:1px solid #27ae60;animation:none}.plantao-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.plantao-card{background-color:#fff;padding:22px 20px;border-radius:18px;box-shadow:0 8px 22px #00000014;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s ease,box-shadow .3s ease}.acoes-plantao{display:flex;justify-content:space-between;margin-top:12px}.btn-editar-plantao{background-color:#4caf50;color:#fff;border:none;border-radius:12px;padding:8px 16px;font-size:14px;cursor:pointer;transition:.2s ease}.btn-editar-plantao:hover{background-color:#3d8b40;transform:translateY(-2px)}.btn-excluir-plantao{background-color:#ff5c5c;color:#fff;border:none;border-radius:12px;padding:8px 16px;font-size:14px;cursor:pointer;transition:.2s ease}.btn-excluir-plantao:hover{background-color:#e04343;transform:translateY(-2px)}.btn-cadastrar-medico{padding:14px 0;width:100%;background:linear-gradient(90deg,#4caf50,#3a9440);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer;margin-top:25px}.btn-cadastrar-medico:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3a94404d}.plantao-container p{text-align:center;color:#777;font-style:italic;font-size:16px}.info-plantao p i{margin-right:6px;color:#6c63ff}@media (max-width: 500px){.plantao-card{padding:18px 16px}.info-plantao p{font-size:14px}.btn-excluir-plantao,.btn-editar-plantao,.btn-salvar-plantao,.btn-cadastrar-medico{font-size:14px;padding:12px 0}.data-hora-container{flex-direction:column}.aviso-conflito{align-self:flex-start}}.data-hora-wrapper{display:flex;gap:10px;align-items:flex-start;grid-column:3/ -1;flex-wrap:wrap;margin-top:-20px}.data-hora-wrapper label{width:auto;flex:1;min-width:90px}.aviso-conflito{margin-top:6px;background-color:#fdd;border:1px solid #ff5c5c;color:#a70000;padding:8px 12px;border-radius:5px;font-weight:700;font-size:13px;animation:piscar 1s infinite}@media (max-width: 500px){.data-hora-wrapper{flex-direction:column}}.mensagem-plantao{text-align:center;font-size:16px;font-weight:500;padding:12px;border-radius:8px;margin:15px auto;max-width:400px;transition:opacity .3s ease}.mensagem-plantao.sucesso{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.mensagem-plantao.erro{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.mensagem-plantao.alerta{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba}.mensagem-global{text-align:center;margin:15px 0;padding:10px;border-radius:8px;font-weight:700;font-size:16px}.confirmacao-botoes{margin-top:10px;display:flex;justify-content:center;gap:15px}.btn-confirmar{background-color:#d9534f;color:#fff;border:none;padding:8px 18px;border-radius:6px;cursor:pointer;font-weight:700;transition:background .3s}.btn-confirmar:hover{background-color:#c9302c}.btn-cancelar{background-color:#6c757d;color:#fff;border:none;padding:8px 18px;border-radius:6px;cursor:pointer;font-weight:700;transition:background .3s}.btn-cancelar:hover{background-color:#5a6268}.mensagem-global{text-align:center;margin:15px 0;padding:12px;border-radius:8px;font-weight:700;font-size:16px}.mensagem-global.sucesso{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.mensagem-global.erro{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.mensagem-global.alerta{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba}.botoes-confirmacao{display:flex;justify-content:center;gap:15px;margin-top:10px}.btn-confirmar{background-color:#4caf50;color:#fff;border:none;padding:8px 20px;border-radius:8px;cursor:pointer;font-size:14px;transition:.3s}.btn-confirmar:hover{background-color:#3d8b40}.btn-cancelar{background-color:#ff5c5c;color:#fff;border:none;padding:8px 20px;border-radius:8px;cursor:pointer;font-size:14px;transition:.3s}.btn-cancelar:hover{background-color:#e04343}.data-hora-wrapper label{flex:1;display:block}.data-hora-wrapper input{width:100%;min-width:120px;padding:10px 12px;font-size:14px;border-radius:10px;box-sizing:border-box;cursor:pointer}.medico-wrapper{position:relative;display:flex;align-items:center;gap:8px}.medico-wrapper input{flex:1;min-width:150px;padding:10px 12px;border-radius:12px;border:1px solid #ccc;font-size:14px;box-sizing:border-box}.medico-lupa-btn{padding:10px 14px;background-color:#6c63ff;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;transition:background .2s}.medico-lupa-btn:hover{background-color:#5848c2}.lista-medicos{position:absolute;top:48px;left:0;right:0;max-height:200px;overflow-y:auto;background-color:#fff;border:1px solid #ccc;border-radius:12px;box-shadow:0 4px 12px #0000001a;z-index:20;font-size:14px}@media (max-width: 500px){.medico-wrapper{flex-direction:column;gap:6px}.lista-medicos{top:60px;max-height:150px}}.lupa-wrapper{position:relative;display:flex;align-items:center}.lupa-wrapper input{padding:8px 35px 8px 10px;border:1px solid #ccc;border-radius:13px;width:100%;height:43px;transition:border-color .3s,box-shadow .3s}.lupa-wrapper input:focus{border-color:#6c63ff;box-shadow:0 0 5px #6c63ff80;outline:none}.lupa-wrapper i.fas.fa-search{position:absolute;right:10px;cursor:pointer;color:#888;transition:color .3s,transform .2s}.lupa-wrapper i.fas.fa-search:hover{color:#6c63ff;transform:scale(1.2)}.lista-medicos{position:absolute;top:100%;left:0;right:0;max-height:150px;overflow-y:auto;background:#fff;border:1px solid #ccc;border-radius:6px;z-index:10;margin-top:4px;box-shadow:0 4px 8px #0000001a}.lista-medicos div{padding:6px 10px;cursor:pointer;transition:background .2s}.lista-medicos div:hover{background:#f0f0ff}.medico-wrapper{display:flex;align-items:center;gap:8px;position:relative;width:100%}.medico-wrapper input{width:100%;min-width:150px;padding:10px 40px 10px 12px;border:1px solid #ccc;border-radius:12px;font-size:14px;transition:all .3s ease}.medico-wrapper input:focus{border-color:#6c63ff;box-shadow:0 0 8px #6c63ff40;outline:none}.medico-wrapper i.fas.fa-chevron-down{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;color:#6c63ff;font-size:16px;transition:transform .2s ease}.medico-wrapper i.fas.fa-chevron-down:hover{transform:translateY(-50%) rotate(180deg)}.lista-medicos{position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;background-color:#fff;border:1px solid #ccc;border-radius:12px;box-shadow:0 4px 12px #0000001a;z-index:20;font-size:14px}.lista-medicos div{padding:10px 12px;cursor:pointer;transition:background .2s}.lista-medicos div:hover{background-color:#f0f0ff}@media (max-width: 500px){.medico-wrapper input{padding:10px 35px 10px 12px}}#tabela-container{display:block!important;overflow:visible!important}#tabela-medicos{display:table!important;width:100%}.plantao-card{background-color:#fff;padding:22px 20px;border-radius:18px;border-top:4px solid #6c63ff;border-right:4px solid #4caf50;border-bottom:4px solid #ff5c5c;border-left:4px solid #f5a623;box-shadow:0 8px 22px #00000014;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s ease,box-shadow .3s ease}.plantao-card:hover{transform:translateY(-4px);box-shadow:0 14px 35px #0000001f}.info-plantao{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.info-plantao p{margin:0;font-size:15px;color:#444;line-height:1.4}.info-plantao p span{font-weight:600;color:#6c63ff}.relatorios-wrap{padding:2px;font-family:Arial,sans-serif}.relatorios-header h1{text-align:center;color:#ebe5e5;margin-bottom:20px;height:50px;background-color:#000}.card{background:#fff;border-radius:8px;padding:16px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a}.relatorios-controles .grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:12px}.field label{display:block;font-weight:700;margin-bottom:4px}.field input,.field select{width:100%;padding:6px;border-radius:4px;border:1px solid #ccc;box-sizing:border-box;margin-bottom:4px}.input-lupa{position:relative}.input-lupa input{padding-right:30px}.input-lupa .lupa{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:16px;pointer-events:none;color:#888}.relatorios-controles button{padding:8px 12px;border:none;border-radius:4px;background:#4caf50;color:#fff;cursor:pointer;font-weight:700;transition:background .3s}.relatorios-controles button:hover{background:#45a049}.relatorios-tabela table{width:100%;border-collapse:collapse}.relatorios-tabela th,.relatorios-tabela td{border:1px solid #ddd;padding:8px;text-align:center}.relatorios-tabela th{background-color:#f2f2f2;font-weight:700}.relatorios-grafico{width:100%;max-width:100%;min-height:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px 0}.relatorios-grafico canvas{width:100%!important;height:auto!important;max-height:600px}@media screen and (max-width: 768px){.relatorios-controles .grid-3{grid-template-columns:1fr}.field{min-width:100%}.relatorios-grafico{max-width:100%}}input[list=medicos]{width:100%}datalist option{font-size:14px;padding:4px 8px}.botoes-relatorio{display:flex;gap:10px;flex-wrap:wrap}.botoes-relatorio button{flex:1 2 160px;min-width:100px}.cadastro-lote-container{max-width:800px;margin:30px auto;padding:25px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;font-family:Arial,sans-serif}.cadastro-lote-container h2{text-align:center;margin-bottom:20px;color:#333}.cadastro-lote-textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:8px;font-size:14px;margin-bottom:15px;outline:none;transition:border .3s}.cadastro-lote-textarea:focus{border:1px solid #3b82f6}.cadastro-lote-botoes-container{display:flex;justify-content:center;gap:10px;margin-top:15px}.cadastro-lote-btn,.cadastro-lote-btn-limpar{padding:10px 20px;border:none;border-radius:8px;background:#3b82f6;color:#fff;font-weight:700;cursor:pointer;transition:background .3s}.cadastro-lote-btn-limpar{background:#f59e0b}.cadastro-lote-btn:hover{background:#2563eb}.cadastro-lote-btn-limpar:hover{background:#b45309}.cadastro-lote-mensagem-sucesso{text-align:center;color:#059669;font-weight:700;margin-bottom:15px}.cadastro-usuarios-container{max-width:700px;margin:40px auto;padding:25px;background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000001a;font-family:Arial,sans-serif}.cadastro-usuarios-container h2{text-align:center;color:#2980b9;margin-bottom:20px}.form-usuario{display:flex;flex-direction:column;gap:10px;margin-bottom:30px}.form-usuario input,.form-usuario select{padding:8px 10px;border:1px solid #ccc;border-radius:6px;font-size:14px}.form-usuario button{padding:10px;border:none;border-radius:6px;font-size:14px;cursor:pointer;background-color:#2980b9;color:#fff;transition:.3s}.form-usuario button:hover{background-color:#1f6391}.busca-usuario{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.busca-usuario input,.busca-usuario select{padding:8px 10px;border:1px solid #ccc;border-radius:6px;font-size:14px}.busca-usuario button{width:120px;padding:8px;border:none;border-radius:6px;background-color:#27ae60;color:#fff;font-weight:700;cursor:pointer;transition:.3s}.busca-usuario button:hover{background-color:#1e8449}table{width:100%;border-collapse:collapse;margin-top:10px}table th,table td{border:1px solid #ddd;padding:10px;text-align:left;font-size:14px}table th{background-color:#f4f4f4;color:#333}table td button{padding:5px 8px;font-size:12px;border-radius:5px;border:none;cursor:pointer;margin-right:5px;transition:.2s}table td button:hover{opacity:.8}table td button:nth-child(1){background-color:#2980b9;color:#fff}table td button:nth-child(2){background-color:#e74c3c;color:#fff}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:Arial,Helvetica,sans-serif}.app{display:flex;flex-direction:column;min-height:100vh}header,footer{background:#0f172a;color:#fff;padding:12px 20px}header h1{margin:0;font-size:18px}.main-layout{display:flex;flex:1;min-height:0}aside{display:flex;flex-direction:column}main{flex:1;padding:20px;overflow:auto}.sidebar{width:220px;min-height:100vh;background-color:#ecedee;display:flex;flex-direction:column;justify-content:space-between;padding:15px 0;position:relative;transition:width .3s ease,background .3s ease}.sidebar.collapsed{width:60px;background-color:#0f172a}.sidebar-title{text-align:center;font-size:18px;font-weight:700;margin-bottom:20px;cursor:pointer;color:#111}.sidebar.collapsed .sidebar-title{color:#fff;font-size:14px}.menu-nav ul{list-style:none;padding:0;margin:0;flex:1}.menu-nav li{margin-bottom:8px}.menu-nav a{display:flex;align-items:center;gap:10px;color:#1f2937;text-decoration:none;padding:10px 20px;border-radius:6px;transition:background .2s,color .2s}.menu-nav a:hover{background-color:#d0d7de}.menu-nav a.active{background-color:#2563eb;color:#fff}.menu-icon{font-size:18px;transition:color .3s}.menu-text{display:inline}.sidebar.collapsed .menu-text{display:none}.sidebar.collapsed .menu-nav a{justify-content:center;padding:10px 0}.sidebar.collapsed .menu-nav a .menu-icon{color:#fff}.user-profile{display:flex;align-items:center;padding:15px 20px;border-top:1px solid #374151;gap:12px;margin-top:auto}.user-photo{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid #374151}.user-info{display:flex;flex-direction:column}.user-name{font-size:14px;font-weight:700;color:#111}.user-role{font-size:12px;color:#9ca3af}.sidebar.collapsed .user-info{display:none}.toggle-btn{position:absolute;bottom:100px;right:-10px;width:30px;height:30px;border-radius:50%;border:1px solid #1a1b1b;background:#ededee;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s,color .3s}.sidebar.collapsed .toggle-btn{background:#f1f1f3;color:#141414}@media screen and (max-width: 768px){.sidebar{width:100%;flex-direction:row;padding:10px;min-height:auto}.sidebar nav ul{flex-direction:row;display:flex}.sidebar nav li{margin:0 15px}.user-profile{flex-direction:row;margin-top:0;padding-top:0;border-top:none}.toggle-btn{bottom:10px;right:10px}}