*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#f0f2f5;font-family:Segoe UI,Arial,sans-serif}.login-overlay{background:linear-gradient(135deg,#1a2a3a 0%,#2c3e50 50%,#34495e 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fff;border-radius:12px;width:420px;max-width:90vw;padding:40px;box-shadow:0 8px 30px #0000004d}.login-header{text-align:center;margin-bottom:30px}.login-logo{width:140px;height:auto;margin-bottom:15px}.login-icon{margin-bottom:10px;font-size:40px}.login-header h1{color:#2c3e50;margin-bottom:6px;font-size:22px}.login-subtitle{color:#7f8c8d;font-size:14px}.form-group{margin-bottom:18px}.form-group label{color:#2c3e50;margin-bottom:6px;font-size:14px;font-weight:600;display:block}.form-group input{background:#fafafa;border:2px solid #dfe6e9;border-radius:6px;width:100%;padding:11px 14px;font-size:15px;transition:border-color .2s}.form-group input:focus{background:#fff;border-color:#3498db;outline:none}.msg-erro{color:#e74c3c;text-align:center;margin:12px 0;font-size:14px;font-weight:500}.msg-sucesso{color:#27ae60;text-align:center;margin:12px 0;font-size:14px;font-weight:500}.login-buttons{gap:10px;margin-top:20px;display:flex}.btn-ok{color:#fff;cursor:pointer;background-color:#27ae60;border:none;border-radius:6px;flex:1;padding:12px;font-size:15px;font-weight:600;transition:background-color .2s}.btn-ok:hover{background-color:#219a52}.btn-ok:disabled{cursor:not-allowed;background-color:#95a5a6}.btn-cancelar{color:#fff;cursor:pointer;background-color:#e74c3c;border:none;border-radius:6px;flex:1;padding:12px;font-size:15px;font-weight:600}.btn-cancelar:hover{background-color:#c0392b}.btn-alterar-senha{color:#555;cursor:pointer;background-color:#f0f0f0;border:2px solid #ddd;border-radius:6px;flex:1;padding:12px;font-size:14px;font-weight:600}.btn-alterar-senha:hover{background-color:#e0e0e0;border-color:#bbb}.login-footer{color:#fff6;margin-top:20px;font-size:12px}.app-layout{min-height:100vh;display:flex}.sidebar{color:#fff;z-index:100;background:#1a2332;flex-direction:column;width:240px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar-logo{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:18px 20px;display:flex}.sidebar-logo-img{width:38px;height:auto}.sidebar-title{color:#ecf0f1;font-size:18px;font-weight:700}.sidebar-nav{flex:1;padding:8px 0}.sidebar-item{color:#a0aec0;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:12px 20px;font-size:14px;transition:all .15s;display:flex}.sidebar-item:hover{color:#ecf0f1;background:#ffffff0f}.sidebar-item-ativo{color:#3498db;background:#3498db33;border-left:3px solid #3498db}.sidebar-icon{text-align:center;width:22px;font-size:16px}.sidebar-label{flex:1}.sidebar-arrow{font-size:12px;transition:transform .2s}.arrow-aberto{transform:rotate(90deg)}.sidebar-submenu{background:#00000026}.sidebar-subitem{color:#8899a6;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 20px 10px 36px;font-size:13px;transition:all .15s;display:flex}.sidebar-subitem:hover{color:#bdc3c7;background:#ffffff0a}.sidebar-subitem-ativo{color:#3498db;background:#3498db1a}.sidebar-footer{color:#566573;text-align:center;border-top:1px solid #ffffff0f;padding:12px 20px;font-size:11px}.app-content{flex-direction:column;flex:1;min-height:100vh;margin-left:240px;display:flex}.app-topbar{background:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;box-shadow:0 1px 3px #0000000d}.topbar-titulo{color:#2c3e50;font-size:18px;font-weight:600}.topbar-right{align-items:center;gap:16px;display:flex}.topbar-usuario{color:#7f8c8d;font-size:14px}.btn-logout{color:#fff;cursor:pointer;background-color:#e74c3c;border:none;border-radius:4px;padding:6px 16px;font-size:13px}.btn-logout:hover{background-color:#c0392b}.app-main{background:#f0f2f5;flex:1;padding:24px}.dashboard-loading{color:#7f8c8d;flex-direction:column;justify-content:center;align-items:center;height:300px;display:flex}.spinner{border:4px solid #ddd;border-top-color:#3498db;border-radius:50%;width:40px;height:40px;margin-bottom:15px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-erro{color:#e74c3c;text-align:center;background:#fadbd8;border-radius:8px;padding:15px 20px}.dashboard-cards{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.dash-card{background:#fff;border-left:4px solid #0000;border-radius:10px;align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 2px 8px #0000000f}.card-azul{border-left-color:#3498db}.card-verde{border-left-color:#27ae60}.card-vermelho{border-left-color:#e74c3c}.card-laranja{border-left-color:#e67e22}.card-icone{font-size:32px}.card-info{flex-direction:column;display:flex}.card-valor{color:#2c3e50;font-size:26px;font-weight:700;line-height:1.1}.card-label{color:#7f8c8d;margin-top:2px;font-size:13px}.dashboard-minicards{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}.mini-card{background:#fff;border-radius:8px;align-items:center;gap:12px;padding:16px;display:flex;box-shadow:0 2px 6px #0000000a}.mini-icone{font-size:24px}.mini-valor{color:#2c3e50;font-size:20px;font-weight:700}.mini-label{color:#95a5a6;font-size:12px}.dashboard-situacao{background:#fff;border-radius:10px;padding:24px;box-shadow:0 2px 8px #0000000f}.situacao-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.situacao-header h2{color:#2c3e50;font-size:18px}.btn-atualizar{cursor:pointer;color:#555;background:#ecf0f1;border:none;border-radius:6px;padding:8px 16px;font-size:13px;transition:background .2s}.btn-atualizar:hover{background:#dfe6e9}.situacao-tabela{border-collapse:collapse;width:100%}.situacao-tabela th{text-align:right;padding:12px 16px;font-size:14px;font-weight:700}.col-negocio{width:30%;text-align:left!important}.col-entregue{color:#27ae60}.col-saiu{color:#3498db}.col-pendente{color:#e74c3c}.situacao-tabela td{text-align:right;border-top:1px solid #f0f0f0;padding:10px 16px;font-size:15px}.td-negocio{text-align:left;color:#2c3e50;font-weight:600}.td-entregue{color:#27ae60;font-weight:600}.td-saiu{color:#3498db;font-weight:600}.td-pendente{color:#e74c3c;font-weight:600}.tr-total{border-top:2px solid #ddd!important}.tr-total td{border-top:2px solid #ddd;padding-top:14px;font-size:17px;font-weight:700}.pagina-construcao{background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;height:400px;display:flex;box-shadow:0 2px 8px #0000000f}.construcao-icone{margin-bottom:16px;font-size:60px}.pagina-construcao h2{color:#2c3e50;margin-bottom:8px;font-size:22px}.pagina-construcao p{color:#95a5a6;font-size:15px}@media (width<=1100px){.dashboard-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sidebar{width:60px}.sidebar-label,.sidebar-title,.sidebar-arrow,.sidebar-footer span{display:none}.sidebar-logo{justify-content:center;padding:14px 8px}.sidebar-item,.sidebar-subitem{justify-content:center;padding:12px 8px}.sidebar-icon{width:auto}.app-content{margin-left:60px}.dashboard-cards,.dashboard-minicards{grid-template-columns:1fr}}