:root{--bg:#070b13;--panel:#0d1320;--panel2:#111a29;--line:#202d41;--line2:#293950;--text:#eef5ff;--muted:#8493aa;--blue:#1677ff;--blue2:#0c59d8;--green:#24d38a;--red:#ff5268;--gold:#ffbf54;--shadow:0 22px 60px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 72% -10%,#122544 0,#070b13 42%);color:var(--text);font:14px Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}body.menu-open{overflow:hidden}.app{display:flex;min-height:100vh}.sidebar{width:250px;background:#070c15;border-right:1px solid #1b2637;padding:22px 15px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:50;box-shadow:16px 0 45px rgba(0,0,0,.18)}.side-brand{display:flex;gap:11px;align-items:center;padding:8px 10px 28px}.side-brand img{width:40px;height:40px;object-fit:contain;border-radius:12px}.side-brand b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:155px}.side-brand small{display:block;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:165px}.logo-mark{width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,var(--blue),#08a6ff);display:grid;place-items:center;font-size:25px;font-weight:900;box-shadow:0 12px 35px #1677ff44}.logo-mark.small{width:40px;height:40px;border-radius:12px;font-size:20px}nav{display:grid;gap:6px}nav a,.side-bottom>a{min-height:46px;padding:11px 12px;border-radius:12px;color:#aebbd0;text-decoration:none;display:flex;gap:12px;align-items:center;font-weight:700;transition:background .18s ease,color .18s ease,transform .18s ease}nav a:hover,.side-bottom>a:hover{background:#101a29;color:#fff;transform:translateX(2px)}nav a.active{background:linear-gradient(90deg,#102646,#0d1c31);color:#fff;box-shadow:inset 3px 0 0 var(--blue),0 8px 22px rgba(0,0,0,.18)}.nav-icon{width:20px;text-align:center;font-size:18px;flex:0 0 20px}.side-bottom{margin-top:auto}.user-mini{border-top:1px solid var(--line);padding:16px 8px;display:flex;gap:10px;align-items:center}.avatar{width:36px;height:36px;border-radius:11px;background:#17283e;display:grid;place-items:center;color:#8ec4ff;font-weight:800}.user-mini b{display:block}.user-mini small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.main{margin-left:250px;width:calc(100% - 250px);min-height:100vh}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:#080d16;position:sticky;top:0;z-index:20;box-shadow:0 10px 35px rgba(0,0,0,.14)}.top-title h2{margin:2px 0 0;font-size:19px}.eyebrow{font-size:10px;letter-spacing:1.7px;color:#6384a8;font-weight:800}.top-actions{color:#91a0b6;font-size:12px}.status-dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:7px;box-shadow:0 0 12px var(--green)}.content{padding:30px;max-width:1500px;margin:auto}.flash-wrap{padding:18px 30px 0}.hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.hero h1{margin:5px 0;font-size:31px;letter-spacing:-.7px}.hero p{color:var(--muted);margin:0;line-height:1.55}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat,.card{background:linear-gradient(180deg,#0e1624,#0b121e);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}.stat{padding:19px;min-width:0}.stat span,.stat small{display:block;color:var(--muted)}.stat b{font-size:25px;display:block;margin:8px 0;overflow:hidden;text-overflow:ellipsis}.grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.card{padding:20px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.card h3{margin:0 0 5px}.card-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.text-btn{color:#78b5ff;text-decoration:none;font-weight:700;white-space:nowrap}.panel-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.panel-logo{width:40px;height:40px;border-radius:12px;background:#132238;display:grid;place-items:center;overflow:hidden;color:#8fc8ff;font-weight:900;flex:0 0 auto}.panel-logo img{width:100%;height:100%;object-fit:contain}.panel-logo.large{width:58px;height:58px}.row-main{flex:1;min-width:0}.row-main b{display:block}.row-main small,.url{display:block;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{font-size:10px;font-weight:800;padding:5px 8px;border-radius:999px;white-space:nowrap}.badge.active{color:#67e8ad;background:#103329}.badge.blocked{color:#ff8595;background:#351722}.badge.pending{color:#ffd078;background:#332913}.badge.vip{color:#ffd477;background:#362a12}.shortcut-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shortcut-grid a{padding:16px;border:1px solid var(--line);border-radius:13px;text-decoration:none;color:#8bbdff;transition:.18s}.shortcut-grid a:hover{border-color:#31547e;transform:translateY(-2px);background:#101a29}.shortcut-grid b,.shortcut-grid small{display:block;color:#fff;margin-top:6px}.shortcut-grid small{color:var(--muted);font-size:11px}.btn{border:0;border-radius:11px;padding:11px 15px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:800;cursor:pointer;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.btn:active{transform:translateY(0)}.btn.primary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:white;box-shadow:0 8px 25px #1677ff30}.btn.ghost{background:#111b2a;color:#b9c8dc;border:1px solid var(--line)}.full{width:100%}.alert{padding:12px 15px;border-radius:11px;margin:0}.alert.danger{background:#381721;color:#ff9aa7;border:1px solid #5d2532}.alert.success{background:#103329;color:#76e5b0;border:1px solid #1d5a48}.empty{padding:35px;text-align:center;color:var(--muted)}.wide{grid-column:1/-1}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px}table{width:100%;border-collapse:collapse;min-width:620px}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--line);white-space:nowrap}tr:last-child td{border-bottom:0}th{font-size:10px;letter-spacing:.8px;color:#718198;text-transform:uppercase;background:#0a111d}.actions{display:flex;gap:10px;align-items:center}.actions a,.actions button{color:#7eb9ff;background:none;border:0;cursor:pointer;text-decoration:none;font-weight:700}.form-card{margin-bottom:18px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:18px}label{color:#aebbd0;font-size:12px;font-weight:700}input,select{display:block;width:100%;margin-top:7px;background:#080e18;color:#fff;border:1px solid #20304a;border-radius:10px;padding:12px;outline:none;transition:border .16s,box-shadow .16s}input:focus,select:focus{border-color:#287fff;box-shadow:0 0 0 3px #1677ff18}.panel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.panel-card{background:linear-gradient(180deg,#0e1725,#0a111c);border:1px solid var(--line);border-radius:17px;padding:17px;min-width:0;box-shadow:0 18px 45px rgba(0,0,0,.2);transition:.18s}.panel-card:hover{border-color:#2a3d57;transform:translateY(-2px)}.panel-cover{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.panel-card h3{margin:0 0 5px}.access{background:#080e18;border:1px solid var(--line);border-radius:12px;padding:12px;margin:14px 0}.access div+div{margin-top:10px}.access small{display:block;color:#64748a;font-size:9px;letter-spacing:1px}.access b{font-size:12px}.card-actions{display:flex;gap:7px}.card-actions .btn{flex:1;padding:9px 7px;font-size:11px}.notice{padding:14px;background:#0b1c2b;border:1px solid #1a4162;border-radius:12px;margin-bottom:18px;color:#9ccfff}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;color:#91a5be}.vip-off{text-align:center;padding:60px 25px}.vip-icon{font-size:45px;color:var(--gold)}.vip-off h2{margin:10px}.vip-off p{color:var(--muted);max-width:520px;margin:0 auto 20px}.vip-off small{display:block;color:#64748a;margin-top:15px}.mobile-menu,.mobile-close{display:none}.mobile-overlay{display:none}
.login-page{min-height:100vh;display:grid;place-items:center;background-size:cover;background-position:center;padding:20px}.login-card{width:min(430px,100%);background:#09101c;border:1px solid #20304a;border-radius:22px;padding:30px;box-shadow:0 30px 100px #0008;position:relative}.login-glow{position:fixed;width:400px;height:400px;background:#1677ff22;filter:blur(90px);border-radius:50%;pointer-events:none}.brand{display:flex;gap:12px;align-items:center;margin-bottom:28px}.brand img{width:48px;height:48px;object-fit:contain}.brand strong,.brand span{display:block}.brand span{color:var(--muted);font-size:11px;margin-top:3px}.login-card h1{margin:0;font-size:25px}.muted{color:var(--muted)}.login-card form{margin-top:22px}.login-card label{display:block;margin-bottom:15px}.login-foot{text-align:center;color:#526176;font-size:11px;margin-top:20px}
@media(max-width:1100px){.stats{grid-template-columns:1fr 1fr}.grid-2{grid-template-columns:1fr}.panel-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.sidebar{width:min(310px,86vw);transform:translateX(-105%);transition:transform .22s ease;box-shadow:20px 0 60px rgba(0,0,0,.55)}.menu-open .sidebar{transform:translateX(0)}.mobile-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.66);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .22s;z-index:40}.menu-open .mobile-overlay{opacity:1;pointer-events:auto}.mobile-close{display:grid;place-items:center;position:absolute;right:12px;top:12px;width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:#0d1522;color:#dce8f7;font-size:25px;line-height:1;cursor:pointer}.main{margin-left:0;width:100%}.mobile-menu{display:flex;width:42px;height:42px;border:1px solid var(--line);background:#0d1522;border-radius:11px;align-items:center;justify-content:center;flex-direction:column;gap:4px;cursor:pointer;margin-right:12px}.mobile-menu span{display:block;width:17px;height:2px;border-radius:2px;background:#dce8f7}.topbar{padding:0 15px;height:72px}.top-title h2{font-size:17px}.top-actions{display:none}.content{padding:18px}.flash-wrap{padding:14px 18px 0}.hero{align-items:flex-start;flex-direction:column;margin-bottom:20px}.hero h1{font-size:26px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:15px}.stat b{font-size:21px}.card{padding:16px}.card-head{align-items:flex-start}.panel-grid,.form-grid{grid-template-columns:1fr}.card-actions{flex-wrap:wrap}.card-actions .btn{min-width:30%}.table-wrap{margin:0}.shortcut-grid{grid-template-columns:1fr 1fr}.side-brand{padding-right:42px}}
@media(max-width:430px){.stats{grid-template-columns:1fr}.shortcut-grid{grid-template-columns:1fr}.hero .btn{width:100%}.content{padding:14px}.flash-wrap{padding:12px 14px 0}.card-actions .btn{min-width:calc(50% - 4px)}}
.inline-form{display:inline-flex;flex:1;min-width:0}.inline-form .btn{width:100%}.danger-btn{color:#ff9aa7!important;border-color:#4b2630!important}


/* SIGVOX MOBILE DRAWER — camada sólida e isolada */
@media(max-width:700px){
  html,body{background:#070b13!important;overflow-x:hidden}
  body.menu-open{overflow:hidden!important}
  .mobile-overlay{
    display:block!important;position:fixed!important;inset:0!important;
    width:100vw!important;height:100dvh!important;
    background:rgba(0,0,0,.72)!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    z-index:9998!important;
  }
  body.menu-open .mobile-overlay{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;
  }
  .sidebar{
    position:fixed!important;left:0!important;top:0!important;bottom:0!important;
    width:min(330px,88vw)!important;height:100dvh!important;
    margin:0!important;padding:18px 14px 16px!important;
    background:#070c15!important;background-image:none!important;
    opacity:1!important;visibility:visible!important;
    border-right:1px solid #243248!important;
    box-shadow:24px 0 70px rgba(0,0,0,.65)!important;
    isolation:isolate!important;z-index:9999!important;
    transform:translate3d(-110%,0,0)!important;
    overflow-y:auto!important;overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.menu-open .sidebar{transform:translate3d(0,0,0)!important}
  .sidebar::before{
    content:"";position:absolute;inset:0;background:#070c15;z-index:-1;pointer-events:none;
  }
  .mobile-close{
    display:grid!important;place-items:center!important;
    position:absolute!important;right:12px!important;top:12px!important;
    width:38px!important;height:38px!important;min-width:38px!important;
    margin:0!important;padding:0!important;
    border:1px solid #26364d!important;border-radius:11px!important;
    background:#101927!important;color:#eaf2ff!important;
    box-shadow:none!important;appearance:none!important;-webkit-appearance:none!important;
    font:inherit!important;line-height:1!important;cursor:pointer!important;
    z-index:5!important;
  }
  .mobile-close span{display:block!important;font-size:24px!important;font-weight:400!important;line-height:1!important;color:#eaf2ff!important}
  .side-brand{position:relative;z-index:1;background:#070c15!important}
  .sidebar nav,.sidebar .side-bottom{position:relative;z-index:1}
  .sidebar nav a,.sidebar .side-bottom>a{background:#070c15!important;color:#b9c7da!important;opacity:1!important}
  .sidebar nav a:hover,.sidebar .side-bottom>a:hover{background:#101a29!important;color:#fff!important}
  .sidebar nav a.active{background:#132136!important;color:#fff!important;box-shadow:inset 3px 0 0 #4d91ff,0 8px 22px rgba(0,0,0,.25)!important}
  .side-bottom{background:#070c15!important}
  .user-mini{background:#070c15!important}
  .main{position:relative;z-index:1!important}
}
.copy-row{display:flex;gap:8px;align-items:center;margin-top:8px}.copy-row input{margin:0;flex:1;min-width:0}.check-row{display:flex;align-items:center;gap:9px;margin:14px 0;color:#b9c8dc}.check-row input{width:auto;margin:0}.gateway-row{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:15px 0;border-top:1px solid var(--line)}.gateway-row small{display:block;color:var(--muted);margin-top:4px}.gateway-active{display:flex;flex-direction:column;gap:12px}.gateway-active h2{margin:0}.gateway-active p{margin:0;color:var(--muted)}
@media(max-width:700px){.gateway-row{grid-template-columns:1fr auto}.gateway-row .actions{grid-column:1/-1}.copy-row{flex-direction:column;align-items:stretch}.copy-row .btn{width:100%}}