*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#03060d;color:#f4f7ff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.hidden{display:none!important}button,input,select{font:inherit}.auth{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(430px,.8fr);background:#03060d;overflow:hidden}.auth-visual{position:relative;min-height:100vh;background-image:url('/assets/nexora-wolf-gateway.png');background-size:contain;background-position:center center;background-repeat:no-repeat;background-color:#020711;overflow:hidden}.visual-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,5,12,.2),rgba(2,5,12,.45) 55%,#03060d 100%),linear-gradient(0deg,rgba(2,5,12,.9),transparent 50%,rgba(2,5,12,.3))}.visual-top{position:absolute;top:28px;left:42px;right:42px;display:flex;align-items:center;gap:10px;color:#eef4ff;font-size:14px;font-weight:700;letter-spacing:2px;z-index:2}.visual-top small{margin-left:18px;color:#687b9e;font-size:9px;letter-spacing:3px}.brand-dot{width:8px;height:8px;border-radius:50%;background:#13cfff;box-shadow:0 0 18px #13cfff}.visual-content{position:absolute;left:8%;right:10%;bottom:9%;z-index:2;max-width:760px}.eyebrow{color:#16c9f4;font-size:11px;letter-spacing:4px}.visual-content h1{font-size:clamp(44px,5vw,76px);line-height:.98;letter-spacing:-3px;margin:18px 0;color:#fff}.visual-content h1 span{background:linear-gradient(90deg,#fff,#58cfff,#00b9ef);-webkit-background-clip:text;background-clip:text;color:transparent}.visual-content p{max-width:640px;color:#a9b6cf;line-height:1.7;font-size:16px}.visual-features{display:flex;gap:0;margin-top:30px;border-top:1px solid rgba(80,150,220,.22);padding-top:20px}.visual-features>div{flex:1;padding-right:20px;margin-right:20px;border-right:1px solid rgba(80,150,220,.2)}.visual-features>div:last-child{border:0}.visual-features b{display:block;color:#fff;font-size:13px;margin-bottom:5px}.visual-features small{color:#71819e}.auth-side{padding:28px 6%;display:flex;flex-direction:column;justify-content:center;position:relative;background:radial-gradient(circle at 30% 20%,rgba(0,149,255,.08),transparent 35%),#03060d}.auth-head{display:flex;justify-content:space-between;align-items:center;max-width:520px;width:100%;margin:0 auto 18px;color:#7585a4;font-size:12px}.back{color:#8293b3;text-decoration:none}.box{width:100%;max-width:520px;margin:auto;padding:30px 34px;border:1px solid rgba(31,151,222,.38);background:rgba(7,13,24,.9);border-radius:20px;box-shadow:0 25px 90px rgba(0,0,0,.5),0 0 40px rgba(0,161,255,.06);position:relative}.box:before{content:"";position:absolute;inset:0;border-radius:20px;pointer-events:none;background:linear-gradient(135deg,rgba(0,191,255,.1),transparent 25%,transparent 75%,rgba(0,191,255,.06))}.auth-logo-text{display:block;text-align:center;margin:0 auto 20px;position:relative;font-size:25px;font-weight:900;letter-spacing:2px;color:#fff}.auth-logo-text span,.side-brand-text span{color:#18c9f5}.tabs{display:grid;grid-template-columns:1fr 1fr;background:#07101e;border:1px solid #14243a;border-radius:12px;padding:4px;margin-bottom:25px;position:relative}.tabs button{border:0;background:transparent;color:#71809c;padding:11px;border-radius:9px;cursor:pointer;font-weight:700}.tabs button:first-child{background:#10263e;color:#fff;box-shadow:inset 0 0 0 1px rgba(0,189,255,.22)}form{display:flex;flex-direction:column;gap:9px;position:relative}form h2{font-size:30px;margin:0 0 1px;letter-spacing:-1px}form .muted{margin:0 0 8px}label{font-size:12px;color:#92a3bf;margin-top:3px}input,select{width:100%;padding:13px 14px;border:1px solid #20344d;background:#07101d;color:#fff;border-radius:10px;outline:none;transition:.2s}input::placeholder{color:#5f718d}input:focus,select:focus{border-color:#0abcf1;box-shadow:0 0 0 3px rgba(10,188,241,.08)}.two{display:grid;grid-template-columns:105px 1fr;gap:10px}.mainbtn{border:0;background:linear-gradient(135deg,#00aeea,#18d3ff);color:#02101b;padding:14px 16px;border-radius:10px;font-weight:800;cursor:pointer;margin-top:7px;box-shadow:0 10px 30px rgba(0,185,240,.18)}.muted{color:#8190aa;line-height:1.6}.msg{min-height:18px;color:#ff9fae;margin:3px 0 0}.validity,.verify-result{padding:10px 12px;border-radius:10px;background:#07111f;color:#8e9dbb;font-size:13px}.validity.ok,.verify-result.ok{color:#69e6a7;border:1px solid rgba(105,230,167,.2)}.validity.bad,.verify-result.bad{color:#ff9aa8;border:1px solid rgba(255,100,120,.2)}.form-row{display:flex;justify-content:space-between;align-items:center;margin:2px 0 5px}.form-row a,.switch-text,.linkbtn{font-size:12px;color:#0cc7f4;text-decoration:none}.check{display:flex;align-items:center;gap:6px;color:#7f8da5!important;margin:0}.check input{width:auto;accent-color:#0cc7f4}.linkbtn{border:0;background:none;padding:0;cursor:pointer;font-weight:700}.switch-text{text-align:center;color:#73829c;margin:10px 0 0}.auth-foot{display:flex;justify-content:center;gap:12px;align-items:center;color:#647590;font-size:9px;margin-top:23px;position:relative}.auth-foot i{height:14px;width:1px;background:#22324a}.auth-foot span{white-space:nowrap}
#app{min-height:100vh;display:flex;background:#050607}aside{width:238px;position:fixed;inset:0 auto 0 0;background:#050708;border-right:1px solid #171d22;padding:22px 14px;display:flex;flex-direction:column;gap:5px;z-index:5}.side-brand{padding:4px 9px 22px;border-bottom:1px solid #151b20;margin-bottom:8px}.side-brand-text{display:block;font-size:20px;font-weight:900;letter-spacing:2px;color:#fff;margin-bottom:13px}.side-brand span,.side-section{font-size:9px;letter-spacing:2px;color:#68737c}.side-section{padding:10px 10px 5px}.nav,#logout{border:0;background:transparent;color:#87929a;text-align:left;padding:12px 13px;border-radius:9px;cursor:pointer;display:flex;align-items:center;gap:11px}.nav b{width:20px;text-align:center;font-size:15px;color:#6d7c87}.nav.active,.nav:hover{background:#10171b;color:#fff}.nav.active b{color:#19c9f5}.side-bottom{margin-top:auto;border-top:1px solid #171d22;padding-top:10px}#logout{width:100%}main{margin-left:238px;width:calc(100% - 238px);padding:26px 3.5%;background:radial-gradient(circle at 85% 0,rgba(0,190,255,.08),transparent 32%),#080909;min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}header small{color:#5d6973;letter-spacing:2px;font-size:9px}h1{margin:6px 0 0;font-size:28px;letter-spacing:-.8px}.header-actions{display:flex;align-items:center;gap:12px}.status{padding:7px 11px;border-radius:999px;background:#0c1515;color:#72e5a8;border:1px solid rgba(114,229,168,.15);font-size:11px}.avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#e9eef2;color:#111;font-weight:800}.welcome{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 26px;border:1px solid #1b252a;background:linear-gradient(110deg,#0b1114,#091017);border-radius:17px;margin-bottom:16px}.welcome small{color:#18c8f4;letter-spacing:2px;font-size:9px}.welcome h2{margin:7px 0;font-size:25px}.welcome p{margin:0;color:#75828b}.online{font-size:11px;color:#78dba5;display:flex;gap:7px;align-items:center}.online span{width:7px;height:7px;border-radius:50%;background:#57e68d;box-shadow:0 0 12px #57e68d}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cards>div,.panel{border:1px solid #1a2328;background:#0a0d0f;border-radius:16px;padding:20px}.cards small{color:#6f7b83;font-size:11px}.cards strong{display:block;font-size:25px;margin-top:8px}.cards em{display:block;font-style:normal;color:#56616a;font-size:10px;margin-top:8px}.dashboard-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:12px}.panel{margin-top:12px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.panel h2{margin:0;font-size:17px}.panel-head p{margin:5px 0 0;color:#66727b;font-size:11px}.period{border:1px solid #263239;border-radius:8px;padding:7px 9px;color:#7b8790;font-size:10px}.chart-placeholder{height:200px;margin-top:15px;position:relative;border-bottom:1px solid #20292d;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:40px 40px;overflow:hidden}.chart-line{position:absolute;left:0;right:0;bottom:42px;height:110px;background:linear-gradient(150deg,transparent 0 8%,#0cc8f4 8.5% 9%,transparent 9.5% 20%,#0cc8f4 20.5% 21%,transparent 21.5% 34%,#0cc8f4 34.5% 35%,transparent 35.5% 47%,#0cc8f4 47.5% 48%,transparent 48.5% 60%,#0cc8f4 60.5% 61%,transparent 61.5% 72%,#0cc8f4 72.5% 73%,transparent 73.5% 86%,#0cc8f4 86.5% 87%,transparent 87.5%);opacity:.55}.chart-labels{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:space-between;color:#4f5a62;font-size:9px}.quick{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.quick button{display:flex;gap:10px;align-items:center;padding:13px;background:#0d1316;border:1px solid #202b31;color:#e8eef1;border-radius:10px;text-align:left;cursor:pointer}.quick button:hover{border-color:#0cbfe9}.quick b{color:#10c8f2;font-size:18px}.quick span{font-size:11px}.quick small{display:block;color:#606d76;margin-top:3px;font-size:9px}.ghost{background:none;border:0;color:#13c9f3;cursor:pointer}.table{overflow:auto;margin-top:12px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #171f23;color:#aab4bb;font-size:11px}th{color:#65727b;font-size:9px;text-transform:uppercase;letter-spacing:1px}.notice{display:flex;justify-content:space-between;align-items:center}.notice p{margin:6px 0 0;color:#6e7b84;font-size:11px}.notice button{border:1px solid #26363d;background:#0d171a;color:#12c8f3;padding:10px 13px;border-radius:9px;cursor:pointer}.profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.profile-grid div{background:#0c1114;padding:14px;border-radius:10px;color:#dbe2e6}.profile-grid small{display:block;color:#68757e;margin-bottom:5px}.locked{opacity:.55}.manager-list{display:grid;gap:10px}.manager{display:flex;justify-content:space-between;align-items:center;padding:15px;border:1px solid #1c2a30;border-radius:12px}.manager a{color:#12c8f3;text-decoration:none}.doc{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #18243f}.page form{max-width:600px}.page form input,.page form select{margin-bottom:3px}
@media(max-width:1050px){.auth{grid-template-columns:1fr}.auth-visual{min-height:330px}.auth-side{padding:24px}.cards{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:850px){aside{position:static;width:100%;height:auto}.side-brand{display:flex;align-items:center;justify-content:space-between}.side-brand-text{margin:0}.side-section{display:none}#app{display:block}main{margin:0;width:100%;padding:20px}.nav{display:inline-flex;margin:2px}.side-bottom{margin-top:5px}.welcome{display:block}.online{margin-top:14px}.profile-grid{grid-template-columns:1fr}}@media(max-width:600px){.auth-visual{display:none}.auth-side{padding:15px}.box{padding:23px 18px}.auth-foot{gap:7px;font-size:8px}.two{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}.quick{grid-template-columns:1fr}.header-actions .status{display:none}.visual-content h1{font-size:42px}}

.auth-visual .visual-top,.auth-visual .visual-content{display:none!important}

/* NEXORA WOLF WIDE — imagem fixa para login/cadastro */
.auth-visual{background-image:url('/assets/nexora-wolf-gateway.png') !important;background-size:contain !important;background-position:center center !important;background-repeat:no-repeat !important;}

/* NEXORA PAY — mesma arte do lobo nas telas de login/criação */
.auth-visual{
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

/* Mantem a arte do lobo inteira, sem distorcer nem esticar. */
.auth-visual{background-size:contain !important;background-position:center center !important;background-repeat:no-repeat !important;}