:root{--azul-empresa:#141434;--marrom-empresa:#c28954;--texto-claro:#fff;--bg-input:#f8f9fa;--border-color:#dee2e6;--header-height:70px;--tabs-height:65px;--sidebar-width:260px}*{box-sizing:border-box}body,html{background-color:#f4f5f7;margin:0;padding:0;overflow-x:hidden}.app-layout{flex-direction:column;min-height:100vh;display:flex}.app-body{flex:1;position:relative}.app-main{flex-direction:column;flex:1;width:100%;display:flex}.app-footer{background-color:var(--azul-empresa);border-top:3px solid var(--marrom-empresa);color:var(--texto-claro);text-align:center;margin-top:auto;padding:30px 20px}.app-header{height:var(--header-height);background-color:var(--azul-empresa);border-bottom:3px solid var(--marrom-empresa);color:var(--texto-claro);z-index:1050;justify-content:space-between;align-items:center;padding:0 20px;transition:transform .3s ease-in-out;display:flex;position:sticky;top:0}.header-hidden{transform:translateY(-100%)}.header-center-nav{align-items:center;gap:20px;display:flex}.header-link{color:var(--texto-claro);align-items:center;gap:8px;font-weight:500;text-decoration:none;transition:color .3s;display:flex}.header-link:hover{color:var(--marrom-empresa)}.toggle-sidebar-btn{color:var(--texto-claro);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-size:24px;display:flex}.toggle-sidebar-btn:hover{color:var(--marrom-empresa)}.header-logo-responsive{object-fit:contain;height:38px;transition:height .2s}@media (width>=768px){.header-logo-responsive{height:45px}}@media (width>=992px){.header-logo-responsive{height:55px}}.user-name-header{white-space:nowrap;text-overflow:ellipsis;max-width:60px;font-size:13px;display:block;overflow:hidden}@media (width>=400px){.user-name-header{max-width:90px}}@media (width>=768px){.user-name-header{max-width:150px;font-size:16px}}.btn-logout-header{color:#dc3545;cursor:pointer;background:0 0;border:1px solid #dc3545;border-radius:4px;padding:2px 8px;font-size:11px;transition:all .2s}.btn-logout-header:hover{color:#fff;background-color:#dc3545}@media (width>=768px){.btn-logout-header{padding:6px 16px;font-size:14px}}.app-sidebar{top:var(--header-height);height:calc(100vh - var(--header-height));width:var(--sidebar-width);background-color:var(--azul-empresa);border-right:3px solid var(--marrom-empresa);color:var(--texto-claro);z-index:1040;flex-direction:column;transition:transform .3s ease-in-out;display:flex;position:fixed;left:0;overflow:hidden auto;transform:translate(0)}.app-sidebar.closed{transform:translate(-100%)}.sidebar-overlay{inset:0;top:var(--header-height);z-index:1039;cursor:pointer;background-color:#00000073;display:none;position:fixed}.sidebar-overlay.visible{display:block}.app-tabs{background-color:var(--azul-empresa);border-top:3px solid var(--marrom-empresa);height:var(--tabs-height);z-index:1100;width:100%;padding-bottom:env(safe-area-inset-bottom);will-change:transform;justify-content:space-around;align-items:center;transition:transform .25s cubic-bezier(.4,0,.2,1);display:none;position:fixed;bottom:0;left:0}.app-tabs.tabs-hidden{transform:translateY(calc(var(--tabs-height) + env(safe-area-inset-bottom) + 10px))}.tab-item{color:var(--texto-claro);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:8px 0;font-size:12px;text-decoration:none;display:flex}.tab-item.active,.tab-item:hover{color:var(--marrom-empresa)}.module-page{flex-direction:column;padding:1rem;display:flex}.page-header h4{color:var(--azul-empresa);margin:0;font-size:1.5rem;font-weight:700}.custom-card{border-radius:10px;margin-bottom:auto;overflow:hidden}.btn-modern-create{border-radius:6px;align-items:center;padding:.5rem 1.2rem;font-weight:600;transition:all .2s ease-in-out;display:inline-flex;color:var(--texto-claro)!important;border:none!important}.btn-modern-create:hover:not(:disabled){filter:brightness(90%);transform:translateY(-1px)}button.btn-marron,button.btn-marron:not(:disabled):not(.disabled){background-color:#c28954!important;border-color:#c28954!important}button.btn-azul,button.btn-azul:not(:disabled):not(.disabled){background-color:#141434!important;border-color:#141434!important}button.btn-verde,button.btn-verde:not(:disabled):not(.disabled){background-color:#198754!important;border-color:#198754!important}.btn-conciliar-sim{transition:all .2s ease-in-out;color:#c28954!important;background-color:#fff!important;border:1px solid #c28954!important}.btn-conciliar-sim:hover{color:#fff!important;background-color:#c28954!important}.btn-conciliar-nao{transition:all .2s ease-in-out;color:#141434!important;background-color:#fff!important;border:1px solid #141434!important}.btn-conciliar-nao:hover{color:#fff!important;background-color:#141434!important}.form-label-custom{color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.75rem;font-weight:700}.form-control-custom{background-color:var(--bg-input);border:1px solid var(--border-color);color:#212529;border-radius:8px;padding:.65rem 1rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.form-control-custom:focus{border-color:var(--marrom-empresa);background-color:#fff;outline:none;box-shadow:0 0 0 3px #c2895426}.form-switch .form-check-input{cursor:pointer;width:2.5em;height:1.2em}.form-switch .form-check-input:checked{background-color:var(--marrom-empresa);border-color:var(--marrom-empresa)}@media (width<=768px){.app-tabs{display:flex}.app-main{padding-bottom:calc(var(--tabs-height) + 10px)}.app-footer{padding-bottom:calc(var(--tabs-height) + 30px)}}.hover-scale{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out!important}.hover-scale:hover{transform:scale(1.02)!important;box-shadow:0 .5rem 1.5rem #00000026!important}.footer-link{color:#fff;opacity:.75;text-decoration:none;transition:all .2s}.footer-link:hover{color:#c28954;opacity:1}.social-icon{color:#fff;opacity:.75;transition:all .2s}.social-icon:hover{opacity:1}.social-icon.linkedin:hover{color:#0a66c2}.social-icon.whatsapp:hover{color:#25d366}.social-icon.instagram:hover svg path{fill:url(#instagram-gradient)}@media (width<=767px){.app-footer{padding:20px 0 10px!important}.app-footer .row{row-gap:10px!important}.footer-logo{height:40px!important}.footer-title-mobile{font-size:14px!important}.contact-text-mobile{font-size:10px!important;line-height:1.4!important}.social-icons-mobile svg{width:20px!important;height:20px!important}.footer-divider{margin-top:15px!important;margin-bottom:10px!important}.footer-bottom-mobile{text-align:center;flex-direction:column!important;justify-content:center!important;gap:4px!important;margin-bottom:0!important;font-size:10px!important}}