:root{
  --bg:#080b10; --panel:#10131a; --top:#151922; --border:#2a303a;
  --text:#fff; --muted:#adb5bd; --red:#ff3434; --green:#198754;
  --blue:#0b5ed7; --orange:#fd7e14; --purple:#6f42c1; --yellow:#ffd43b;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Segoe UI,Arial,sans-serif}
a{text-decoration:none;color:inherit}
.topbar{width:100%;background:var(--top);border-bottom:1px solid var(--border);min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;gap:18px}
.brand{display:flex;align-items:center;gap:12px}
.brand-logo-text{font-size:40px;font-weight:900;color:var(--red);line-height:1}
.brand strong{display:block;font-size:18px;color:#fff}
.brand small{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.nav a{padding:9px 11px;border-radius:8px;font-size:14px;color:#fff}
.nav a:hover{background:#232a38}
.menu-btn{display:none;background:#232a38;color:#fff;border:0;border-radius:8px;padding:9px 12px}
main{min-height:calc(100vh - 150px)}
.hero,.page-hero{text-align:center;padding:52px 22px 30px}
.logo-hero{width:min(310px,78vw);border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.45);display:block;margin:0 auto 22px}
.tag{color:var(--yellow);font-weight:900;text-transform:uppercase;letter-spacing:2px;font-size:13px}
h1{font-size:clamp(32px,5vw,58px);line-height:1.08;margin:10px auto 14px}
h2{margin-top:0}
.lead{max-width:780px;margin:0 auto 20px;color:#d8dde6;font-size:18px;line-height:1.55}
.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.btn,button.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;background:var(--green);color:#fff;padding:13px 18px;font-weight:900;cursor:pointer;text-align:center}
.btn:hover,button.btn:hover{filter:brightness(1.08)}
.btn.full{width:100%}.btn-blue{background:var(--blue)}.btn-orange{background:var(--orange)}.btn-purple{background:var(--purple)}.btn-red{background:#dc3545}.btn-outline{background:transparent;border:1px solid var(--border)}
.grid,.cards{max-width:1180px;margin:0 auto 50px;padding:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.card,.box{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:22px}
.card p,.box p,li{color:#d5dbe5;line-height:1.55}
.login-box{width:min(520px,92vw);margin:20px auto 60px;background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:24px}
label{display:block;margin:12px 0 6px;color:#e9ecef}
input,textarea{width:100%;background:#050608;color:#fff;border:1px solid #252b35;border-radius:10px;padding:13px}
.login-status{display:none;margin-top:12px;padding:12px;border-radius:10px;background:#050608;border:1px solid #252b35}
.login-status.ok{display:block;color:#51cf66}.login-status.erro{display:block;color:#ff6b6b}
.footer-social-only{background:#0b0f16;border-top:1px solid #202633;padding:28px 24px;color:white}
.footer-social-inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.footer-social-inner p{margin:6px 0 0;color:#adb5bd}
.social-row{display:flex;gap:14px;align-items:center}
.social{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:white;font-weight:900;font-size:12px}
.whatsapp{background:#25d366}.instagram{background:linear-gradient(135deg,#feda75,#d62976,#962fbf,#4f5bd)}.facebook{background:#1877f2}
.floating-actions{position:fixed;right:18px;bottom:22px;z-index:50}
.float-btn{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#22c55e;color:white;font-size:22px;font-weight:900;box-shadow:0 10px 24px rgba(0,0,0,.25)}
/* app online */
.app-header{background:#20242c;border-bottom:1px solid var(--border);padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.app-title strong{font-size:38px;color:var(--red);display:block;line-height:1}.app-title span{font-size:18px;font-weight:800}
.app-actions{display:flex;gap:8px;flex-wrap:wrap}.app-main{display:grid;grid-template-columns:minmax(0,1fr) 340px}
.app-left{padding:18px}.app-right{background:var(--panel);border-left:1px solid var(--border);padding:18px}
.search-label{color:#51cf66;font-weight:800;margin-bottom:8px}.search-row{display:flex;gap:8px;margin-bottom:10px}.search-row input{flex:1;border-radius:0;color:#00ff66;font-size:18px}
.search-tabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0 12px}.result-table-wrap{border:1px solid #dce3ee;min-height:460px;overflow:auto}
.result-table{width:100%;border-collapse:collapse;min-width:820px}.result-table th{background:#20242c;color:#fff;border:1px solid #dce3ee;padding:8px;font-size:13px}.result-table td{padding:10px 8px;border-bottom:1px solid #111827;font-size:14px}
.result-table tr{cursor:pointer}.result-table tr:hover{background:#101923}.result-table tr.selected{background:#155f2b}
.status-line{text-align:right;color:#cbd5e1;margin-top:8px;font-size:13px}.info-title{color:#ffd43b;font-size:18px;font-weight:900;margin-bottom:12px}
.info-block textarea{min-height:210px;border-radius:0;font-family:Consolas,monospace;font-size:13px}.info-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
@media(max-width:900px){.topbar{flex-wrap:wrap}.menu-btn{display:block}.nav{display:none;width:100%;justify-content:center}.nav.open{display:flex}.grid,.cards{grid-template-columns:1fr}.app-main{grid-template-columns:1fr}.app-right{border-left:0;border-top:1px solid var(--border)}.search-row{flex-wrap:wrap}}


.remember-row{
  display:flex;
  align-items:center;
  gap:8px;
  margin:12px 0 4px;
  color:#e9ecef;
  font-size:14px;
}
.remember-row input{
  width:auto !important;
  accent-color:#198754;
}
.remember-row label{
  margin:0 !important;
  cursor:pointer;
}