:root{--bg:#07101c;--panel:#0d1827;--panel2:#101d2f;--line:rgba(255,255,255,.08);--text:#eff7ff;--muted:#8096ad;--green:#2bd576;--blue:#4ca6ff;--danger:#ff667c}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 74% -10%,rgba(47,100,160,.20),transparent 32%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial}a{color:inherit}.app{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.app-nav{height:100vh;position:sticky;top:0;border-right:1px solid var(--line);padding:24px 16px;background:rgba(5,12,21,.86);display:flex;flex-direction:column}.app-logo{display:flex;gap:11px;align-items:center;text-decoration:none;padding:7px}.app-logo>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#148744,#2bd576);box-shadow:0 8px 22px rgba(43,213,118,.18)}.app-logo b,.app-logo small,.app-user b,.app-user small{display:block}.app-logo b{font-size:14px}.app-logo small,.app-user small{font-size:10px;color:var(--muted);margin-top:3px}.app-nav nav{display:grid;gap:6px;margin-top:32px}.app-nav nav a{text-decoration:none;color:#859bb2;padding:11px 12px;border-radius:11px;font-size:13px}.app-nav nav a:hover,.app-nav nav a.active{background:rgba(255,255,255,.06);color:#fff}.app-user{margin-top:auto;border-top:1px solid var(--line);padding:18px 5px 0;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center}.avatar{width:34px;height:34px;border-radius:10px;background:#15263a;display:grid;place-items:center;color:#5ee69b;font-weight:800}.app-user b{font-size:11px}.app-user>a{text-decoration:none;color:#8da4bb}.main{padding:32px;max-width:1600px}.top{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:.16em;color:#45df8b;font-weight:800}.top h1{font-size:34px;margin:5px 0 0}.top p{color:var(--muted);font-size:13px;margin:7px 0 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border:0;border-radius:11px;padding:11px 15px;cursor:pointer;font:inherit;font-size:12px;font-weight:750;background:#1c8e51;color:white}.btn.secondary{background:#122235;border:1px solid var(--line);color:#dce9f5}.btn.danger{background:rgba(255,102,124,.12);color:#ff8597;border:1px solid rgba(255,102,124,.22)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.018));border-radius:18px;padding:19px}.stat span{font-size:11px;color:var(--muted)}.stat strong{display:block;font-size:29px;margin:8px 0}.stat em{font-style:normal;font-size:10px;color:#4dde8e}.panel{margin-top:12px;border:1px solid var(--line);background:rgba(255,255,255,.022);border-radius:18px;padding:19px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.panel h2{font-size:18px;margin:0}.panel p{font-size:11px;color:var(--muted);margin:5px 0 0}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:13px 10px;border-bottom:1px solid rgba(255,255,255,.055);font-size:12px}.table th{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#70879e}.table tr:last-child td{border-bottom:0}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:rgba(43,213,118,.10);color:#55e596;font-size:10px}.badge.gray{background:rgba(255,255,255,.07);color:#9db0c3}.actions{display:flex;gap:7px;flex-wrap:wrap}.mini{border:1px solid var(--line);background:#101e30;color:#cfe1f0;border-radius:8px;padding:6px 9px;text-decoration:none;font-size:10px;cursor:pointer}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form{display:grid;gap:13px}.form label{font-size:11px;color:#a8bbcd}.form input,.form select,.form textarea{width:100%;background:#091421;border:1px solid var(--line);color:white;border-radius:11px;padding:11px 12px;outline:none;font:inherit}.form input:focus,.form select:focus{border-color:rgba(43,213,118,.5);box-shadow:0 0 0 3px rgba(43,213,118,.07)}.notice{padding:12px 14px;border-radius:11px;background:rgba(43,213,118,.08);border:1px solid rgba(43,213,118,.2);font-size:11px;color:#8ff0b8}.notice.error{background:rgba(255,102,124,.08);border-color:rgba(255,102,124,.2);color:#ffa2b0}.empty{padding:32px;text-align:center;color:var(--muted);font-size:12px;border:1px dashed rgba(255,255,255,.12);border-radius:14px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.plan{position:relative}.plan.featured{border-color:rgba(43,213,118,.45);box-shadow:0 0 0 1px rgba(43,213,118,.08),0 20px 50px rgba(0,0,0,.18)}.price{font-size:36px;font-weight:850;margin:13px 0}.price small{font-size:12px;color:var(--muted);font-weight:500}.features{display:grid;gap:10px;padding:0;margin:18px 0;list-style:none;color:#b6c8d9;font-size:12px}.features li:before{content:'✓';color:#4ee391;margin-right:8px}.map-card{height:520px;position:relative;overflow:hidden;background:radial-gradient(circle at 45% 45%,rgba(47,113,181,.20),transparent 30%),#08131f}.world{position:absolute;inset:35px;background:radial-gradient(ellipse at 25% 44%,rgba(66,100,132,.42) 0 7%,transparent 8%),radial-gradient(ellipse at 47% 42%,rgba(66,100,132,.42) 0 12%,transparent 13%),radial-gradient(ellipse at 72% 47%,rgba(66,100,132,.42) 0 14%,transparent 15%),radial-gradient(ellipse at 78% 70%,rgba(66,100,132,.35) 0 6%,transparent 7%);opacity:.8}.map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px}.map-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px rgba(43,213,118,.1),0 0 22px rgba(43,213,118,.8);animation:mp 1.7s infinite}@keyframes mp{50%{box-shadow:0 0 0 12px transparent,0 0 22px rgba(43,213,118,.4)}}@media(max-width:980px){.app{grid-template-columns:1fr}.app-nav{display:none}.main{padding:20px}.cards{grid-template-columns:repeat(2,1fr)}.plans,.grid2{grid-template-columns:1fr}}@media(max-width:560px){.cards{grid-template-columns:1fr 1fr}.top{align-items:flex-start;flex-direction:column}.main{padding:16px}.table-wrap{overflow:auto}}

/* Navegação mobile e central do site */
.mobile-nav-toggle,.nav-backdrop,.nav-mobile-head{display:none}
.site-hero{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;margin-bottom:18px;padding:22px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(43,213,118,.055),rgba(76,166,255,.035));border-radius:20px}
.site-hero h1{margin:6px 0 7px;font-size:30px}.site-hero p{margin:0;color:var(--muted);font-size:12px}.site-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.site-meta span,.site-meta a{font-size:10px;padding:6px 9px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.035);text-decoration:none;color:#b8cadd}.site-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.site-tabs{display:flex;gap:7px;overflow:auto;padding:8px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);margin-bottom:16px}.site-tabs a{white-space:nowrap;text-decoration:none;color:#8fa5ba;padding:9px 11px;border-radius:9px;font-size:11px;font-weight:700}.site-tabs a:hover,.site-tabs a.active{background:rgba(43,213,118,.1);color:#fff}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-card{display:block;text-decoration:none;transition:.18s ease}.quick-card:hover{transform:translateY(-2px);border-color:rgba(43,213,118,.28)}.quick-card .icon{width:38px;height:38px;border-radius:11px;background:#12253a;display:grid;place-items:center;margin-bottom:20px;color:#59e99a;font-size:17px}.quick-card h3{font-size:14px;margin:0 0 7px}.quick-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.code-box{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:stretch}.code-box textarea{width:100%;min-height:92px;resize:none;background:#06101b;color:#9ff0bd;border:1px solid var(--line);border-radius:12px;padding:12px;font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.activity-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.055)}.activity-row:last-child{border-bottom:0}.activity-row b{font-size:11px;display:block}.activity-row span{font-size:10px;color:var(--muted);display:block;margin-top:4px}.activity-row strong{font-size:11px;color:#63e89c;align-self:center}
@media(max-width:980px){
  .mobile-nav-toggle{display:grid;position:fixed;z-index:10002;left:14px;top:14px;width:42px;height:42px;padding:11px;border:1px solid var(--line);border-radius:12px;background:rgba(8,18,30,.94);box-shadow:0 12px 30px rgba(0,0,0,.3);cursor:pointer;align-content:center;gap:4px}
  .mobile-nav-toggle span{display:block;height:2px;border-radius:2px;background:#dff7eb}
  .nav-backdrop{position:fixed;inset:0;z-index:10000;border:0;background:rgba(0,0,0,.58);backdrop-filter:blur(3px)}
  body.nav-open .nav-backdrop{display:block}
  .app-nav{display:flex!important;position:fixed;z-index:10001;left:0;top:0;bottom:0;width:min(84vw,300px);height:100vh;transform:translateX(-105%);transition:transform .22s ease;box-shadow:18px 0 45px rgba(0,0,0,.35)}
  body.nav-open .app-nav{transform:translateX(0)}
  body.nav-open{overflow:hidden}
  .nav-mobile-head{display:flex;align-items:center;justify-content:space-between;color:#7f96ac;font-size:10px;text-transform:uppercase;letter-spacing:.14em;margin:-8px 0 12px;padding:0 4px}
  .nav-mobile-head button{border:0;background:transparent;color:#fff;font-size:26px;cursor:pointer;padding:0 5px}
  .main{padding-top:72px}
  .site-hero{grid-template-columns:1fr}.site-actions{justify-content:flex-start}.quick-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){.quick-grid{grid-template-columns:1fr}.site-hero{padding:17px}.site-hero h1{font-size:25px}.code-box{grid-template-columns:1fr}.site-actions .btn{flex:1}.site-tabs{margin-left:-2px;margin-right:-2px}}
