:root{--azul:#3e4558;--ouro:#b3ad95;--ouro-escuro:#ada688;--azul-escuro:#212529;--azul-escuro-hover:#2c3033;--navbar-left-width:250px;--navbar-minimized-width:70px}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}.separator{background-color:var(--ouro);width:100%;height:2px;margin:5px 0}html,body{width:100%;height:100%}.login-container{background-color:var(--azul);place-items:center;width:100%;height:100vh;display:grid}.login-card{background-color:var(--azul-escuro);flex-direction:column;justify-content:center;align-items:center;gap:20px;width:400px;max-width:90%;height:450px;padding:40px 20px;display:flex;box-shadow:0 8px 16px rgba(0,0,0,.4)}.login-logo{margin-bottom:30px}.login-title{letter-spacing:1px;color:var(--ouro);text-align:center;margin-bottom:10px;font-size:30px;font-weight:800}.login-desc{color:#c4c4c4;text-align:center;margin-bottom:10px;font-weight:500}.login-form{flex-direction:column;justify-content:center;align-items:center;gap:15px;width:75%;max-width:280px;display:flex}.login-form input{width:100%;display:block}.login-input-group{width:100%;position:relative}.login-input{background-color:#fff;border:1px solid transparent;outline:none;width:100%;margin-bottom:0;padding:12px 20px}.login-input-group .login-input{padding-right:50px}.login-input:focus{border:1px solid var(--ouro);transform:scale(1)}.login-input:hover{border:1px solid var(--ouro)}.login-button{background-color:var(--ouro);width:100%;color:var(--azul-escuro);cursor:pointer;text-transform:uppercase;border:none;margin-bottom:0;padding:12px 30px;font-weight:700}.login-button:hover:not(:disabled){background-color:var(--ouro-escuro);transform:scale(1.02)}.login-button:disabled{opacity:.6;cursor:wait;transform:none}.login-error-message{color:#f87171;text-align:center;background-color:#381f21;border:1px solid #f87171;width:100%;margin-bottom:0;padding:10px;font-size:14px}.login-error-message.success{color:#4caf50;background-color:#2a382e;border:1px solid #4caf50}.password-toggle-btn{cursor:pointer;z-index:10;color:var(--azul-escuro);background:0 0;border:none;width:auto;height:auto;margin-bottom:0;padding:5px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.password-toggle-btn:hover{color:var(--azul)}.toggle-icon{width:15px;height:15px;display:block}.home-container{flex-direction:row;width:100vw;height:100vh;display:flex;overflow:hidden}.home-navbar-left{width:var(--navbar-left-width);background-color:var(--azul);flex-direction:column;flex-shrink:0;gap:1px;height:100%;max-height:100%;display:flex}.home-sidebar-header{flex-direction:column;justify-content:center;align-items:center;height:120px;margin-top:20px;margin-bottom:20px;padding:15px 0;display:flex;position:relative}.home-sidebar-header Image{object-fit:contain}.home-sidebar-header span{color:var(--ouro);text-align:center;margin-top:12px;font-size:15px;font-weight:600}.home-navbar-button,.home-navbar-logout{color:#b9b9b9;cursor:pointer;align-items:center;gap:10px;width:100%;height:50px;padding-left:20px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.home-navbar-button{background-color:var(--azul-escuro)}.home-navbar-logout{color:#fff;background-color:#f87171;margin-top:auto}.home-navbar-logout svg{width:18px;height:18px}.home-navbar-logout:hover{color:#fff;background-color:#e66666}.home-navbar-button svg{width:18px;height:18px}.home-navbar-button:hover{background-color:var(--azul-escuro-hover);color:#747474}.home-navbar-button.active-view{background-color:var(--azul-escuro-hover);color:var(--ouro)}.home-content{flex-grow:1;width:100%;height:100%;max-height:100%;padding:20px;overflow-x:hidden;overflow-y:auto}.home-menu-toggle{cursor:pointer;color:var(--ouro);z-index:10;background:0 0;border:none;padding:10px;font-size:24px;line-height:1;display:none}.archives-title,.calc-title,.briefing-title,.inicio-title,.config-title{color:var(--azul)}.archives-itens{flex-direction:column;gap:10px;display:flex}.archives-item{flex-direction:row;align-items:center;gap:15px;font-size:13px;display:flex}.archive-button{background-color:var(--ouro);cursor:pointer;color:var(--azul);align-items:center;gap:5px;padding:5px 15px;font-weight:700;display:flex}.archive-button svg{width:15px;height:15px}.archive-button:hover{transform:scale(1.02)}@media (max-width:768px){.home-navbar-left{width:var(--navbar-minimized-width);z-index:99;position:fixed;transform:none}.home-sidebar-header{flex-direction:row;justify-content:space-around;align-items:center;height:70px;margin-top:0;margin-bottom:5px;padding:0 5px}.home-sidebar-header Image{display:none}.home-sidebar-header span{opacity:0;display:none}.home-sidebar-header:before{content:"PDA";color:var(--ouro);font-size:20px;font-weight:800}.home-menu-toggle{display:block}.home-navbar-button,.home-navbar-logout{text-align:center;justify-content:center;padding-left:0}.home-navbar-button span,.home-navbar-logout span{opacity:0;max-width:0;display:none}.home-navbar-left.open-menu{width:var(--navbar-left-width)}.home-navbar-left.open-menu .home-sidebar-header{flex-direction:column;justify-content:center;height:120px;margin-top:20px;margin-bottom:20px;padding:15px 0}.home-navbar-left.open-menu .home-sidebar-header:before{content:none}.home-navbar-left.open-menu .home-sidebar-header span{opacity:1;display:block}.home-navbar-left.open-menu .home-sidebar-header .home-menu-toggle,.logo{display:none}.home-navbar-left.open-menu .home-navbar-button,.home-navbar-left.open-menu .home-navbar-logout{justify-content:flex-start;padding-left:20px}.home-navbar-left.open-menu .home-navbar-button span,.home-navbar-left.open-menu .home-navbar-logout span{opacity:1;max-width:200px;display:block}.home-content{margin-left:var(--navbar-minimized-width);width:calc(100% - var(--navbar-minimized-width))}.home-navbar-left.open-menu+.home-content{width:100%;margin-left:0}}