*{margin:0;padding:0;box-sizing:border-box;font-family:Helvetica,Arial,sans-serif}.App{min-height:100vh;position:relative;transition:background .5s ease}.App.light{background:url(/assets/backgroundLight-BrM3-7Pm.png) no-repeat center center fixed;background-size:cover}.App.dark{background:url(/assets/backgroundDark-i_0zQkcY.png) no-repeat center center fixed;background-size:cover}.page-transition-enter{opacity:0;transform:translate(100px)}.page-transition-enter-active{opacity:1;transform:translate(0);transition:opacity .4s,transform .4s cubic-bezier(.25,.46,.45,.94)}.page-transition-exit{opacity:1;transform:translate(0)}.page-transition-exit-active{opacity:0;transform:translate(-100px);transition:opacity .4s,transform .4s cubic-bezier(.25,.46,.45,.94)}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s ease-in}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s ease-out}.slide-in-right-enter{opacity:0;transform:translate(30px)}.slide-in-right-enter-active{opacity:1;transform:translate(0);transition:opacity .4s,transform .4s cubic-bezier(.34,1.56,.64,1)}.slide-in-right-exit{opacity:1;transform:translate(0)}.slide-in-right-exit-active{opacity:0;transform:translate(-30px);transition:opacity .4s,transform .4s cubic-bezier(.34,1.56,.64,1)}@keyframes pulse{0%{box-shadow:0 0 #2196f3b3}70%{box-shadow:0 0 0 10px #2196f300}to{box-shadow:0 0 #2196f300}}@keyframes scaleUp{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-pulse-once{animation:pulse 1.5s ease-in-out}.animate-shake{animation:shake .5s ease-in-out}button,a,input,select{transition:all .3s cubic-bezier(.25,.46,.45,.94)}.loading-spinner{animation:spin 1s linear infinite}.signature{position:fixed;bottom:20px;right:20px;color:#ffffffb3;font-size:14px;text-shadow:0 1px 3px rgba(0,0,0,.5);z-index:1000;transition:all .3s ease}.signature a{color:inherit;text-decoration:none;position:relative;display:inline-block;transition:all .3s ease}.signature a:hover{color:#fff;transform:translateY(-2px)}.signature a:after{content:"";position:absolute;width:100%;height:2px;bottom:-3px;left:0;background-color:#fff;transform:scaleX(0);transition:transform .3s ease;transform-origin:bottom right}.signature a:hover:after{transform:scaleX(1);transform-origin:bottom left}body{transition:background-color .5s ease}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;position:relative}.login-page.light{background:url(../assets/backgroundLight.png) no-repeat center center fixed;background-size:cover}.login-page.dark{background:url(../assets/backgroundDark.png) no-repeat center center fixed;background-size:cover}.container{width:450px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;padding:40px;transition:all .8s ease;position:relative}.container.light{background:#5555;border:2px solid rgba(255,255,255,.2)}.container.dark{background:#0000004d;border:2px solid rgba(0,0,0,.4)}.container h1{text-align:center;font-size:30px;color:#fff;margin-top:10px;text-shadow:0 1px 3px rgba(0,0,0,.3)}.container .input-field{position:relative;width:100%;height:50px;margin:30px auto}.input-field input{width:100%;height:100%;background:transparent;outline:none;border:2px solid rgba(255,255,255,.2);border-radius:40px;font-size:16px;color:#fff;padding:20px 45px 20px 25px}.password-toggle-icon{position:absolute;right:55px;top:50%;transform:translateY(-50%);font-size:16px;color:#fff;cursor:pointer;z-index:2}.container .recall-forget{display:flex;justify-content:space-between;font-size:14.5px;margin:-15px 0 15px;color:#fffc}.recall-forget label{display:flex;align-items:center;gap:5px;cursor:pointer}.recall-forget label input{accent-color:#fff}.recall-forget a{color:#fff;text-decoration:none}.recall-forget a:hover{text-decoration:underline}.container button{width:100%;height:45px;background:#fff;border:none;outline:none;border-radius:40px;box-shadow:0 0 10px #0000001a;cursor:pointer;font-size:16px;color:#333;font-weight:700;transition:all .3s}.container button:hover{background:#f5f5f5;transform:translateY(-2px)}.error-message{background-color:#ff00001a;border-left:3px solid #ff4d4f;padding:12px;margin-bottom:20px;border-radius:4px;color:#ff4d4f;font-size:14px;text-align:center;animation:fadeIn .5s ease-in-out}.recovery-form{width:100%}.recovery-header{display:flex;align-items:center;margin-bottom:20px;position:relative;padding-left:10px}.recovery-header h1{font-size:30px;color:#fff;margin:0 auto;width:calc(100% - 20px)}.recovery-form p{text-align:center;color:#fffc;margin-bottom:25px;font-size:14px}.recovery-message{padding:12px;margin:15px 0;border-radius:5px;text-align:center;font-size:14px;animation:fadeIn .5s ease-in-out}.recovery-message.success{background-color:#4caf5033;border-left:3px solid #4caf50;color:#4caf50}.recovery-message.processing{background-color:#ffa50033;border-left:3px solid #ff9800;color:#ff9800}.recovery-message.error{background-color:#f4433633;border-left:3px solid #f44336;color:#f44336}.fade-out{opacity:0;transform:translateY(-10px);transition:all .3s ease}.fade-in{opacity:1;transform:translateY(0);transition:all .3s ease}.hidden{display:none}@media (max-width: 768px){.container{width:90%;padding:30px}.container h1{font-size:26px}.input-field{margin:20px auto}.recall-forget{flex-direction:column;gap:10px;align-items:flex-start}.theme-toggle{top:15px;right:15px;width:35px;height:35px}}@media (max-width: 480px){.container{padding:20px}.container h1{font-size:24px}.input-field input{font-size:14px;padding:15px 40px 15px 20px}.input-field .icon{right:20px;font-size:14px}.password-toggle-icon{right:45px;font-size:14px}.recall-forget{font-size:13px}.theme-toggle{top:10px;right:10px;width:30px;height:30px}.signature{bottom:15px;right:15px;font-size:12px}}.header{position:fixed;top:20px;right:20px;left:20px;display:flex;justify-content:space-between;align-items:center;z-index:1000;pointer-events:none}.logo{height:80px;cursor:pointer;transition:all .3s;pointer-events:auto}.logo:hover{transform:scale(1.05)}@media (max-width: 768px){.header{top:10px;right:10px;left:10px}.logo{height:60px}}@media (max-width: 480px){.logo{height:50px}}.home-container{display:flex;min-height:100vh;transition:all .3s ease;position:relative}.home-container.light{background:linear-gradient(135deg,#ffffffe6,#f5f5f5e6);color:#333}.home-container.dark{background:linear-gradient(135deg,#000c,#1e1e1ecc);color:#fff}.home-container{animation:fadeIn .5s ease-out}.main-content{flex:1;padding:30px;margin-left:280px;transition:all .4s cubic-bezier(.25,.46,.45,.94);animation:slideInRight .5s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.main-content:not(.open){margin-left:80px}.estoque-container{padding:20px;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.estoque-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px;animation:fadeInDown .5s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.estoque-actions{display:flex;gap:15px;align-items:center;animation:fadeInUp .6s ease-out .2s both}.estoque-table-container{overflow-x:auto;border-radius:12px;box-shadow:0 8px 24px #0000001a;background:#fff;margin-top:20px;animation:fadeInUp .6s ease-out .5s both}.dark .estoque-table-container{background:#2d3748;box-shadow:0 8px 24px #0000004d}.estoque-table{width:100%;border-collapse:separate;border-spacing:0;animation:fadeIn .6s ease-out}.estoque-table th,.estoque-table td{padding:15px 20px;border-bottom:1px solid #eee;vertical-align:middle;transition:all .3s ease}.dark .estoque-table th{background:linear-gradient(135deg,#1a202c,#2d3748)}.estoque-table th:nth-child(1){width:50%}.estoque-table th:nth-child(2){width:20%}.estoque-table th:nth-child(3){width:30%}.dark .estoque-table td{border-bottom:1px solid #4a5568;color:#e2e8f0}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .3s ease}.sortable-header:hover{background:linear-gradient(135deg,#0d47a1,#1565c0);transform:translateY(-2px)}.header-content{display:flex;align-items:center;justify-content:space-between}.sort-icon{margin-left:8px;font-size:.8rem;opacity:.7;transition:transform .3s ease}.sortable-header:hover .sort-icon{opacity:1;transform:scale(1.2)}.item-nome{font-weight:500;transition:color .3s ease}.item-row:hover .item-nome{color:#1565c0}.dark .item-row:hover .item-nome{color:#64b5f6}.item-quantidade{text-align:center;font-weight:600;transition:all .3s ease}.alerta-estoque{color:#e74c3c!important;animation:pulseAlert 2s infinite}@keyframes pulseAlert{0%,to{opacity:1}50%{opacity:.7}}.icone-alerta{margin-left:5px;animation:shakeAlert .5s infinite}@keyframes shakeAlert{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.actions-cell{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.entrada-btn,.retirada-btn,.delete-btn{padding:8px 12px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.25,.46,.45,.94);min-width:40px}.entrada-btn{background:#4caf50;color:#fff}.entrada-btn:hover{background:#388e3c;transform:scale(1.1) rotate(5deg);box-shadow:0 4px 12px #4caf504d}.retirada-btn{background:orange;color:#fff}.retirada-btn:hover{background:orange;transform:scale(1.1) rotate(-5deg);box-shadow:0 4px 12px #ffa5004d}.delete-btn{background:#9e9e9e;color:#fff}.delete-btn:hover{background:#616161;transform:scale(1.1);box-shadow:0 4px 12px #9e9e9e4d}.pagination-controls{display:flex;justify-content:center;align-items:center;margin-top:20px;gap:1rem;animation:fadeInUp .6s ease-out .6s both}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.no-items{text-align:center;padding:2rem;color:#666;font-style:italic;animation:fadeIn .5s ease-out}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;display:flex;justify-content:center;align-items:center;animation:overlayFadeIn .3s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:1.5rem;border-radius:12px;max-width:90%;width:500px;max-height:90vh;overflow-y:auto;outline:none;box-shadow:0 5px 20px #00000040;z-index:1000;animation:modalFadeIn .4s cubic-bezier(.25,.46,.45,.94)}@keyframes modalFadeIn{0%{opacity:0;transform:translate(-50%,-30px) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.modal.dark{background:#1a202c;color:#f7fafc}.modal-content{display:flex;flex-direction:column;max-height:100%}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:10px;border-bottom:2px solid #3182ce;position:relative;background:inherit;z-index:10}.modal.dark .modal-header{border-bottom-color:#63b3ed}.modal-header h2{margin:0;color:#3182ce;font-size:1.5rem;font-weight:600}.modal.dark .modal-header h2{color:63b3ed}.close-btn{position:absolute;top:15px;right:15px;background:none;border:none;color:#666;font-size:1.5rem;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s cubic-bezier(.25,.46,.45,.94);z-index:20}.close-btn:hover{background-color:#0000001a;color:#333;transform:rotate(90deg) scale(1.1)}.dark .close-btn{color:#a0aec0}.dark .close-btn:hover{background-color:#ffffff1a;color:#fff}.item-modal .close-btn,.operacao-modal .close-btn{top:15px;right:15px}.modal:not(.item-modal):not(.operacao-modal) .close-btn{top:15px;right:15px}.form-group{margin-bottom:0}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#555}.modal.dark .form-group label{color:#e2e8f0}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.7rem;border:1px solid #cbd5e0;border-radius:6px;font-size:1rem;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce33;transform:translateY(-2px)}.modal.dark .form-group input,.modal.dark .form-group select,.modal.dark .form-group textarea{background:#2d3748;color:#f7fafc;border-color:#4a5568}.modal.dark .form-group input:focus,.modal.dark .form-group select:focus,.modal.dark .form-group textarea:focus{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed33}.required{color:#e74c3c;font-weight:700}.error-text{color:#e74c3c;font-size:12px;margin-top:5px;display:block;animation:shake .5s ease-in-out}.outro-input{margin-top:.5rem;animation:fadeInUp .3s ease-out}.outro-input input{width:100%}.modal-buttons{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0;position:sticky;bottom:0;background:inherit;z-index:10}.modal.dark .modal-buttons{border-top-color:#4a5568}.cancel-btn,.confirm-btn,.delete-confirm-btn{padding:.7rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s cubic-bezier(.25,.46,.45,.94);min-width:120px}.confirm-btn{background:#3182ce;color:#fff}.confirm-btn:hover{background:#2c5282;transform:translateY(-2px) scale(1.05)}.delete-confirm-btn{background:#e53e3e;color:#fff}.delete-confirm-btn:hover{background:#c53030;transform:translateY(-2px)}.modal.dark .cancel-btn{background:#4a5568;color:#e2e8f0}.modal.dark .cancel-btn:hover{background:#2d3748}.modal.dark .confirm-btn{background:#63b3ed;color:#1a202c}.modal.dark .confirm-btn:hover{background:#4299e1}.modal.dark .delete-confirm-btn{background:#f56565;color:#1a202c}.modal.dark .delete-confirm-btn:hover{background:#e53e3e}.item-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:1.5rem;border-radius:12px;max-width:90%;width:600px;max-height:90vh;overflow-y:auto;outline:none;box-shadow:0 5px 20px #00000040;z-index:1000;animation:modalFadeIn .4s cubic-bezier(.25,.46,.45,.94)}.item-modal.dark{background:#1a202c;color:#f7fafc}.item-modal .modal-header{border-bottom:2px solid #3182ce!important;padding-bottom:10px;margin-bottom:1rem}.item-modal.dark .modal-header{border-bottom-color:#63b3ed!important}.item-modal .modal-header h2{color:#3182ce;border-bottom:none;padding-bottom:0}.item-modal.dark .modal-header h2{color:#63b3ed}.item-modal-content{display:flex;flex-direction:column;max-height:100%}.item-details{margin:1rem 0;padding-top:.5rem;overflow-y:auto;max-height:calc(90vh - 120px);padding-right:5px}.detail-group{display:flex;align-items:center;margin-bottom:1rem;padding:.8rem;background:#f1f5f9;border-radius:8px;transition:all .3s ease;animation:fadeInLeft .3s ease-out}.detail-group:nth-child(1){animation-delay:.1s}.detail-group:nth-child(2){animation-delay:.2s}.detail-group:nth-child(3){animation-delay:.3s}.detail-group:nth-child(4){animation-delay:.4s}.detail-group:nth-child(5){animation-delay:.5s}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.item-modal.dark .detail-group{background:#2d3748}.detail-icon{margin-right:1rem;font-size:1.4rem;color:#3182ce;transition:transform .3s ease}.detail-group:hover .detail-icon{transform:scale(1.2)}.item-modal.dark .detail-icon{color:#63b3ed}.detail-group label{font-weight:600;margin-right:.5rem;min-width:120px}.detail-value{flex:1;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.value-with-edit{display:flex;align-items:center;justify-content:space-between;width:100%}.edit-field{display:flex;align-items:center;gap:.5rem;width:100%;animation:fadeInUp .3s ease-out}.edit-field input,.edit-field textarea{padding:.35rem .5rem;border-radius:6px;border:1px solid #cbd5e0;outline:none;flex:1;box-sizing:border-box;transition:all .3s ease}.edit-field input:focus,.edit-field textarea:focus{transform:translateY(-2px);box-shadow:0 3px 10px #3182ce33}.item-modal.dark .edit-field input,.item-modal.dark .edit-field textarea{background:#2d3748;color:#f7fafc;border-color:#4a5568}.edit-field textarea{min-height:80px;resize:vertical}.btn-edit,.btn-save,.btn-cancel{background:none;border:none;cursor:pointer;font-size:1.1rem;color:#3182ce;padding:4px;border-radius:4px;transition:all .3s ease}.item-modal.dark .btn-edit,.item-modal.dark .btn-save,.item-modal.dark .btn-cancel{color:#63b3ed}.btn-edit:hover{transform:scale(1.2) rotate(15deg)}.btn-save:hover{color:#2c5282;transform:scale(1.2)}.btn-cancel:hover{color:#c53030;transform:scale(1.2) rotate(90deg)}.operacao-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:1.5rem;border-radius:12px;max-width:90%;width:450px;max-height:90vh;overflow-y:auto;outline:none;box-shadow:0 5px 20px #00000040;z-index:1000;animation:modalFadeIn .4s cubic-bezier(.25,.46,.45,.94)}.operacao-modal.dark{background:#1a202c;color:#f7fafc}.operacao-modal h2{margin-top:0;color:#3182ce;text-align:center;padding-bottom:10px;border-bottom:2px solid #3182ce;animation:fadeInDown .5s ease-out}.operacao-modal.dark h2{color:#63b3ed;border-bottom-color:#63b3ed}.operacao-info{margin-bottom:1.5rem;padding:.8rem;background:#f1f5f9;border-radius:8px;animation:fadeInUp .5s ease-out .2s both}.operacao-modal.dark .operacao-info{background:#2d3748}.operacao-input{margin-bottom:1.5rem;animation:fadeInUp .5s ease-out .3s both}.operacao-input label{display:block;margin-bottom:.5rem;font-weight:500}.operacao-input input{width:100%;padding:.7rem;border:1px solid #cbd5e0;border-radius:6px;box-sizing:border-box;transition:all .3s ease}.operacao-input input:focus{transform:translateY(-2px);box-shadow:0 5px 15px #3182ce33}.operacao-modal.dark .operacao-input input{background:#2d3748;color:#f7fafc;border-color:#4a5568}.quantidade-resultante{margin-top:8px;padding:8px;background-color:#f0f9ff;border-radius:6px;border-left:4px solid #3182ce;font-weight:500;animation:fadeInUp .3s ease-out}.dark .quantidade-resultante{background-color:#2d3748;border-left-color:#63b5f6}.alerta-quantidade{color:#e53e3e;font-weight:700;animation:pulse 1.5s infinite}.dark .alerta-quantidade{color:#fc8181}.alerta-estoque-minimo{display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px;background-color:#fffbeb;border:1px solid #fcd34d;border-radius:6px;color:#d97706;font-weight:500;animation:shakeAlert .5s ease-in-out infinite}.dark .alerta-estoque-minimo{background:#443a04;border-color:#d97706;color:#fcd34d}.alerta-retirada-excedente{display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-weight:500;animation:shake .5s ease-in-out}.dark .alerta-retirada-excedente{background:#4a1c1c;border-color:#f87171;color:#fecaca}.operacao-input input.error{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e33;animation:shake .5s ease-in-out}.dark .operacao-input input.error{border-color:#fc8181;box-shadow:0 0 0 3px #fc818133}.retirada-btn:disabled{background-color:#cbd5e0;cursor:not-allowed;opacity:.6;transform:none!important;box-shadow:none!important}.dark .retirada-btn:disabled{background-color:#4a5568}.modal form{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;max-height:calc(90vh - 150px);padding-right:5px;margin-top:.5rem}.modal form::-webkit-scrollbar{width:6px}.modal form::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.modal form::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px;transition:background .3s ease}.modal form::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.modal.dark form::-webkit-scrollbar-track{background:#2d3748}.modal.dark form::-webkit-scrollbar-thumb{background:#4a5568}.modal.dark form::-webkit-scrollbar-thumb:hover{background:#2d3748}.operacao-modal .modal-header,.modal .modal-header{position:sticky;top:0;background:inherit;z-index:10;padding:1rem 1.5rem;margin:-1.5rem -1.5rem 1rem;width:calc(100% + 3rem);box-sizing:border-box;animation:fadeInDown .5s ease-out}.operacao-modal .modal-header{border-bottom:2px solid #3182ce}.modal.dark .operacao-modal .modal-header{border-bottom-color:#63b3ed}.modal:not(.item-modal):not(.operacao-modal) .modal-header{border-bottom:2px solid #3182ce;margin-bottom:1.5rem}.modal.dark:not(.item-modal):not(.operacao-modal) .modal-header{border-bottom-color:#63b3ed}.modal-header{position:relative;padding-right:40px}@media (max-width: 1024px){.main-content{margin-left:0;padding:25px;animation:slideInLeft .5s ease-out}.main-content.open{margin-left:280px}.estoque-header{flex-direction:column;align-items:flex-start}.search-container input{width:100%}.estoque-table{table-layout:auto}.estoque-table th:nth-child(1),.estoque-table th:nth-child(2),.estoque-table th:nth-child(3){width:auto}.actions-cell{flex-direction:column;gap:5px}.entrada-btn,.retirada-btn,.delete-btn{width:100%}.modal,.item-modal,.operacao-modal{padding:1.5rem;width:85%}.pagination-controls{flex-direction:column;gap:.5rem}.detail-group{flex-direction:column;align-items:flex-start;gap:.5rem}.detail-group label{min-width:auto}.value-with-edit,.edit-field{flex-direction:column;align-items:flex-start;gap:.5rem}.edit-field input,.edit-field textarea{width:100%}}@media (max-width: 768px){.main-content{padding:20px;animation:slideInLeft .5s ease-out}.main-content.open{margin-left:0}.estoque-header{gap:15px}.animated-title{font-size:1.5rem}.estoque-table th,.estoque-table td{padding:10px 12px;font-size:.9rem}.modal,.item-modal,.operacao-modal{width:95%;padding:1rem}.modal .modal-header,.operacao-modal .modal-header{padding:1rem;margin:-1rem -1rem 1rem;width:calc(100% + 2rem)}.modal form{max-height:calc(90vh - 130px)}.item-modal .item-details{max-height:calc(90vh - 100px)}.modal-buttons{flex-direction:column}.cancel-btn,.confirm-btn,.delete-confirm-btn{width:100%;min-width:auto}.modal-header h2{font-size:1.3rem}.form-group input,.form-group select,.form-group textarea{padding:.6rem;font-size:.9rem}.close-btn{top:10px;right:10px;font-size:1.3rem;width:25px;height:25px}}@media (max-width: 480px){.main-content{padding:15px;animation:fadeIn .5s ease-out}.estoque-container{padding:10px}.modal,.item-modal,.operacao-modal{width:98%;max-width:98%;padding:.8rem;margin:.5rem}.modal .modal-header,.operacao-modal .modal-header{padding:.8rem;margin:-.8rem -.8rem .8rem;width:calc(100% + 1.6rem)}.modal-header h2{font-size:1.2rem}.modal-header{padding-bottom:8px;margin-bottom:.8rem}.modal form{gap:.8rem;max-height:calc(90vh - 120px)}.item-modal .item-details{max-height:calc(90vh - 90px)}.form-group label{font-size:.9rem;margin-bottom:.3rem}.cancel-btn,.confirm-btn{padding:.6rem 1rem;font-size:.9rem}.add-btn{width:100%;justify-content:center}.estoque-actions{flex-direction:column;width:100%}.search-container{width:100%}}@media (max-height: 600px){.modal{max-height:95vh}.modal-header,.modal-buttons{position:relative}}.signature{text-align:center;padding:1rem;margin-top:2rem;font-size:.9rem;opacity:.8}.signature a{color:inherit;text-decoration:none;transition:opacity .3s ease}.signature a:hover{opacity:1}@media (max-width: 768px){.signature{font-size:.8rem;padding:.5rem}}.profile-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:2rem;border-radius:12px;max-width:500px;width:90%;outline:none;box-shadow:0 5px 20px #00000040;z-index:1000}.profile-modal.dark{background:#1a202c;color:#f7fafc}.profile-modal h2{margin-top:0;color:#3182ce;text-align:center;padding-bottom:10px;border-bottom:2px solid #3182ce}.profile-modal.dark h2{color:#63b3ed;border-bottom-color:#63b3ed}.profile-info{margin:1.5rem 0}.info-item{display:flex;align-items:center;margin-bottom:1rem;padding:.8rem;background:#f1f5f9;border-radius:8px}.profile-modal.dark .info-item{background:#2d3748}.info-item .icon{margin-right:1rem;font-size:1.4rem;color:#3182ce}.profile-modal.dark .info-item .icon{color:#63b3ed}.info-text{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.label{font-weight:600;margin-right:.5rem}.edit-input{padding:.35rem .5rem;border-radius:6px;border:1px solid #cbd5e0;outline:none;width:220px}.profile-modal.dark .edit-input{background:#2d3748;color:#f7fafc;border-color:#4a5568}.btn-edit,.btn-save,.btn-cancel{background:none;border:none;cursor:pointer;font-size:1.1rem;color:#3182ce;padding:4px;border-radius:4px}.profile-modal.dark .btn-edit,.profile-modal.dark .btn-save,.profile-modal.dark .btn-cancel{color:#63b3ed}.btn-save:hover{color:#2c5282}.btn-cancel:hover{color:#c53030}.change-password-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:.8rem;background:#3182ce;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600}.profile-modal.dark .change-password-btn{background:#63b3ed;color:#1a202c}.change-password-btn:hover{background:#2c5282}.password-form{margin-top:1.5rem}.password-form h3{color:#3182ce;text-align:center;padding-bottom:10px;border-bottom:2px solid #3182ce}.profile-modal.dark .password-form h3{color:#63b3ed;border-bottom-color:#63b3ed}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input{width:100%;padding:.7rem;border:1px solid #cbd5e0;border-radius:6px}.profile-modal.dark .form-group input{background:#2d3748;color:#f7fafc;border-color:#4a5568}.checkbox-group{display:flex;align-items:center;gap:.5rem;margin-top:-.5rem;margin-bottom:1.5rem}.checkbox-group label{margin-bottom:0;cursor:pointer}.form-buttons{display:flex;justify-content:space-between;margin-top:1.5rem;gap:1rem}.form-buttons .cancel-btn,.form-buttons .confirm-btn{padding:.7rem 1rem;border:none;border-radius:6px;cursor:pointer;font-weight:600;flex:1}.form-buttons .cancel-btn{background:#e2e8f0;color:#1a202c}.form-buttons .confirm-btn{background:#3182ce;color:#fff}.profile-modal.dark .form-buttons .cancel-btn{background:#4a5568;color:#eee}.profile-modal.dark .form-buttons .confirm-btn{background:#63b3ed;color:#1a202c}.sidebar{width:280px;background:linear-gradient(180deg,#1565c0,#0d47a1);color:#fff;height:100vh;position:fixed;left:0;top:0;transition:transform .4s cubic-bezier(.25,.46,.45,.94),width .4s cubic-bezier(.25,.46,.45,.94);z-index:100;box-shadow:4px 0 15px #0003;display:flex;flex-direction:column;overflow:hidden}.sidebar.dark{background:linear-gradient(180deg,#1a202c,#2d3748)}.sidebar:not(.open){width:80px}.sidebar-content{padding:20px 0;display:flex;flex-direction:column;height:100%;overflow-y:auto;overflow-x:hidden;transition:all .3s ease}.user-section{padding:20px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:15px;display:flex;justify-content:center;align-items:center;animation:fadeIn .5s ease-out}.user-section .sidebar-item{justify-content:center;padding:10px}.sidebar-item{padding:12px 20px;display:flex;align-items:center;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);margin:5px 0;gap:15px;position:relative;white-space:nowrap;animation:slideInLeft .3s ease-out;animation-fill-mode:both}.sidebar-item:nth-child(1){animation-delay:.1s}.sidebar-item:nth-child(2){animation-delay:.2s}.sidebar-item:nth-child(3){animation-delay:.3s}.sidebar-item:nth-child(4){animation-delay:.4s}.sidebar-item:nth-child(5){animation-delay:.5s}.sidebar-item:nth-child(6){animation-delay:.6s}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar-item:hover{background:#ffffff26;transform:translate(5px);box-shadow:-2px 0 10px #0000001a}.sidebar-item.active{background:#fff3;font-weight:700;border-left:4px solid #fff;padding-left:16px}.sidebar-item i{font-size:1.2rem;min-width:24px;display:flex;justify-content:center;transition:transform .3s ease}.sidebar-item:hover i{transform:scale(1.2)}.section-title{padding:10px 20px;font-size:.8rem;text-transform:uppercase;letter-spacing:1px;opacity:.7;margin-bottom:10px;text-align:center;animation:fadeIn .5s ease-out}.sidebar:not(.open) .section-title{display:none}.sidebar-footer{margin-top:auto;padding:15px;border-top:1px solid rgba(255,255,255,.1);animation:fadeIn .5s ease-out}.logout-btn{background:linear-gradient(135deg,#f44,#c00);color:#fff;border:none;padding:12px;border-radius:6px;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.logout-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 15px #ff44444d;animation:pulse 1.5s infinite}.logout-tooltip{position:absolute;left:100%;top:50%;transform:translateY(-50%);background:#000c;color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;white-space:nowrap;margin-left:10px;pointer-events:none;z-index:102;opacity:0;transition:opacity .3s ease}.sidebar:not(.open) .logout-btn:hover+.logout-tooltip{opacity:1}.sidebar-toggle{position:fixed;top:50%;left:280px;transform:translateY(-50%);background:#fffffff2;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:101;box-shadow:0 4px 15px #0003;transition:all .4s cubic-bezier(.25,.46,.45,.94);font-size:1.2rem}.sidebar-toggle:hover{background:#fff;transform:translateY(-50%) scale(1.1) rotate(10deg);box-shadow:0 6px 20px #0000004d;animation:pulse 1.5s infinite}.sidebar-toggle.dark{background:#2d3748f2;color:#fff}.sidebar-toggle.dark:hover{background:#2d3748;transform:translateY(-50%) scale(1.1) rotate(-10deg)}.sidebar.open~.sidebar-toggle{left:280px;transform:translateY(-50%) rotate(0)}.sidebar.open~.sidebar-toggle:hover{transform:translateY(-50%) scale(1.1) rotate(10deg)}.sidebar:not(.open)~.sidebar-toggle{left:80px;transform:translateY(-50%) rotate(180deg)}.sidebar:not(.open)~.sidebar-toggle:hover{transform:translateY(-50%) scale(1.1) rotate(190deg)}.sidebar:not(.open) .sidebar-item:after{content:attr(data-tooltip);position:absolute;left:100%;top:50%;transform:translateY(-50%);background:#000c;color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;white-space:nowrap;margin-left:10px;pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:102}.sidebar:not(.open) .sidebar-item:hover:after{opacity:1;animation:fadeIn .3s ease-out}@media (max-width: 768px){.sidebar{transform:translate(-100%);width:280px!important}.sidebar.open{transform:translate(0)}.sidebar-toggle{left:20px;top:100px;transform:none;background:#ffffffe6}.sidebar.open~.sidebar-toggle{left:280px;transform:rotate(0)}.sidebar:not(.open)~.sidebar-toggle{left:20px;transform:rotate(180deg)}.sidebar:not(.open) .sidebar-item:after{display:none}.sidebar-item:hover{transform:none}}@media (max-width: 480px){.sidebar{width:100%!important}.sidebar-toggle{width:35px;height:35px;font-size:1rem}.sidebar.open~.sidebar-toggle{left:calc(100% - 55px)}}.settings-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:2rem;border-radius:12px;max-width:450px;width:90%;outline:none;box-shadow:0 5px 20px #00000040;z-index:1000}.settings-modal.dark{background:#1a202c;color:#f7fafc}.settings-modal h2{margin-top:0;color:#3182ce;text-align:center;padding-bottom:10px;border-bottom:2px solid #3182ce;margin-bottom:1.5rem}.settings-modal.dark h2{color:#63b3ed;border-bottom-color:#63b3ed}.close-btn{position:absolute;top:15px;right:15px;background:none;border:none;color:inherit;font-size:1.5rem;cursor:pointer}.settings-options{margin:1.5rem 0}.setting-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;background:#f1f5f9;border-radius:8px}.settings-modal.dark .setting-item{background:#2d3748}.setting-info{flex:1}.setting-info h3{margin:0 0 .5rem;color:#2d3748;font-size:1.1rem}.settings-modal.dark .setting-info h3{color:#e2e8f0}.setting-info p{margin:0;color:#718096;font-size:.9rem}.settings-modal.dark .setting-info p{color:#a0aec0}.theme-switch{display:flex;align-items:center;background:#e2e8f0;border:none;border-radius:25px;padding:.5rem 1rem;cursor:pointer;transition:all .3s ease;gap:.5rem}.settings-modal.dark .theme-switch{background:#4a5568}.theme-switch:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.switch-handle{display:flex;align-items:center;justify-content:center;font-size:1rem}.switch-label{font-weight:500;font-size:.9rem}@media (max-width: 480px){.settings-modal{padding:1.5rem}.setting-item{flex-direction:column;gap:1rem;text-align:center}.theme-switch{width:100%;justify-content:center}}.reset-password-page{display:flex;flex-direction:column;min-height:100vh;justify-content:center;align-items:center;position:relative;transition:background .5s ease}.reset-password-page.light{background:url(../assets/backgroundLight.png) no-repeat center center fixed;background-size:cover}.reset-password-page.dark{background:url(../assets/backgroundDark.png) no-repeat center center fixed;background-size:cover}.theme-toggle{position:fixed;top:20px;right:20px;background:#ffffffe6;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1001;box-shadow:0 2px 10px #0003;transition:all .3s ease}.theme-toggle:hover{transform:scale(1.1);background:#fff}.theme-toggle.dark{background:#2d3748e6;color:#fff}.theme-toggle.dark:hover{background:#2d3748}.reset-password-container{display:flex;justify-content:center;align-items:center;width:100%;flex-grow:1;padding:20px}.reset-password-box{width:100%;max-width:450px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;padding:40px;box-shadow:0 0 20px #0000001a;transition:all .3s ease}.reset-password-container.light .reset-password-box{background:#ffffff26;border:2px solid rgba(255,255,255,.2)}.reset-password-container.dark .reset-password-box{background:#0000004d;border:2px solid rgba(0,0,0,.4)}.reset-header{display:flex;align-items:center;margin-bottom:30px;position:relative}.reset-header h1{text-align:center;width:100%;color:#fff;margin:0;font-size:30px;text-shadow:0 1px 3px rgba(0,0,0,.3)}.back-icon{color:#ffffffb3;font-size:20px;cursor:pointer;transition:all .3s;position:absolute;left:0}.back-icon:hover{color:#fff;transform:translate(-3px)}.input-field{position:relative;width:100%;height:50px;margin:25px 0}.input-field input{width:100%;height:100%;background:transparent;outline:none;border:2px solid rgba(255,255,255,.2);border-radius:40px;font-size:16px;color:#fff;padding:20px 45px 20px 25px;transition:all .3s}.reset-password-container.light .input-field input{border:2px solid rgba(255,255,255,.2)}.reset-password-container.dark .input-field input{border:2px solid rgba(0,0,0,.4)}.input-field input:focus{border-color:#fff6}.input-field input::placeholder{color:#ffffffb3}.input-field .icon{position:absolute;right:25px;top:50%;transform:translateY(-50%);font-size:16px;color:#fff}.submit-btn{width:100%;height:45px;background:#fff;border:none;outline:none;border-radius:40px;box-shadow:0 0 10px #0000001a;cursor:pointer;font-size:16px;color:#333;font-weight:700;margin-top:20px;transition:all .3s}.submit-btn:hover{background:#f5f5f5;transform:translateY(-2px)}.submit-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.message{padding:12px;margin:15px 0;border-radius:5px;text-align:center;font-size:14px;animation:fadeIn .5s ease-in-out}.message.success{background-color:#4caf5033;border-left:3px solid #4caf50;color:#4caf50}.message.error{background-color:#f4433633;border-left:3px solid #f44336;color:#f44336}.loading-spinner{text-align:center;color:#fff;margin:20px 0}.signature{position:absolute;bottom:20px;right:20px;color:#ffffffb3;font-size:14px;text-shadow:0 1px 3px rgba(0,0,0,.5)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.reset-password-box{width:90%;padding:30px}.reset-header h1{font-size:26px}.input-field{margin:20px auto}.theme-toggle{top:15px;right:15px;width:35px;height:35px}}@media (max-width: 480px){.reset-password-box{padding:20px}.reset-header h1{font-size:24px}.input-field input{font-size:14px;padding:15px 40px 15px 20px}.input-field .icon{right:20px;font-size:14px}.theme-toggle{top:10px;right:10px;width:30px;height:30px}.signature{bottom:15px;right:15px;font-size:12px}}.users-container{padding:20px;animation:fadeInUp .6s ease-out}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px;animation:fadeInDown .5s ease-out}.users-actions{display:flex;gap:15px;align-items:center;animation:fadeInUp .5s ease-out .2s both}.search-container{position:relative;display:flex;align-items:center;animation:slideInLeft .5s ease-out .3s both}.dark .search-container input{background-color:#444;color:#fff;border-color:#555}.add-btn{background:linear-gradient(135deg,#1565c0,#2196f3);color:#fff;border:none;padding:12px 24px;border-radius:30px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:500;transition:all .3s cubic-bezier(.25,.46,.45,.94);animation:slideInRight .5s ease-out .4s both}.add-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 20px #2196f34d;animation:pulse 1.5s infinite}.users-table-container{overflow-x:auto;border-radius:12px;box-shadow:0 8px 24px #0000001a;background:#fff;margin-top:20px;animation:fadeInUp .6s ease-out .5s both}.dark .users-table-container{background:#2d3748;box-shadow:0 8px 24px #0000004d}.users-table{width:100%;border-collapse:separate;border-spacing:0}.users-table th{background:linear-gradient(135deg,#1565c0,#2196f3);color:#fff;padding:15px 20px;text-align:left;font-weight:600;transition:all .3s ease}.dark .users-table th{background:linear-gradient(135deg,#1a202c,#2d3748)}.users-table th,.users-table td{padding:15px 20px;border-bottom:1px solid #eee;vertical-align:middle;transition:all .3s ease}.dark .users-table td{border-bottom:1px solid #4a5568;color:#e2e8f0}.dark .users-table{color:#e2e8f0}.item-row{animation:fadeInRow .5s ease-out;animation-fill-mode:both}.user-nome,.user-email,.user-role,.user-alertas{text-align:left}.users-actions-cell{display:flex;gap:8px;justify-content:center;align-items:center;min-height:60px}.edit-btn,.delete-btn{padding:8px;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.edit-btn{background:#2196f3;color:#fff}.edit-btn:hover{background:#1976d2;transform:scale(1.1) rotate(5deg);box-shadow:0 4px 12px #2196f34d}.delete-btn{background:#f44336;color:#fff}.delete-btn:hover{background:#d32f2f;transform:scale(1.1) rotate(-5deg);box-shadow:0 4px 12px #f443364d}.checkbox-group{display:flex;align-items:center;gap:8px;margin-top:10px}.checkbox-group input[type=checkbox]{width:auto;margin-right:8px;transition:all .3s ease}.checkbox-group input[type=checkbox]:checked{transform:scale(1.2)}.password-change-section{margin-top:20px;padding-top:15px;border-top:1px solid #e0e0e0;animation:fadeInUp .3s ease-out}.dark .password-change-section{border-top-color:#4a5568}.toggle-password-btn{background:none;border:none;color:#3498db;cursor:pointer;font-size:14px;margin-bottom:15px;padding:5px 0;transition:all .3s ease}.toggle-password-btn:hover{color:#2980b9;text-decoration:underline;transform:translate(5px)}.dark .toggle-password-btn{color:#5dade2}.dark .toggle-password-btn:hover{color:#3498db}.help-text{font-size:12px;color:#666;margin-top:5px;display:block}.dark .help-text{color:#a0aec0}.dark .checkbox-group label{color:#e2e8f0}.loading-message{display:flex;align-items:center;justify-content:center;gap:10px;padding:2rem;color:#1565c0;font-weight:500;animation:fadeIn .5s ease-out}.dark .loading-message{color:#63b3ed}.loading-spinner{width:20px;height:20px;border:3px solid rgba(33,150,243,.2);border-top-color:#2196f3;border-radius:50%;animation:spin 1s linear infinite}.dark .loading-spinner{border-top-color:#63b3ed}.no-items{text-align:center;padding:2rem;color:#666;animation:fadeIn .5s ease-out}.dark .no-items{color:#a0aec0}@media (max-width: 768px){.users-header{flex-direction:column;align-items:flex-start}.users-actions{flex-direction:column;align-items:stretch;width:100%}.search-container input{width:100%}.users-table{font-size:.9rem}.users-table th,.users-table td{padding:10px 12px}.users-actions-cell{flex-direction:column;gap:5px}.edit-btn,.delete-btn{width:100%}}@media (max-width: 480px){.users-container{padding:15px}.animated-title{font-size:1.5rem}.add-btn{width:100%;justify-content:center}.users-table{font-size:.8rem}.users-table th,.users-table td{padding:8px 10px}.modal-content{padding:1rem}.checkbox-group{flex-direction:column;align-items:flex-start;gap:5px}}.historico-container{padding:20px;animation:fadeInUp .6s ease-out}.historico-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px;animation:fadeInDown .5s ease-out}.animated-title{font-size:2rem;font-weight:600;background:linear-gradient(90deg,#1565c0,#2196f3,#64b5f6);-webkit-background-clip:text;background-clip:text;color:transparent;animation:titleGradient 8s ease infinite,pulseTitle 3s ease-in-out infinite;background-size:300% 300%}@keyframes titleGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulseTitle{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.historico-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid #e0e0e0;padding-bottom:10px;animation:fadeInUp .5s ease-out .2s both}.dark .historico-tabs{border-bottom-color:#4a5568}.tab-btn{padding:10px 20px;border:none;background:#f5f5f5;border-radius:6px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.tab-btn:hover{background:#e0e0e0;transform:translateY(-3px)}.tab-btn.active{background:linear-gradient(135deg,#1565c0,#2196f3);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #2196f34d;animation:pulseActive .5s ease-out}@keyframes pulseActive{0%{transform:translateY(-2px) scale(1)}50%{transform:translateY(-2px) scale(1.05)}to{transform:translateY(-2px) scale(1)}}.dark .tab-btn{background:#4a5568;color:#e2e8f0}.dark .tab-btn:hover{background:#2d3748}.dark .tab-btn.active{background:linear-gradient(135deg,#0d47a1,#1565c0);color:#fff}.historico-actions{display:flex;gap:15px;align-items:center;animation:fadeInUp .5s ease-out .3s both}.search-container{position:relative;display:flex;align-items:center}.search-container input{padding:12px 40px 12px 15px;border-radius:30px;border:1px solid #ddd;width:250px;transition:all .3s cubic-bezier(.25,.46,.45,.94);font-size:1rem}.search-container input:focus{transform:scale(1.05);box-shadow:0 5px 15px #2196f333}.dark .search-container input{background-color:#2d3748;color:#e2e8f0;border-color:#4a5568}.search-icon{position:absolute;right:15px;color:#666;transition:transform .3s ease}.search-container input:focus+.search-icon{transform:scale(1.2);color:#2196f3}.dark .search-icon{color:#a0aec0}.export-btn{background:linear-gradient(135deg,#1d6f42,#2ecc71);color:#fff;border:none;padding:12px 20px;border-radius:30px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:500;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.export-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 20px #2ecc714d;animation:pulse 1.5s infinite}.export-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none;animation:none}.dark .export-btn:disabled{background:#4a5568;color:#a0aec0}.historico-table-container{overflow-x:auto;border-radius:12px;box-shadow:0 8px 24px #0000001a;background:#fff;margin-top:20px;animation:fadeInUp .6s ease-out .4s both}.dark .historico-table-container{background:#2d3748;box-shadow:0 8px 24px #0000004d}.historico-table{width:100%;border-collapse:collapse;table-layout:fixed}.historico-table th{background:linear-gradient(135deg,#1565c0,#2196f3);color:#fff;padding:15px 20px;text-align:left;font-weight:600;position:sticky;top:0;z-index:10}.dark .historico-table th{background:linear-gradient(135deg,#1a202c,#2d3748)}.historico-table td{padding:15px 20px;border-bottom:1px solid #eee;transition:all .3s cubic-bezier(.25,.46,.45,.94);word-wrap:break-word}.dark .historico-table td{border-bottom:1px solid #4a5568;color:#e2e8f0}.item-row{transition:all .3s cubic-bezier(.25,.46,.45,.94);cursor:pointer;animation:fadeInRow .5s ease-out;animation-fill-mode:both}.item-row:nth-child(1){animation-delay:.1s}.item-row:nth-child(2){animation-delay:.2s}.item-row:nth-child(3){animation-delay:.3s}.item-row:nth-child(4){animation-delay:.4s}.item-row:nth-child(5){animation-delay:.5s}@keyframes fadeInRow{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.item-row:hover{background-color:#2196f31a!important;transform:translate(5px);box-shadow:-5px 0 10px #2196f31a}.dark .item-row:hover{background-color:#2196f333!important}.expanded-row{background-color:#00000008;animation:expandRow .4s cubic-bezier(.25,.46,.45,.94)}@keyframes expandRow{0%{opacity:0;max-height:0;transform:scaleY(0)}to{opacity:1;max-height:300px;transform:scaleY(1)}}.dark .expanded-row{background-color:#ffffff0d}.expanded-content{padding:15px;animation:fadeInUp .3s ease-out}.expanded-details{display:flex;flex-direction:column;gap:10px}.detail-row{display:flex;margin-bottom:8px;animation:fadeInLeft .3s ease-out}.detail-row:nth-child(1){animation-delay:.1s}.detail-row:nth-child(2){animation-delay:.2s}.detail-row:nth-child(3){animation-delay:.3s}.detail-label{font-weight:700;min-width:100px;color:#555}.dark .detail-label{color:#ccc}.detail-value{flex:1;color:#333}.dark .detail-value{color:#e2e8f0}.acao-container{display:flex;align-items:center;gap:8px}.acao-icon{font-size:14px;transition:transform .3s ease}.acao-icon.criar{color:#27ae60}.acao-icon.atualizar{color:#3498db}.acao-icon.remover{color:#e74c3c}.acao-icon.default{color:#95a5a6}.item-row:hover .acao-icon{transform:scale(1.3) rotate(5deg)}.action-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;transition:all .3s ease}.action-badge.criar{background-color:#e8f5e8;color:#27ae60}.action-badge.atualizar{background-color:#e3f2fd;color:#1976d2}.action-badge.remover{background-color:#ffebee;color:#d32f2f}.item-row:hover .action-badge{transform:scale(1.1);box-shadow:0 2px 8px #0000001a}.dark .action-badge.criar{background-color:#2e7d3233;color:#a5d6a7}.dark .action-badge.atualizar{background-color:#2196f333;color:#90caf9}.dark .action-badge.remover{background-color:#d32f2f33;color:#ef9a9a}.responsavel{font-weight:500;color:#2c3e50;transition:color .3s ease}.item-row:hover .responsavel{color:#1565c0}.dark .responsavel{color:#e2e8f0}.dark .item-row:hover .responsavel{color:#64b5f6}.changes-details{padding:12px;background:#f8f9fa;border-radius:4px;margin:8px 0;border-left:3px solid #3498db;animation:fadeInLeft .3s ease-out}.dark .changes-details{background:#2d3748;border-left-color:#64b5f6}.change-item{margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed rgba(0,0,0,.1);animation:fadeInUp .3s ease-out}.dark .change-item{border-bottom-color:#ffffff1a}.change-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.change-values{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.old-value{color:#e74c3c;background:#e74c3c1a;padding:4px 8px;border-radius:4px;font-size:.85em;transition:all .3s ease}.old-value:hover{transform:translateY(-2px);box-shadow:0 2px 5px #e74c3c33}.new-value{color:#27ae60;background:#27ae601a;padding:4px 8px;border-radius:4px;font-size:.85em;transition:all .3s ease}.new-value:hover{transform:translateY(-2px);box-shadow:0 2px 5px #27ae6033}.changes-plain{padding:8px;background:#f8f9fa;border-radius:4px;font-family:monospace;font-size:12px;white-space:pre-wrap;word-break:break-all;animation:fadeIn .3s ease-out}.dark .changes-plain{background:#2d3748;color:#e2e8f0}.pagination-controls{display:flex;justify-content:center;align-items:center;margin-top:20px;gap:1rem;animation:fadeInUp .6s ease-out .5s both}.pagination-controls button{background:linear-gradient(135deg,#1565c0,#2196f3);color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:5px;font-weight:500;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.pagination-controls button:hover:not(:disabled){transform:translateY(-3px) scale(1.05);box-shadow:0 6px 15px #2196f34d}.pagination-controls button:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.dark .pagination-controls button:disabled{background:#4a5568;color:#a0aec0}.historico-stats{margin-top:20px;padding:15px;background:#f8f9fa;border-radius:8px;text-align:center;font-size:14px;color:#666;animation:fadeInUp .6s ease-out .6s both}.dark .historico-stats{background:#2d3748;color:#a0aec0}.export-filters{background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;border-radius:10px;margin:20px 0;color:#fff;animation:fadeInUp .5s cubic-bezier(.25,.46,.45,.94)}.dark .export-filters{background:linear-gradient(135deg,#4a5568,#2d3748)}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:20px}.filter-group{display:flex;flex-direction:column;gap:8px;animation:fadeInUp .3s ease-out}.filter-group label{font-weight:600}.filter-group input,.filter-group select{padding:10px 12px;border:none;border-radius:6px;font-size:14px;transition:all .3s ease}.filter-group input:focus,.filter-group select:focus{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.dark .filter-group input,.dark .filter-group select{background:#1a202c;color:#e2e8f0;border:1px solid #4a5568}.filter-actions{display:flex;gap:10px;justify-content:flex-end}.cancel-btn,.clear-btn,.confirm-btn{padding:10px 15px;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:500;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.cancel-btn{background:#e2e8f0;color:#1a202c}.cancel-btn:hover{background:#cbd5e0;transform:translateY(-2px)}.clear-btn{background:#95a5a6;color:#fff}.clear-btn:hover{background:#718096;transform:translateY(-2px)}.confirm-btn{background:#1d6f42;color:#fff}.confirm-btn:hover{background:#165a36;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #1d6f424d}.confirm-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;animation:fadeIn .5s ease-out}.loading-spinner{width:40px;height:40px;border:4px solid rgba(33,150,243,.2);border-top-color:#2196f3;border-radius:50%;animation:spin 1s linear infinite}.dark .loading-spinner{border-top-color:#64b5f6}.success-message,.error-message{padding:12px 20px;border-radius:8px;margin-bottom:15px;display:flex;align-items:center;justify-content:space-between;animation:slideInDown .5s cubic-bezier(.25,.46,.45,.94)}.success-message{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32;border-left:4px solid #4caf50}.error-message{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828;border-left:4px solid #f44336}.dark .success-message{background:linear-gradient(135deg,#1b5e20,#2e7d32);color:#e8f5e9}.dark .error-message{background:linear-gradient(135deg,#b71c1c,#c62828);color:#ffebee}.close-message-btn{background:none;border:none;color:inherit;font-size:1.1rem;cursor:pointer;opacity:.7;transition:all .3s ease}.close-message-btn:hover{opacity:1;transform:scale(1.2) rotate(90deg)}@media (max-width: 768px){.historico-header{flex-direction:column;align-items:flex-start}.historico-tabs{flex-wrap:wrap}.historico-actions{flex-direction:column;align-items:stretch;width:100%}.search-container input{width:100%}.filters-grid{grid-template-columns:1fr}.filter-actions{flex-direction:column}.detail-row{flex-direction:column;gap:5px}.detail-label{min-width:auto}.pagination-controls{flex-direction:column;gap:.5rem}}@media (max-width: 480px){.historico-container{padding:15px}.animated-title{font-size:1.5rem}.tab-btn{padding:8px 12px;font-size:.9rem}.export-filters{padding:15px}.historico-table th,.historico-table td{padding:10px 12px;font-size:.9rem}.detail-label{font-size:.9rem}.changes-details{padding:8px}.change-values{flex-direction:column;gap:5px}}.theme-toggle-button{position:fixed;top:20px;right:20px;background:#ffffff1a;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;transition:all .3s ease}.theme-toggle-button:hover{background:#fff3;transform:scale(1.1)}.theme-icon{color:var(--text-color);font-size:18px}.light{--bg-color: #ffffff;--text-color: #333333;--primary-color: #3498db;--secondary-color: #f8f9fa}.dark{--bg-color: #1a1a1a;--text-color: #f8f9fa;--primary-color: #2c3e50;--secondary-color: #343a40}