*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100vh}body{background:#0f172a;font-family:Arial,sans-serif}#root{width:100%;max-width:100%;margin:0;padding:0}.login-container{background:#0f172a;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:#f8fafc;border-radius:20px;flex-direction:column;gap:16px;width:400px;padding:40px;display:flex;box-shadow:0 20px 40px #0006}.login-card h1{text-align:center;color:#0f172a;margin-bottom:20px}.login-card input{border:1px solid #cbd5e1;border-radius:12px;padding:14px;font-size:15px}.login-card input:focus{border-color:#2563eb;outline:none}.login-card button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;padding:14px;font-weight:700;transition:all .2s}.login-card button:hover{background:#1d4ed8;transform:scale(1.02)}.login-card input{color:#0f172a!important;background:#fff!important;border:1px solid #cbd5e1!important}.dashboard-container{background:#0f172a;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.dashboard-container h1{color:#fff;margin-bottom:30px;font-size:28px}.dashboard-cards{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.dashboard-card{color:#0f172a;cursor:pointer;background:#f8fafc;border-radius:18px;justify-content:center;align-items:center;width:160px;height:160px;font-size:20px;font-weight:700;transition:all .25s;display:flex;box-shadow:0 12px 25px #00000059}.dashboard-card:hover{color:#fff;background:#2563eb;transform:translateY(-6px)}.dashboard-info{z-index:100;flex-direction:column;gap:15px;width:220px;display:flex;position:fixed;top:120px;right:15px}.info-card{color:#fff;border-radius:16px;padding:18px;box-shadow:0 10px 25px #00000059}.info-card h3{margin-bottom:8px;font-size:14px}.info-card p{font-size:26px;font-weight:700}.dashboard-acoes{flex-direction:column;gap:12px;width:220px;display:flex;position:fixed;bottom:20px;right:15px}.btn-dashboard{color:#fff;cursor:pointer;border:none;border-radius:12px;padding:14px;font-weight:700;transition:all .2s;box-shadow:0 10px 20px #0000004d}.btn-dashboard:hover{transform:scale(1.03)}.cobrar{background:#ef4444}.lembrar{background:#7c3aed}.qr-container{justify-content:center;margin-top:20px;display:flex}.qr-container img{background:#fff;border-radius:12px;width:300px;height:300px;padding:10px}@media (width<=900px){.dashboard-info{width:100%;margin-top:30px;position:static}.dashboard-acoes{width:100%;margin-top:20px;position:static}}.modal-overlay{z-index:999;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-dashboard{background:#f8fafc;border-radius:20px;width:500px;max-width:95%;padding:25px;box-shadow:0 20px 40px #0006}.logout-btn{color:#fff;cursor:pointer;z-index:999;background:#dc2626;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:700;display:flex;position:fixed;top:20px;right:20px}.logout-btn:hover{opacity:.9}.modal-topo{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-topo button{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;width:35px;height:35px}.modal-lista{flex-direction:column;gap:12px;max-height:400px;display:flex;overflow-y:auto}.modal-item{background:#e2e8f0;border-radius:12px;padding:15px}.modal-item strong{margin-bottom:5px;display:block}.modal-item span{color:#2563eb;font-weight:700}@media (width<=768px){.dashboard-card{width:130px;height:130px;font-size:17px}}.clientes-container{background:#0f172a;min-height:100vh;padding:30px}.clientes-container h1{color:#fff;margin-bottom:25px}.clientes-form{background:#f8fafc;border-radius:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;padding:25px;display:grid;box-shadow:0 15px 30px #0000004d}.clientes-form input{border:1px solid #cbd5e1;border-radius:10px;padding:13px}.clientes-form input:focus{border-color:#2563eb;outline:none}.clientes-form button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:13px;font-weight:700}.clientes-lista{flex-direction:column;gap:15px;margin-top:30px;display:flex}.cliente-card{background:#f8fafc;border-radius:16px;justify-content:space-between;align-items:center;padding:20px;display:flex;box-shadow:0 10px 25px #00000040}.cliente-card h3{color:#0f172a;margin:0}.cliente-acoes{gap:10px;display:flex}.whatsapp-btn{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:10px;padding:10px 16px;font-weight:700}.financeiro-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:10px 16px;font-weight:700}.cliente-card{position:relative}.excluir-btn{color:#fff;cursor:pointer;background:red;border:none;border-radius:50%;width:25px;height:25px;font-weight:700;position:absolute;top:10px;right:10px}@media (width<=768px){.cliente-card{flex-direction:column;align-items:flex-start;gap:15px}.cliente-acoes{flex-direction:column;width:100%}.cliente-acoes button{width:100%}}.clientes-form input{color:#000!important;background:#fff!important}.financeiro-container{background:#0f172a;width:100%;min-height:100vh;padding:30px}.financeiro-container h1,.financeiro-container h2{color:#fff}.financeiro-form{background:#f8fafc;border-radius:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;padding:25px;display:grid;box-shadow:0 15px 30px #0000004d}.financeiro-form input{border:1px solid #cbd5e1;border-radius:10px;padding:13px}.financeiro-form button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:13px;font-weight:700}.financeiro-section{margin-top:40px}.financeiro-card{background:#f8fafc;border-radius:16px;justify-content:space-between;align-items:center;margin-top:15px;padding:20px;display:flex;box-shadow:0 10px 25px #00000040}.financeiro-pago{border-left:8px solid #22c55e}.financeiro-acoes{gap:10px;display:flex}.pago-btn{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:10px;padding:10px 16px;font-weight:700}.cancelar-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;padding:10px 16px;font-weight:700}@media (width<=768px){.financeiro-card{flex-direction:column;align-items:flex-start;gap:15px}.financeiro-acoes{flex-direction:column;width:100%}.financeiro-acoes button{width:100%}}body,#root{background:#0f172a!important}.financeiro-geral-container{background:#0f172a;min-height:100vh;padding:30px}.financeiro-geral-container h1{color:#fff;margin-bottom:30px}.linha-financeira{position:relative}.excluir-despesa-btn{color:#fff;cursor:pointer;background:red;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:12px;font-weight:700;display:flex;position:absolute;top:10px;left:0;background:red!important;width:24px!important}.financeiro-resumo{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:30px;display:grid}.resumo-card{color:#fff;border-radius:18px;padding:25px;box-shadow:0 10px 25px #0000004d}.resumo-card h3{margin-bottom:10px}.resumo-card p{font-size:28px;font-weight:700}.verde{background:#22c55e}.amarelo{background:#f59e0b}.vermelho{background:#ef4444}.azul{background:#2563eb}.financeiro-geral-cards{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px;display:grid}.financeiro-geral-card{background:#f8fafc;border-radius:20px;padding:25px}.financeiro-geral-card h2{margin-bottom:20px}.financeiro-acoes{justify-content:center;align-items:center;gap:20px;margin:30px 0;display:flex}.fechar-btn,.historico-btn{color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px 24px;font-size:15px;font-weight:700;transition:all .2s}.fechar-btn{background:#2563eb}.historico-btn{background:#111827}.fechar-btn:hover,.historico-btn:hover{opacity:.9;transform:scale(1.05)}.financeiro-geral-card input{color:#000;background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;margin-bottom:12px;padding:14px}.financeiro-geral-card button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;width:100%;margin-bottom:20px;padding:14px;font-weight:700}.lista-financeira{flex-direction:column;gap:12px;display:flex}.linha-financeira{background:#e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:14px;display:flex}