:root{
  --bg:#030201;
  --panel:#11100d;
  --panel-2:#17140d;
  --panel-3:#070604;
  --line:#3d321d;
  --line-soft:rgba(212,164,66,.15);
  --txt:#fff8e7;
  --muted:#b7a98a;
  --muted-2:#867555;
  --red:#c8942e;
  --red-2:#d4a442;
  --blue:#f1c45f;
  --yellow:#ffd977;
  --green:#d8b45a;
  --purple:#cfa451;
  --orange:#e3b35c;
  --alien:#d4a442;
  --gold:#d4a442;
  --gold-2:#ffd977;
  --shadow:0 18px 70px rgba(0,0,0,.68);
  --radius:16px;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{min-height:100%}
body{
  font-family:"Segoe UI", Inter, Arial, sans-serif;
  background:
    radial-gradient(circle at 50% 18%, rgba(212,164,66,.16), transparent 24%),
    radial-gradient(circle at 12% 0%, rgba(255,217,119,.08), transparent 24%),
    radial-gradient(circle at 92% 88%, rgba(212,164,66,.10), transparent 31%),
    linear-gradient(145deg, #020201 0%, #080704 42%, #020201 100%);
  color:var(--txt);
  overflow-x:hidden;
}
body:before{
  content:"";
  position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:
    linear-gradient(118deg, transparent 0 18%, rgba(212,164,66,.17) 18.2%, transparent 18.7% 42%, rgba(212,164,66,.10) 42.2%, transparent 42.7%),
    linear-gradient(23deg, transparent 0 33%, rgba(255,217,119,.10) 33.3%, transparent 33.9% 73%, rgba(212,164,66,.11) 73.2%, transparent 73.8%),
    radial-gradient(circle at 50% 20%, rgba(212,164,66,.08), transparent 30%);
  background-size:680px 680px, 760px 760px, 100% 100%;
  opacity:.72;
}
button,input,select,textarea{font:inherit}
button{cursor:pointer;border:0}
input,select,textarea{
  width:100%;
  background:#05070a;
  color:var(--txt);
  border:1px solid #3a4456;
  border-radius:7px;
  outline:none;
  padding:10px 12px;
}
input:focus,select:focus,textarea:focus{border-color:var(--alien);box-shadow:0 0 0 3px rgba(77,255,202,.10)}
input[type="checkbox"]{width:auto;accent-color:var(--green)}
label{display:block;color:#cbd5e1;font-size:13px;margin:0 0 7px}
small{color:var(--muted)}
.hidden{display:none!important}
.mono{font-family:"Consolas","Courier New",monospace}
.green{color:var(--green)!important}
.red{color:var(--red-2)!important}
.blue{color:var(--blue)!important}
.yellow{color:var(--yellow)!important}
.purple{color:var(--purple)!important}
.orange{color:var(--orange)!important}
.muted{color:var(--muted)!important}
.hr{height:1px;background:var(--line-soft);margin:14px 0}

/* Login */
.login-screen{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:22px;
}
.login-box{
  width:min(460px,100%);
  background:linear-gradient(180deg, rgba(18,22,30,.96), rgba(8,11,18,.96));
  border:1px solid #303a4c;
  border-radius:18px;
  box-shadow:var(--shadow), 0 0 60px rgba(77,255,202,.08);
  padding:32px;
  position:relative;
  overflow:hidden;
}
.login-box:before{
  content:"";
  position:absolute;
  width:180px;height:180px;border-radius:50%;
  background:radial-gradient(circle, rgba(77,255,202,.55), transparent 64%);
  filter:blur(14px);
  right:-74px;top:-90px;
  opacity:.45;
}
.login-top{text-align:center;position:relative;z-index:1;margin-bottom:22px}
.brand{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-weight:900;letter-spacing:3px;
  font-size:34px;
  color:var(--alien);
  text-shadow:0 0 22px rgba(77,255,202,.22);
}
.brand span:first-child{color:var(--red-2)}
.login-top p{color:#c9d5e9;margin-top:8px;font-size:14px}
.login-box .btn{margin-top:8px}

/* Layout */
.app{display:grid;grid-template-columns:255px minmax(0,1fr);min-height:100vh}
.sidebar{
  background:rgba(13,15,21,.95);
  border-right:1px solid rgba(255,255,255,.08);
  padding:18px;
  position:sticky;
  top:0;
  height:100vh;
  overflow:auto;
}
.side-logo{
  display:flex;align-items:center;gap:10px;
  padding:8px 6px 18px;
  border-bottom:1px solid rgba(255,255,255,.07);
  margin-bottom:16px;
}
.side-logo .ufo{
  width:38px;height:38px;border-radius:12px;
  background:linear-gradient(135deg,rgba(77,255,202,.18),rgba(191,99,255,.18));
  display:grid;place-items:center;
  border:1px solid rgba(77,255,202,.28);
}
.side-logo h2{font-size:20px;letter-spacing:2px;color:var(--alien);line-height:1}
.side-logo small{font-size:10px;letter-spacing:2px;color:var(--muted)}
.menu{display:grid;gap:9px}
.menu button{
  background:#0b1018;
  color:#e5e7eb;
  border:1px solid rgba(255,255,255,.07);
  border-radius:10px;
  padding:12px 13px;
  display:flex;align-items:center;gap:10px;
  text-align:left;
}
.menu button.active,.menu button:hover{
  border-color:rgba(77,255,202,.35);
  background:linear-gradient(90deg, rgba(77,255,202,.14), rgba(47,125,255,.08));
}
.side-user{
  margin-top:18px;
  padding:13px;
  border-radius:13px;
  background:#080c12;
  border:1px solid rgba(255,255,255,.08);
}
.side-user b{display:block;color:var(--alien)}
.side-user p{font-size:12px;color:var(--muted);margin-top:4px}
.main{min-width:0;padding:22px 28px 60px}
.topbar{
  display:flex;align-items:flex-start;justify-content:space-between;gap:16px;
  margin-bottom:20px;
}
.page-title h1{font-size:26px;margin-bottom:3px}
.page-title p{color:var(--muted);font-size:13px}
.top-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pill{
  border:1px solid rgba(77,255,202,.2);
  color:var(--alien);
  background:rgba(77,255,202,.06);
  border-radius:999px;
  padding:8px 12px;
  font-size:12px;
}
.watermark{
  position:fixed;
  right:24px;bottom:18px;
  font-size:44px;
  letter-spacing:12px;
  color:rgba(182,0,12,.13);
  font-weight:900;
  pointer-events:none;
  user-select:none;
}

/* Components */
.panel{
  background:rgba(18,20,26,.94);
  border:1px solid #303a4c;
  border-radius:var(--radius);
  box-shadow:0 10px 35px rgba(0,0,0,.18);
  padding:18px;
}
.panel-title{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-bottom:14px;
  padding-bottom:12px;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.panel-title h2{font-size:20px;font-weight:700}
.panel-title small{text-transform:uppercase;letter-spacing:1px}
.grid{display:grid;gap:16px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.cards{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:14px;margin-bottom:18px}
.card{
  background:linear-gradient(180deg, rgba(23,27,36,.98), rgba(12,15,22,.98));
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  padding:16px;
  position:relative;
  overflow:hidden;
}
.card:after{
  content:"";
  position:absolute;
  width:95px;height:95px;border-radius:50%;
  right:-52px;top:-52px;
  background:rgba(77,255,202,.08);
}
.card h3{
  color:#9ba9c0;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:1px;
  margin-bottom:10px;
}
.value{
  font-size:22px;
  font-weight:900;
  letter-spacing:.2px;
}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:11px 15px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,#d00011,#970008);
  color:#fff;
  font-weight:800;
  transition:.18s;
}
.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}
.btn.full{width:100%}
.btn.dark{background:#1e293b}
.btn.blue{background:#2d67e9;color:#fff}
.btn.green{background:#00b86b;color:#00180d}
.btn.purple{background:#5b2394;color:#fff}
.btn.ghost{background:#070a10;color:#dbeafe;border-color:#3b465a}
.btn.small{min-height:33px;padding:7px 10px;font-size:12px;border-radius:7px}
.btn.icon{width:35px;padding:0;min-height:35px}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.status-dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:var(--green);box-shadow:0 0 14px var(--green)}
.tag{
  display:inline-flex;align-items:center;gap:5px;
  padding:5px 9px;border-radius:999px;
  background:rgba(47,125,255,.13);
  color:#8fbcff;
  font-size:12px;
  border:1px solid rgba(47,125,255,.18);
}
.tag.green{background:rgba(0,255,136,.10);border-color:rgba(0,255,136,.18)}
.tag.yellow{background:rgba(255,208,0,.10);border-color:rgba(255,208,0,.22)}
.tag.purple{background:rgba(191,99,255,.12);border-color:rgba(191,99,255,.22)}
.alert{
  border:1px solid rgba(191,99,255,.32);
  background:linear-gradient(90deg,rgba(191,99,255,.14),rgba(47,125,255,.08));
  border-radius:12px;
  padding:13px 15px;
  color:#e9d5ff;
}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse;min-width:760px}
th,td{
  padding:13px 12px;
  border-bottom:1px solid rgba(255,255,255,.08);
  text-align:left;
  vertical-align:middle;
  font-size:14px;
}
th{
  color:#cbd5e1;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.8px;
  font-weight:700;
}
td .sub{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.actions{display:flex;gap:6px;align-items:center}
.empty{
  text-align:center;
  color:var(--muted);
  padding:30px 10px;
  border:1px dashed rgba(255,255,255,.12);
  border-radius:12px;
}


/* Dashboard filters and ranking */
.dashboard-filter{
  display:grid;
  grid-template-columns:repeat(3,auto) minmax(150px,190px) minmax(150px,190px) auto auto;
  gap:10px;
  align-items:end;
  justify-content:end;
  margin-bottom:18px;
}
.dashboard-filter .filter-field label{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.8px;
  color:#aebcd2;
}
.dashboard-filter input{min-height:42px}
.rank-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.rank-card{
  background:linear-gradient(180deg, rgba(23,27,36,.98), rgba(9,11,17,.98));
  border-radius:14px;
  padding:18px;
  border:1px solid rgba(255,255,255,.10);
  min-height:96px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.rank-card.montante{border-color:rgba(255,208,0,.78)}
.rank-card.contas{border-color:rgba(47,125,255,.78)}
.rank-card small{
  display:block;
  text-transform:uppercase;
  letter-spacing:.9px;
  font-size:11px;
  font-weight:800;
  margin-bottom:7px;
}
.rank-card.montante small{color:var(--yellow)}
.rank-card.contas small{color:#73a7ff}
.rank-card b{display:block;font-size:24px}
.rank-icon{font-size:32px;filter:drop-shadow(0 0 10px rgba(255,255,255,.12))}
@media(max-width:980px){
  .dashboard-filter{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}
  .dashboard-filter .btn{width:100%}
  .rank-grid{grid-template-columns:1fr}
}

/* Montantes page */
.montante-layout{
  display:grid;
  grid-template-columns:390px minmax(0,1fr);
  gap:22px;
  align-items:start;
}
.tools-stack{display:grid;gap:18px}
.quick-bar{
  display:grid;
  grid-template-columns:minmax(170px,1.2fr) minmax(150px,1fr) 86px 128px 40px 40px;
  gap:10px;
  align-items:end;
}
.quick-card{
  background:#070a10;
  border:1px solid #38465f;
  border-radius:8px;
  padding:11px 10px;
  min-height:59px;
  display:grid;
  place-items:center;
  text-align:center;
}
.quick-card small{text-transform:uppercase;letter-spacing:.8px;color:#aebcd2}
.quick-card b{font-size:20px;margin-top:3px;display:block}
.summary-strip{
  display:grid;
  grid-template-columns:150px repeat(5,minmax(115px,1fr));
  gap:10px;
  align-items:center;
}
.date-switch{
  height:48px;
  display:grid;
  grid-template-columns:36px 1fr 36px;
  gap:4px;
  background:#06080c;
  border:1px solid #334155;
  border-radius:8px;
  overflow:hidden;
}
.date-switch button{background:transparent;color:#fff;font-size:20px}
.date-switch strong{display:grid;place-items:center;font-size:14px}
.metric{
  background:#06080c;
  border:1px solid #3c4658;
  border-radius:7px;
  padding:9px 10px;
  min-height:56px;
}
.metric small{display:block;text-transform:uppercase;letter-spacing:.8px;font-size:10px}
.metric b{font-size:16px;display:block;margin-top:4px}
.metric.purple{border-color:var(--purple);background:rgba(191,99,255,.13)}

.bank-panel{
  display:grid;
  grid-template-columns:repeat(2,minmax(140px,1fr)) minmax(180px,1fr);
  gap:10px;
  align-items:end;
}
.bank-panel input{
  text-align:center;
  font-weight:800;
}
.bank-result{
  background:#06080c;
  border:1px solid rgba(212,164,66,.38);
  border-radius:8px;
  padding:10px 12px;
  min-height:63px;
}
.bank-result small{
  display:block;
  text-transform:uppercase;
  letter-spacing:.8px;
  font-size:10px;
}
.bank-result b{
  display:block;
  margin-top:5px;
  font-size:17px;
}
@media (max-width:760px){
  .bank-panel{grid-template-columns:1fr}
}
.input-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.multi-row{
  display:grid;
  grid-template-columns:1.3fr 1fr 1fr 1fr 35px;
  gap:6px;
  align-items:center;
  margin-bottom:8px;
}
.multi-row input{padding:8px 9px;font-size:12px}
.tab-buttons{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid rgba(255,255,255,.10);margin-bottom:14px}
.tab-buttons button{
  background:transparent;
  color:#cbd5e1;
  padding:10px 8px;
  border-bottom:2px solid transparent;
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:.8px;
}
.tab-buttons button.active{color:var(--red-2);border-color:var(--red-2)}
.output-box{
  min-height:104px;
  background:#05050b;
  border:1px solid #384152;
  border-radius:6px;
  padding:14px;
  color:#9ba9c0;
  white-space:pre-wrap;
  line-height:1.55;
  font-family:"Consolas","Courier New",monospace;
  font-size:13px;
}
.search-inline{max-width:230px}


/* Contas page */
.section-tabs{
  display:flex;
  gap:0;
  border-bottom:1px solid rgba(255,255,255,.10);
  margin:0 0 18px;
}
.section-tabs button{
  background:transparent;
  color:#dbeafe;
  padding:13px 22px;
  border-bottom:2px solid transparent;
  font-weight:700;
}
.section-tabs button.active{
  border-color:var(--red-2);
  color:#fff;
}
.contas-layout{
  display:grid;
  grid-template-columns:390px minmax(0,1fr);
  gap:22px;
  align-items:start;
}
.conta-rate-top{
  display:grid;
  grid-template-columns:minmax(220px,1fr) minmax(0,1.8fr) 130px 40px 40px;
  gap:12px;
  align-items:end;
}
.rate-board{
  display:grid;
  grid-template-columns:1.7fr .9fr;
  gap:12px;
}
.rate-box{
  background:#08100d;
  border:1px solid rgba(0,255,136,.18);
  border-radius:8px;
  padding:11px;
}
.rate-box.pinguim{
  background:#070b13;
  border-color:rgba(47,125,255,.22);
}
.rate-box h3{
  text-align:center;
  text-transform:uppercase;
  letter-spacing:1px;
  font-size:12px;
  margin-bottom:10px;
  color:var(--green);
}
.rate-box.pinguim h3{color:#73a7ff}
.rate-inputs{
  display:grid;
  gap:6px;
}
.rate-inputs.dragao{grid-template-columns:repeat(3,1fr)}
.rate-inputs.pinguim{grid-template-columns:repeat(3,1fr)}
.rate-inputs label{
  font-size:10px;
  text-align:center;
  margin-bottom:3px;
  color:#cbd5e1;
}
.rate-inputs input{
  text-align:center;
  padding:8px 6px;
}
.rate-box.active{
  box-shadow:0 0 0 2px rgba(77,255,202,.18), 0 0 22px rgba(77,255,202,.10);
}
.group-result{
  margin-top:7px;
  font-size:12px;
  color:var(--muted);
}
.sum-columns{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.sum-box textarea{
  min-height:122px;
  resize:vertical;
  font-family:"Consolas","Courier New",monospace;
  line-height:1.45;
}
.sum-total-line{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-top:10px;
  font-weight:900;
}
@media(max-width:1200px){
  .contas-layout{grid-template-columns:1fr}
  .conta-rate-top{grid-template-columns:1fr}
  .rate-board{grid-template-columns:1fr}
}
@media(max-width:760px){
  .section-tabs{display:grid;grid-template-columns:1fr 1fr}
  .rate-inputs.dragao,.rate-inputs.pinguim,.sum-columns{grid-template-columns:1fr}
}

/* Média page */
.media-layout{
  display:grid;
  grid-template-columns:390px minmax(0,1fr);
  gap:22px;
  align-items:start;
}
.media-rate-top{
  display:grid;
  grid-template-columns:minmax(170px,1fr) 140px 140px 140px 40px;
  gap:12px;
  align-items:end;
}
.media-value-card{
  background:linear-gradient(180deg, rgba(212,164,66,.18), rgba(6,8,12,.98));
  border:1px solid rgba(212,164,66,.55);
  border-radius:14px;
  padding:18px;
  box-shadow:0 0 22px rgba(212,164,66,.08);
}
.media-value-card small{
  display:block;
  color:#d9c08a;
  text-transform:uppercase;
  letter-spacing:1px;
  font-weight:900;
}
.media-value-card b{
  display:block;
  font-size:34px;
  margin-top:8px;
  color:var(--gold-2);
}
.media-mini-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(120px,1fr));
  gap:12px;
}
.media-note{
  border:1px dashed rgba(212,164,66,.35);
  background:rgba(212,164,66,.08);
  border-radius:12px;
  padding:14px;
  color:#d8dee9;
  line-height:1.5;
}
.media-note b{color:var(--gold-2)}
.section-tabs.tri{flex-wrap:wrap}
.section-tabs.tri button{min-width:120px}
@media(max-width:1200px){
  .media-layout{grid-template-columns:1fr}
  .media-rate-top{grid-template-columns:1fr}
}
@media(max-width:760px){
  .section-tabs.tri{grid-template-columns:repeat(3,1fr)}
  .media-mini-grid{grid-template-columns:1fr}
}

/* Dashboard chart */
.chart-box{
  height:330px;
  background:#0a0d14;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  padding:12px;
}
canvas{width:100%;height:100%}

/* Toast */
.toast{
  position:fixed;
  right:20px;top:20px;
  background:#07100d;
  border:1px solid rgba(0,255,136,.35);
  color:#d1fae5;
  padding:13px 15px;
  border-radius:12px;
  box-shadow:var(--shadow);
  transform:translateY(-20px);
  opacity:0;
  pointer-events:none;
  transition:.2s;
  z-index:30;
}
.toast.show{transform:translateY(0);opacity:1}

/* Modal */
.modal-backdrop{
  position:fixed;inset:0;background:rgba(0,0,0,.72);
  display:grid;place-items:center;
  padding:20px;z-index:20;
}
.modal{
  width:min(680px,100%);
  background:#10131a;
  border:1px solid #344158;
  border-radius:16px;
  box-shadow:var(--shadow);
  padding:20px;
}
.modal textarea{min-height:180px;resize:vertical}

/* Mobile */
@media(max-width:1200px){
  .cards{grid-template-columns:repeat(3,minmax(150px,1fr))}
  .montante-layout{grid-template-columns:1fr}
  .quick-bar{grid-template-columns:repeat(3,1fr)}
  .summary-strip{grid-template-columns:1fr repeat(2,1fr)}
}
@media(max-width:760px){
  .app{grid-template-columns:1fr}
  .sidebar{height:auto;position:relative}
  .main{padding:18px}
  .topbar{flex-direction:column}
  .cards{grid-template-columns:1fr}
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr}
  .quick-bar,.summary-strip,.input-row,.multi-row{grid-template-columns:1fr}
  .watermark{display:none}
}

.all-alien-mark{
  width:78px;height:78px;border:1px solid rgba(255,217,119,.45);
  border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;
  color:var(--gold-2);font-size:42px;
  box-shadow:0 0 35px rgba(212,164,66,.16), inset 0 0 18px rgba(212,164,66,.08);
  background:radial-gradient(circle, rgba(212,164,66,.14), transparent 68%);
}
/* ALL luxury alien front-end */
.login-box,
.sidebar,
.panel,
.card,
.quick-card,
.metric,
.output-box,
.modal,
.side-user{
  background:linear-gradient(180deg, rgba(18,16,12,.96), rgba(5,4,3,.96))!important;
  border-color:rgba(212,164,66,.32)!important;
  box-shadow:0 18px 55px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,217,119,.08)!important;
}
.login-box:before{
  background:radial-gradient(circle, rgba(255,217,119,.50), transparent 66%)!important;
}
.brand{
  color:var(--gold-2)!important;
  text-shadow:0 0 24px rgba(212,164,66,.35)!important;
}
.brand span:first-child{color:var(--gold-2)!important}
.side-logo .ufo{
  background:linear-gradient(135deg, rgba(255,217,119,.18), rgba(212,164,66,.08))!important;
  border-color:rgba(255,217,119,.34)!important;
  color:var(--gold-2)!important;
}
.side-logo h2{
  color:var(--gold-2)!important;
  letter-spacing:6px!important;
  font-family:Georgia, "Times New Roman", serif!important;
}
.side-logo small{
  color:var(--gold)!important;
  letter-spacing:2px!important;
}
.menu button.active,.menu button:hover{
  border-color:rgba(255,217,119,.55)!important;
  background:linear-gradient(90deg, rgba(212,164,66,.26), rgba(255,217,119,.12) 48%, rgba(212,164,66,.18))!important;
}
.btn{
  background:linear-gradient(180deg,#e0b757,#9b6e19)!important;
  color:#090704!important;
  border-color:rgba(255,217,119,.34)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.18);
}
.btn.ghost,.btn.dark{
  background:#090806!important;
  color:#f7dfaa!important;
  border-color:rgba(212,164,66,.34)!important;
}
.btn.blue,.btn.purple,.btn.green{
  background:linear-gradient(180deg,#e0b757,#9b6e19)!important;
  color:#080604!important;
}
.tab-buttons button.active,
.section-tabs button.active{
  color:var(--gold-2)!important;
  border-color:var(--gold)!important;
}
.value,.yellow,.blue,.green,.purple,.orange{
  color:var(--gold-2)!important;
}
.red{color:#ffcf75!important}
.tag{
  background:rgba(212,164,66,.13)!important;
  border-color:rgba(212,164,66,.24)!important;
  color:#f6d48a!important;
}
.alert{
  border-color:rgba(212,164,66,.34)!important;
  background:linear-gradient(90deg, rgba(212,164,66,.16), rgba(255,217,119,.05))!important;
  color:#f9dfaa!important;
}
input,select,textarea{
  background:#030302!important;
  color:#fff8e7!important;
  border-color:rgba(212,164,66,.34)!important;
}
input:focus,select:focus,textarea:focus{
  border-color:var(--gold-2)!important;
  box-shadow:0 0 0 3px rgba(212,164,66,.13)!important;
}
.watermark{
  color:rgba(212,164,66,.12)!important;
  font-family:Georgia, "Times New Roman", serif!important;
}
.panel-title,
.side-logo{
  border-bottom-color:rgba(212,164,66,.18)!important;
}
th,td{
  border-bottom-color:rgba(212,164,66,.10)!important;
}
.chart-box{
  background:linear-gradient(180deg,#080704,#030302)!important;
  border-color:rgba(212,164,66,.24)!important;
}
.rank-card.montante,
.rank-card.contas{
  border-color:rgba(212,164,66,.72)!important;
}
.rate-box,
.rate-box.pinguim{
  background:linear-gradient(180deg, rgba(15,13,8,.96), rgba(4,4,3,.96))!important;
  border-color:rgba(212,164,66,.25)!important;
}
.rate-box h3,
.rate-box.pinguim h3{
  color:var(--gold-2)!important;
}


/* Ajuste pedido: logo alien + menu dourado por padrão */
.side-logo .ufo{
  width:74px!important;
  height:74px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  font-size:36px!important;
  background:
    radial-gradient(circle at 35% 30%, rgba(255,217,119,.28), rgba(212,164,66,.10) 55%, rgba(0,0,0,.0) 70%),
    linear-gradient(180deg, rgba(24,20,12,.96), rgba(7,5,3,.96))!important;
  border:1px solid rgba(255,217,119,.42)!important;
  color:var(--gold-2)!important;
  box-shadow:0 0 25px rgba(212,164,66,.16), inset 0 0 16px rgba(255,217,119,.06)!important;
}

.all-alien-mark{
  width:84px!important;
  height:84px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  margin:0 auto 12px!important;
  font-size:42px!important;
  background:
    radial-gradient(circle at 35% 30%, rgba(255,217,119,.24), rgba(212,164,66,.09) 58%, rgba(0,0,0,.0) 72%),
    linear-gradient(180deg, rgba(24,20,12,.95), rgba(7,5,3,.95))!important;
  border:1px solid rgba(255,217,119,.42)!important;
  color:var(--gold-2)!important;
  box-shadow:0 0 30px rgba(212,164,66,.18), inset 0 0 16px rgba(255,217,119,.06)!important;
}

.menu button{
  background:
    linear-gradient(90deg, rgba(212,164,66,.22), rgba(212,164,66,.08) 48%, rgba(212,164,66,.16))!important;
  color:#fff2cf!important;
  border:1px solid rgba(212,164,66,.45)!important;
  box-shadow:inset 0 1px 0 rgba(255,217,119,.08), 0 8px 18px rgba(0,0,0,.22)!important;
}

.menu button.active,
.menu button:hover{
  background:
    linear-gradient(90deg, rgba(212,164,66,.26), rgba(255,217,119,.12) 48%, rgba(212,164,66,.18))!important;
  color:#fff6df!important;
  border:1px solid rgba(255,217,119,.55)!important;
  transform:none!important;
}

.menu button .icon,
.menu button{
  text-shadow:0 0 10px rgba(212,164,66,.10)!important;
}















/* Logo ALL trocado pela segunda imagem enviada */
.all-alien-mark,
.side-logo .ufo{
  position:relative !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
  padding:0 !important;
  background:
    radial-gradient(circle at 50% 35%, rgba(212,164,66,.08), rgba(0,0,0,0) 55%),
    linear-gradient(180deg, rgba(16,14,10,.98), rgba(5,4,3,.98)) !important;
  border:1px solid rgba(212,164,66,.42) !important;
  box-shadow:
    0 10px 24px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,217,119,.08),
    inset 0 0 0 1px rgba(255,217,119,.04) !important;
}

.all-alien-mark{
  width:112px !important;
  height:112px !important;
  margin:4px auto 14px !important;
  border-radius:28px !important;
}

.side-logo .ufo{
  width:74px !important;
  height:74px !important;
  margin:2px auto 10px !important;
  border-radius:20px !important;
}

.all-alien-mark::before,
.side-logo .ufo::before{
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(circle at 50% 50%, rgba(255,217,119,.04), rgba(0,0,0,0) 62%);
  pointer-events:none;
}

.all-alien-mark img,
.side-logo .ufo img{
  width:86% !important;
  height:86% !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
  filter:drop-shadow(0 6px 12px rgba(0,0,0,.34));
}


/* Ranking do dashboard no mesmo padrão dourado dos outros cards */
.rank-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
}
.rank-card,
.rank-card.montante,
.rank-card.contas{
  background:linear-gradient(180deg, rgba(18,16,12,.96), rgba(5,4,3,.96)) !important;
  border:1px solid rgba(212,164,66,.42) !important;
  border-radius:16px !important;
  box-shadow:0 10px 24px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,217,119,.08), inset 0 0 0 1px rgba(255,217,119,.04) !important;
  min-height:102px !important;
  padding:18px 20px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
}
.rank-card small,
.rank-card.montante small,
.rank-card.contas small{
  display:block !important;
  text-transform:uppercase !important;
  letter-spacing:1px !important;
  font-size:11px !important;
  font-weight:800 !important;
  margin-bottom:8px !important;
  color:var(--gold-2) !important;
}
.rank-card b{
  display:block !important;
  font-size:22px !important;
  line-height:1.15 !important;
  color:#fff8e7 !important;
}
.rank-card .sub{
  color:var(--muted) !important;
  font-size:14px !important;
  margin-top:4px !important;
}
.rank-card .rank-icon{
  font-size:30px !important;
  filter:drop-shadow(0 0 10px rgba(212,164,66,.16)) !important;
}
@media(max-width:980px){
  .rank-grid{grid-template-columns:1fr !important;}
}


/* Ajustes gerenciais e permissões */
.owner-insights{
  margin-bottom:18px;
}
.owner-insights .card,
#operatorReportPanel{
  border-color:rgba(212,164,66,.42)!important;
}
.report-positive{color:var(--gold-2)!important;font-weight:800}
.report-muted{color:var(--muted)!important}


/* Resumo de contas com Bruto */
#contasTab .summary-strip{
  grid-template-columns:150px repeat(6,minmax(115px,1fr)) !important;
}
@media(max-width:1200px){
  #contasTab .summary-strip{grid-template-columns:1fr repeat(2,1fr) !important;}
}
@media(max-width:760px){
  #contasTab .summary-strip{grid-template-columns:1fr !important;}
}


/* Card clicável Líquido/Bruto em Contas */
.metric-toggle{
  width:100%;
  text-align:left;
  color:inherit;
  cursor:pointer;
  transition:.15s ease;
}
.metric-toggle:hover{
  border-color:rgba(255,217,119,.65)!important;
  filter:brightness(1.08);
}
.metric-toggle .sub{
  display:block;
  margin-top:4px;
  font-size:11px;
  color:var(--muted);
}


/* Dashboard funcional: histórico mensal + meta diária */
.monthly-stats{
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-bottom:14px;
}
.daily-goal-panel .panel-title{
  align-items:center;
}
.goal-editor{
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--txt);
  border-bottom:1px solid rgba(255,217,119,.35);
  padding-bottom:6px;
}
.goal-editor input{
  width:92px!important;
  min-height:28px!important;
  padding:4px 6px!important;
  text-align:right;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-weight:800;
}
.goal-ring{
  --goal-angle:0deg;
  width:210px;
  height:210px;
  border-radius:50%;
  margin:24px auto;
  display:grid;
  place-items:center;
  background:conic-gradient(var(--gold-2) 0deg, var(--gold-2) var(--goal-angle), rgba(212,164,66,.16) var(--goal-angle), rgba(212,164,66,.16) 360deg);
  position:relative;
}
.goal-ring:after{
  content:"";
  position:absolute;
  inset:28px;
  border-radius:50%;
  background:linear-gradient(180deg, rgba(18,16,12,.96), rgba(5,4,3,.96));
}
.goal-ring > div{
  position:relative;
  z-index:1;
  text-align:center;
}
.goal-ring b{
  display:block;
  font-size:32px;
  color:var(--gold-2);
}
.goal-ring small{
  text-transform:uppercase;
  letter-spacing:1px;
}
.goal-lines{
  display:grid;
  gap:12px;
}
.goal-lines div{
  display:grid;
  grid-template-columns:16px 1fr auto;
  align-items:center;
  gap:10px;
  background:#030302;
  border:1px solid rgba(212,164,66,.25);
  border-radius:8px;
  padding:12px;
}
.goal-lines b{
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:1px;
}
.goal-lines strong{
  color:var(--gold-2);
}
.muted-dot{
  background:#4b5563!important;
  box-shadow:none!important;
}
.rate-readonly{
  height:42px;
  min-height:42px;
  justify-items:start;
  padding-left:12px;
}
.rate-readonly b{
  color:var(--gold-2);
}
@media(max-width:760px){
  .monthly-stats{grid-template-columns:1fr;}
  .goal-ring{width:170px;height:170px}
}


/* Aba Financeiro */
.finance-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:22px;
}
.finance-title{
  display:flex;
  align-items:center;
  gap:14px;
}
.finance-title h1{
  font-size:30px;
  color:#22c55e!important;
  letter-spacing:1px;
}
.finance-title p{
  color:var(--muted);
}
.finance-icon{
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#22c55e;
  border:2px solid #22c55e;
  font-weight:900;
  font-size:20px;
}
.finance-top-card{
  min-width:230px;
  display:grid;
  grid-template-columns:1fr 40px;
  gap:4px 12px;
  align-items:center;
  background:linear-gradient(180deg, rgba(18,16,12,.96), rgba(5,4,3,.96));
  border:1px solid rgba(212,164,66,.32);
  border-radius:12px;
  padding:14px;
}
.finance-top-card small{
  grid-column:1/2;
  text-transform:uppercase;
  letter-spacing:1px;
}
.finance-top-card b{
  grid-column:1/2;
  color:#ff4d4d;
  font-size:22px;
}
.finance-top-card button{
  grid-row:1/3;
  grid-column:2/3;
}
.finance-panel .btn.pay-btn{
  background:linear-gradient(180deg,#22c55e,#15803d)!important;
  color:#fff!important;
  border-color:rgba(34,197,94,.45)!important;
  min-width:165px;
}
.finance-panel .btn.pay-btn:disabled{
  opacity:.45;
}
@media(max-width:760px){
  .finance-hero{display:grid}
  .finance-top-card{width:100%;min-width:0}
}


/* Remover linhas diagonais do fundo em todo o dashboard */
body:before,
body::before{
  display:none !important;
  content:none !important;
  background:none !important;
  opacity:0 !important;
}
body{
  background:
    radial-gradient(circle at 50% 18%, rgba(212,164,66,.10), transparent 24%),
    radial-gradient(circle at 12% 0%, rgba(255,217,119,.05), transparent 24%),
    radial-gradient(circle at 92% 88%, rgba(212,164,66,.06), transparent 31%),
    linear-gradient(145deg, #020201 0%, #080704 42%, #020201 100%) !important;
}



/* Barra de anotações fixa e persistente */
.notes-panel{
  position:fixed;
  left:18px;
  bottom:18px;
  width:280px;
  height:190px;
  z-index:60;
  background:linear-gradient(180deg, rgba(18,16,12,.96), rgba(5,4,3,.96));
  border:1px solid rgba(212,164,66,.42);
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 16px 45px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,217,119,.08);
}
.notes-head{
  height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 12px;
  border-bottom:1px solid rgba(212,164,66,.24);
  background:linear-gradient(90deg, rgba(212,164,66,.20), rgba(255,217,119,.06));
}
.notes-head strong{
  color:var(--gold-2);
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:1.4px;
}
.notes-actions{
  display:flex;
  align-items:center;
  gap:10px;
}
.notes-actions button{
  background:transparent!important;
  color:#f7dfaa!important;
  border:0!important;
  min-height:auto!important;
  padding:0!important;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.8px;
  box-shadow:none!important;
}
.notes-actions button:hover{
  color:#fff8e7!important;
  transform:none!important;
}
.notes-panel textarea{
  width:100%!important;
  height:148px!important;
  resize:none!important;
  border:0!important;
  border-radius:0!important;
  background:#030302!important;
  color:#fff8e7!important;
  padding:14px!important;
  box-shadow:none!important;
  outline:none!important;
}
.notes-panel textarea::placeholder{
  color:rgba(247,223,170,.56)!important;
}
.notes-mini{
  position:fixed;
  left:0;
  bottom:190px;
  width:38px;
  height:38px;
  z-index:61;
  border-radius:0 8px 8px 0!important;
  background:linear-gradient(180deg, rgba(18,16,12,.96), rgba(5,4,3,.96))!important;
  color:var(--gold-2)!important;
  border:1px solid rgba(212,164,66,.42)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.42)!important;
}
.notes-mini:hover{
  color:#fff8e7!important;
  transform:none!important;
}
.notes-admin-note{
  white-space:pre-wrap;
  line-height:1.45;
  max-height:180px;
  overflow:auto;
  background:#030302;
  border:1px solid rgba(212,164,66,.24);
  border-radius:10px;
  padding:12px;
}
@media(max-width:760px){
  .notes-panel{
    width:calc(100vw - 36px);
    left:18px;
    right:18px;
    bottom:14px;
  }
  .notes-mini{
    bottom:110px;
  }
}

/* Bloco de notas exclusivo do dono */
.owner-notes-panel{
  max-width:1100px;
}
.owner-notes-toolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:end;
  margin-bottom:14px;
}
.owner-notes-buttons{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.owner-notepad{
  width:100%!important;
  min-height:440px!important;
  resize:vertical!important;
  background:#030302!important;
  color:#fff8e7!important;
  border:1px solid rgba(212,164,66,.34)!important;
  border-radius:12px!important;
  padding:18px!important;
  line-height:1.55!important;
  font-size:15px!important;
  font-family:"Consolas","Courier New",monospace!important;
}
.owner-notepad::placeholder{
  color:rgba(247,223,170,.52)!important;
}
.owner-notes-footer{
  margin-top:10px;
  display:flex;
  justify-content:space-between;
  gap:12px;
  color:var(--muted);
  font-size:12px;
}
@media(max-width:760px){
  .owner-notes-toolbar{
    grid-template-columns:1fr;
  }
  .owner-notes-buttons{
    justify-content:stretch;
  }
  .owner-notes-buttons .btn{
    width:100%;
  }
  .owner-notepad{
    min-height:340px!important;
  }
}


/* Ajustes pedidos: números brancos e lucro por cor */
.value,
.metric b,
.quick-card b,
td.blue,
td.yellow,
td.purple,
td.orange,
#quickCobrar,
#dayInvestido,
#dayRetornado,
#dayComissao,
#dayBruto{
  color:#fff8e7!important;
}
.value.green,
.metric b.green,
td.green,
.green{
  color:#22c55e!important;
}
.value.red,
.metric b.red,
td.red,
.red{
  color:#ef4444!important;
}

/* Campo de porcentagem promocional no valor solicitado */
.quick-bar{
  grid-template-columns:minmax(170px,1.2fr) 110px minmax(150px,1fr) 86px 128px 40px 40px!important;
}

/* Botão alterar senha */
.change-pass-btn{
  margin-top:10px;
}

/* Modal menor */
.small-modal{
  max-width:440px;
}

/* Ordem de turno */
.turn-panel{
  margin-top:16px;
  padding:12px;
  border-radius:14px;
  background:linear-gradient(180deg, rgba(18,16,12,.96), rgba(5,4,3,.96));
  border:1px solid rgba(212,164,66,.35);
  box-shadow:0 12px 28px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,217,119,.08);
}
.turn-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding-bottom:10px;
  margin-bottom:10px;
  border-bottom:1px solid rgba(212,164,66,.18);
}
.turn-head strong{
  color:var(--gold-2);
  text-transform:uppercase;
  letter-spacing:1px;
  font-size:12px;
}
.turn-sound{
  margin:0;
  display:flex;
  align-items:center;
  gap:6px;
  color:var(--muted);
  font-size:11px;
}
.turn-add{
  display:grid;
  grid-template-columns:1fr auto;
  gap:7px;
  margin-bottom:10px;
}
.turn-add select{
  min-height:34px!important;
  padding:6px 8px!important;
}
.turn-list{
  display:grid;
  gap:7px;
  margin-bottom:10px;
}
.turn-item{
  display:grid;
  grid-template-columns:26px 1fr auto;
  align-items:center;
  gap:8px;
  padding:8px;
  border:1px solid rgba(212,164,66,.22);
  border-radius:9px;
  background:#030302;
}
.turn-item.current{
  border-color:rgba(255,217,119,.75);
  box-shadow:0 0 0 1px rgba(255,217,119,.20), 0 0 18px rgba(212,164,66,.14);
}
.turn-num{
  width:22px;
  height:22px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(212,164,66,.25);
  color:#fff8e7;
  font-weight:800;
  font-size:12px;
}
.turn-name b{
  display:block;
  color:#fff8e7;
  font-size:13px;
}
.turn-name small{
  font-size:10px;
}
.turn-actions{
  display:flex;
  gap:4px;
}
.turn-actions button{
  min-height:26px!important;
  width:26px!important;
  padding:0!important;
  border-radius:6px!important;
}
.turn-empty{
  color:var(--muted);
  border:1px dashed rgba(212,164,66,.24);
  border-radius:10px;
  padding:12px;
  text-align:center;
  font-size:12px;
}
.turn-now{
  color:var(--gold-2);
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.8px;
}
@media(max-width:1200px){
  .quick-bar{grid-template-columns:repeat(3,1fr)!important;}
}
@media(max-width:760px){
  .quick-bar{grid-template-columns:1fr!important;}
}


/* Correção global de cores dos números — dono, gerente e operadores */
.card .value,
.card .value.blue,
.card .value.yellow,
.card .value.purple,
.card .value.orange,
.card .value:not(.profit-positive):not(.profit-negative),
.metric b,
.metric b.blue,
.metric b.yellow,
.metric b.purple,
.metric b.orange,
.quick-card b,
.quick-card b.blue,
.quick-card b.yellow,
.quick-card b.purple,
.quick-card b.orange,
td.blue,
td.yellow,
td.purple,
td.orange,
#dashInvestido,
#dashRetornado,
#dashComissao,
#dashBruto,
#dashLiquido,
#dashMontanteReceita,
#dashContasReceita,
#dashEmpresaReceita,
#financeTotalComissoes,
#financeTotalLiquidado,
#financeTotalPendente,
#quickCobrar,
#quickContas,
#dayInvestido,
#dayRetornado,
#dayComissao,
#dayBruto,
#contaDayInvestido,
#contaDayRetornado,
#contaDayComissao,
#contaDayBruto{
  color:#fff8e7!important;
}

/* Lucro positivo/negativo sempre com cor própria */
.profit-positive,
.value.profit-positive,
.metric b.profit-positive,
td.profit-positive,
#dashLiquido.profit-positive,
#dayLiquido.profit-positive,
#contaDayLiquido.profit-positive{
  color:#22c55e!important;
}

.profit-negative,
.value.profit-negative,
.metric b.profit-negative,
td.profit-negative,
#dashLiquido.profit-negative,
#dayLiquido.profit-negative,
#contaDayLiquido.profit-negative{
  color:#ef4444!important;
}

/* Mantém células calculadas que já recebem green/red como lucro/resultado */
td.green:not(.tag),
td.red:not(.tag){
  font-weight:800;
}


/* Ordem de turno separada por Montante e Contas */
.turn-section{
  border:1px solid rgba(212,164,66,.22);
  border-radius:12px;
  padding:10px;
  margin-top:10px;
  background:rgba(3,3,2,.45);
}
.turn-section-title{
  color:var(--gold-2);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:1px;
  margin-bottom:9px;
}
.turn-section .btn.full{
  min-height:38px;
}
.turn-section + .turn-section{
  margin-top:12px;
}


/* Letras dos avisos/alertas em branco */
.alert,
.alert *,
.alert b,
.alert span,
.alert small{
  color:#fff8e7!important;
}


/* Aba de logs */
.logs-filter{
  display:grid;
  grid-template-columns:170px 170px minmax(240px,1fr) auto auto auto;
  gap:10px;
  align-items:end;
  margin-bottom:14px;
}
.log-detail{
  white-space:pre-wrap;
  line-height:1.45;
  max-width:620px;
}
.log-action{
  font-weight:900;
  color:#fff8e7!important;
}
.log-date{
  font-family:"Consolas","Courier New",monospace;
  color:#fff8e7!important;
}
.log-area-montante{color:#ffd977!important}
.log-area-contas{color:#a9c9ff!important}
@media(max-width:900px){
  .logs-filter{grid-template-columns:1fr}
}


/* ===== TEMA MINIMALISTA ESCURO ===== */
:root{
  --bg:#050505 !important;
  --bg-2:#080808 !important;
  --panel:#0c0c0c !important;
  --card:#101010 !important;
  --line:#1f1f1f !important;
  --line-2:#272727 !important;
  --text:#f5f5f5 !important;
  --muted:#9a9a9a !important;
  --gold:#8d7445 !important;
  --gold-soft:#6d5a34 !important;
  --yellow:#c2a46d !important;
  --alien:#8d7445 !important;
  --green:#31c46a !important;
  --red:#ff4c4c !important;
  --red-2:#ff5d5d !important;
  --blue:#f5f5f5 !important;
  --purple:#c7c7c7 !important;
  --orange:#d1a766 !important;
  --shadow:none !important;
}

html, body{
  background: var(--bg) !important;
  background-image: none !important;
  color: var(--text) !important;
}

*, *::before, *::after{
  box-shadow: none !important;
  text-shadow: none !important;
}

.sidebar, .side, aside, nav{
  background: #090909 !important;
  border-color: var(--line) !important;
}

.panel,
.card,
.stats-card,
.metric-card,
.box,
.table-wrap,
.alert,
.modal-content,
section > .panel,
.dashboard-card,
.widget,
.turn-box,
.notes-box{
  background: linear-gradient(180deg, #0d0d0d 0%, #0a0a0a 100%) !important;
  border: 1px solid var(--line) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

.alert{
  background: #121212 !important;
  border-color: #262626 !important;
}

button,
.btn,
a.btn{
  background: #111111 !important;
  color: #f0f0f0 !important;
  border: 1px solid #2a2a2a !important;
  box-shadow: none !important;
}
button:hover,
.btn:hover,
a.btn:hover{
  background: #171717 !important;
  border-color: var(--gold-soft) !important;
  transform: none !important;
}

.btn.primary,
button.primary,
.btn.gold,
button.gold,
button.active,
.sidebar button.active,
.menu button.active{
  background: linear-gradient(180deg, #201a12 0%, #17130e 100%) !important;
  border-color: var(--gold) !important;
  color: #fff7e8 !important;
}

input, select, textarea{
  background: #090909 !important;
  color: #f5f5f5 !important;
  border: 1px solid #252525 !important;
  box-shadow: none !important;
}
input:focus, select:focus, textarea:focus{
  border-color: var(--gold-soft) !important;
  box-shadow: none !important;
  outline: none !important;
}

table, thead, tbody, tr, th, td{
  background: transparent !important;
  border-color: #202020 !important;
}
thead th{
  color: #d8d8d8 !important;
}
tbody tr{
  background: rgba(255,255,255,0.01) !important;
}
tbody tr:hover{
  background: rgba(255,255,255,0.03) !important;
}

.tag,
.badge,
.pill{
  background: #141414 !important;
  color: #ececec !important;
  border: 1px solid #2a2a2a !important;
}
.tag.yellow{ color: #d6b57a !important; border-color:#5f4e2f !important; }
.tag.green{ color: #69d68f !important; border-color:#2b5b3a !important; }
.tag.purple{ color: #d8d8d8 !important; border-color:#3a3a3a !important; }

h1, h2, h3, h4, h5, h6,
.title,
.panel-title h2{
  color: #f7f7f7 !important;
}
small, .muted, .sub, .subtitle, label{
  color: #9b9b9b !important;
}

.gold, .yellow{
  color: #c2a46d !important;
}

.green,
.positive,
.lucro-positivo,
.valor-positivo{
  color: #37c96f !important;
}
.red,
.negative,
.lucro-negativo,
.valor-negativo{
  color: #ff5a5a !important;
}

.metric-value,
.stat-value,
.value,
.big-number{
  color: #f3f3f3 !important;
}

hr{
  border-color: #1f1f1f !important;
}
.panel-title,
.section-title{
  border-color: #1e1e1e !important;
}

.logo-wrap,
.brand,
.brand-box{
  background: transparent !important;
  border-color: #202020 !important;
}

.sidebar button,
.menu button{
  background: #101010 !important;
  border: 1px solid #232323 !important;
  color: #f5f5f5 !important;
}
.sidebar button:hover,
.menu button:hover{
  background: #151515 !important;
  border-color: #3a3226 !important;
}
.sidebar button.active,
.menu button.active{
  background: #17130e !important;
  border-color: var(--gold) !important;
}

.modal-content{
  background: #0c0c0c !important;
  border: 1px solid #242424 !important;
}

::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#090909}
::-webkit-scrollbar-thumb{background:#262626;border-radius:999px}
::-webkit-scrollbar-thumb:hover{background:#353535}


/* Toggle de Lucro Bruto/Líquido do Montante */
#dayToggleCard{
  width:100%;
  text-align:left;
}
#dayToggleCard .sub{
  display:block;
  margin-top:4px;
  font-size:11px;
  color:var(--muted)!important;
}


/* Campo removido visualmente: Soma da tabela */
#cTabelaTotal,
#cTabelaTotalLabel,
label[for="cTabelaTotal"],
.soma-tabela-field{
  display:none!important;
}


/* Aviso discreto: nas abas operacionais cada usuário vê apenas os próprios lançamentos */
.own-ops-note{
  margin:0 0 12px;
  color:#9a9a9a!important;
  font-size:12px;
}


/* Aba Cooperação */
.coop-layout{
  display:grid;
  grid-template-columns:390px minmax(0,1fr);
  gap:22px;
  align-items:start;
}
.coop-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(140px,1fr));
  gap:14px;
  margin-bottom:18px;
}
.coop-link{
  color:#c2a46d!important;
  text-decoration:none;
  font-weight:800;
}
.coop-link:hover{
  text-decoration:underline;
}
@media(max-width:1200px){
  .coop-layout{grid-template-columns:1fr;}
  .coop-summary{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:760px){
  .coop-summary{grid-template-columns:1fr;}
}


/* Abas de mensagens */
.message-board{
  align-items:stretch;
}
.message-card{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.message-textarea{
  width:100%;
  min-height:170px;
  resize:vertical;
  white-space:pre-wrap;
}
.owner-message-config .message-textarea{
  min-height:145px;
}

/* Aba de Tabelas */
.tables-intro{
  margin-bottom:16px;
  padding:14px 16px;
  border:1px solid rgba(212,164,66,.22);
  border-radius:14px;
  background:linear-gradient(180deg, rgba(212,164,66,.10), rgba(8,7,4,.72));
  color:var(--muted);
}
.tables-intro b{color:var(--gold-2)}
.tables-gallery{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(310px,1fr));
  gap:18px;
  align-items:start;
}
.table-image-card{
  background:linear-gradient(180deg, rgba(23,20,13,.97), rgba(6,5,3,.97));
  border:1px solid rgba(212,164,66,.34);
  border-radius:18px;
  padding:14px;
  box-shadow:0 14px 38px rgba(0,0,0,.34), inset 0 0 0 1px rgba(255,217,119,.06);
  overflow:hidden;
}
.table-image-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
  padding-bottom:11px;
  border-bottom:1px solid rgba(212,164,66,.18);
}
.table-image-head h2{
  font-size:19px;
  color:var(--gold-2);
  letter-spacing:.6px;
}
.table-image-head small{
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:1px;
}
.table-image-card a.table-open-link{
  display:block;
  border-radius:14px;
  overflow:hidden;
  background:#000;
  border:1px solid rgba(255,217,119,.20);
}
.table-image-card img{
  display:block;
  width:100%;
  height:auto;
  background:#000;
}
.table-card-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
}
.table-card-actions .btn{
  text-decoration:none;
}
@media(max-width:720px){
  .tables-gallery{grid-template-columns:1fr;}
  .table-image-head{align-items:flex-start;flex-direction:column;}
}


.template-modal-grid{display:grid;gap:14px}
.template-owner-lock{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.5}
.template-owner-lock b{color:var(--gold-2)}
.template-preview-box{white-space:pre-wrap;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:14px;min-height:110px;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.55}
.template-footer-disabled{opacity:.65}
.template-footer-disabled textarea{cursor:not-allowed}

@media(max-width:900px){
  .message-board{grid-template-columns:1fr!important;}
}


/* Organização da lateral, notas e cobrança */
.app{grid-template-columns:280px minmax(0,1fr)}
.sidebar{padding:18px 16px;scrollbar-width:thin;scrollbar-color:#66502a #090806;scrollbar-gutter:stable}
.sidebar .menu{gap:5px}
.sidebar .menu button{min-height:40px;padding:10px 12px;border-radius:9px}
.sidebar .side-user{margin-top:18px;padding:14px}
.sidebar .turn-panel{margin-top:16px;padding:12px}
.turn-head{gap:8px;flex-wrap:wrap}
.turn-head strong{font-size:12px;letter-spacing:.8px}
.turn-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}
.turn-add select{min-width:0;width:100%;padding:8px}
.turn-list{max-height:230px;overflow:auto;scrollbar-width:thin}
.sidebar .notes-panel{position:relative;inset:auto;width:100%;height:auto;margin-top:16px;z-index:auto;box-shadow:none}
.sidebar .notes-head{padding:0 10px;gap:6px}
.sidebar .notes-head strong{font-size:12px;letter-spacing:.7px}
.sidebar .notes-actions{gap:8px}
.sidebar .notes-actions button{min-width:28px;min-height:32px!important}
.sidebar .notes-panel textarea{display:block;height:170px!important;padding:12px!important;line-height:1.6;font-size:13px}
.notes-footer{padding:9px 12px;border-top:1px solid var(--line-soft);font-size:10px;color:var(--muted)}
.sidebar .notes-mini{position:relative;inset:auto;width:100%;height:42px;margin-top:16px;border-radius:10px!important;font-size:13px;z-index:auto}
.owner-notes-panel .owner-notepad{min-height:360px;line-height:1.8;padding:20px;background:#080705}
.owner-notes-footer{gap:12px;flex-wrap:wrap}
.charge-extras{border-top:1px solid var(--line-soft);margin-top:16px;padding-top:14px}
.charge-extras summary{cursor:pointer;color:var(--gold-2);font-weight:700;font-size:13px}
.charge-extras summary span{font-size:11px;font-weight:400;color:var(--muted);margin-left:8px}
.charge-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.charge-option{display:flex;align-items:center;gap:12px;padding:14px;margin:0;border:1px solid var(--line);border-radius:10px;background:#0b0905;cursor:pointer}
.charge-option:has(input:checked){border-color:var(--gold-2);background:rgba(212,164,66,.12)}
.charge-option input{width:18px;height:18px;flex-shrink:0;accent-color:var(--gold-2)}
.charge-option b{display:block;color:var(--gold-2);font-size:15px}
.charge-option small{display:block;margin-top:3px;font-size:12px}
.charge-breakdown{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:14px;font-size:12px;color:var(--muted)}
.charge-breakdown b{margin-left:5px;color:var(--txt)}
.charge-breakdown span:last-child{margin-left:auto}
.charge-breakdown span:last-child b{color:var(--gold-2)}
.session-loader{display:none}
.restoring-session body{overflow:hidden}
.restoring-session #loginScreen{display:none!important}
.restoring-session #app{visibility:hidden}
.restoring-session .session-loader{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(ellipse at center,rgba(141,116,69,.08),transparent 55%),#050504}
.session-loader strong{color:var(--gold-2);font-size:18px;letter-spacing:5px}
.session-loader strong span{font-weight:400;color:var(--muted)}
.session-loader small{text-align:center;padding:0 24px;font-size:12px}
.session-spinner{width:40px;height:40px;border:2px solid rgba(212,164,66,.15);border-top-color:var(--gold-2);border-radius:50%;animation:session-spin .85s linear infinite;margin-bottom:10px}
#sessionRetry{background:#171309;color:var(--gold-2);border:1px solid var(--line);padding:10px 18px;border-radius:8px}
button:focus-visible,summary:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px}
@keyframes session-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.session-spinner{animation:none}}
@media(max-width:760px){.app{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.sidebar .menu{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar .notes-panel textarea{height:140px!important}.charge-options{grid-template-columns:1fr}.charge-breakdown span:last-child{margin-left:0}}

/* Área PIX individual */
.pix-vault-gate{max-width:760px;padding:24px;border:1px solid var(--line);border-radius:14px;background:#0b0906;margin-bottom:18px}
.pix-vault-gate h3{color:var(--gold-2);margin-bottom:8px}
.pix-vault-gate p{color:var(--muted);line-height:1.6;margin-bottom:20px;font-size:14px}
.pix-vault-gate small{display:block;line-height:1.6;margin:14px 0 18px}
.pix-notes-panel .owner-notepad{min-height:430px;line-height:1.8;padding:18px;resize:vertical;background:#050403}
.pix-notes-panel .owner-notes-footer{line-height:1.6}
@media(max-width:760px){.pix-vault-gate{padding:16px}.pix-notes-panel .owner-notepad{min-height:300px}}