:root{--card:#1e293b;--text:#f8fafc;--muted:#94a3b8;--border:#334155;--blue:#3b82f6;--green:#22c55e;--red:#ef4444;--shadow:0 10px 30px rgba(0,0,0,.25)}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#0f172a,#172554,#1e3a8a);font-family:Arial,sans-serif;color:var(--text)}
body.theme-claro{background:#f5f7fb;color:#172033}a{text-decoration:none;color:inherit}.layout{display:flex;min-height:100vh}
.sidebar{width:230px;background:#0b1220;border-right:1px solid #1e293b;padding:22px;position:fixed;top:0;bottom:0;left:0;overflow:auto}.brand{display:flex;align-items:center;gap:10px;margin-bottom:26px}.logo{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#3b82f6,#06b6d4);display:grid;place-items:center;color:#fff;font-weight:900}.brand h2{font-size:18px;margin:0}.brand span{font-size:12px;color:#cbd5e1}
.nav a{display:flex;align-items:center;gap:10px;padding:12px 13px;border-radius:12px;color:#cbd5e1;font-weight:700;margin:5px 0;font-size:14px}.nav a:hover{background:rgba(59,130,246,.16);color:#fff}.nav-group{margin:12px 0;padding:8px;border-radius:14px;background:rgba(15,23,42,.20);border:1px solid rgba(148,163,184,.10)}.nav-title{color:#93c5fd;font-size:12px;font-weight:900;text-transform:uppercase;padding:8px 10px 4px}.nav a.subitem{padding-left:24px;font-size:13px}
.main{margin-left:230px;width:calc(100% - 230px);padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:15px}.title h1{margin:0;font-size:28px}.title p{margin:5px 0 0;color:#cbd5e1}
input,select,button{padding:11px 12px;border-radius:11px;border:1px solid #475569;background:#0f172a;color:#f8fafc;font-size:14px}button,.btn{border:0;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-weight:800;cursor:pointer;padding:11px 14px;border-radius:11px;display:inline-block}.green{background:linear-gradient(135deg,#16a34a,#22c55e)!important}.red{background:linear-gradient(135deg,#dc2626,#ef4444)!important}
.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:16px}.kpi,.card{background:rgba(30,41,59,.92);border:1px solid rgba(148,163,184,.18);border-radius:18px;padding:16px;box-shadow:var(--shadow);margin-bottom:16px}.kpi small{color:#cbd5e1;font-weight:800;text-transform:uppercase;font-size:11px}.kpi strong{display:block;font-size:27px;margin-top:7px;color:#fff}.kpi span{display:block;color:#94a3b8;font-size:12px;margin-top:3px}
.grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.form-grid input,.form-grid select{width:100%}
table{width:100%;border-collapse:collapse}th{font-size:11px;text-transform:uppercase;color:#94a3b8;text-align:left;padding:10px;border-bottom:1px solid rgba(148,163,184,.18)}td{padding:12px 10px;border-bottom:1px solid rgba(148,163,184,.14);font-size:14px}.chart{height:260px}.badge{padding:6px 10px;border-radius:999px;font-weight:800;font-size:12px;display:inline-block;background:rgba(59,130,246,.16);color:#bfdbfe}.badge.ok{background:rgba(34,197,94,.16);color:#bbf7d0}.badge.warn{background:rgba(245,158,11,.16);color:#fde68a}.badge.danger{background:rgba(239,68,68,.16);color:#fecaca}
body.theme-claro .sidebar,body.theme-claro .card,body.theme-claro .kpi{background:#fff;color:#172033;border-color:#e7eaf0}body.theme-claro .brand span,body.theme-claro .title p{color:#64748b}body.theme-claro input,body.theme-claro select{background:#fff;color:#172033;border-color:#d8ddea}body.theme-claro .kpi strong{color:#172033}body.theme-claro .nav a{color:#334155}
.login-page{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr;background:radial-gradient(circle at 10% 20%,rgba(59,130,246,.45),transparent 28%),linear-gradient(135deg,#020617,#0f172a,#1d4ed8);color:white}.login-hero{padding:70px;display:flex;flex-direction:column;justify-content:center}.login-hero h1{font-size:54px;margin:0}.login-hero h2{font-size:42px;margin:35px 0 10px}.login-hero p{color:#dbeafe;font-size:18px;max-width:650px}.login-card-wrap{display:flex;align-items:center;justify-content:center;padding:40px}.login-card{width:430px;background:rgba(15,23,42,.76);border:1px solid rgba(255,255,255,.16);border-radius:32px;padding:38px;box-shadow:0 35px 110px rgba(0,0,0,.48)}.login-card input,.login-card button{width:100%;margin:8px 0}.features{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:25px}.feature{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15);border-radius:18px;padding:16px}
@media(max-width:1100px){.kpis{grid-template-columns:repeat(3,1fr)}.grid,.grid2{grid-template-columns:1fr}.login-page{grid-template-columns:1fr}.features{grid-template-columns:1fr}}@media(max-width:800px){.layout{display:block}.sidebar{position:relative;width:100%;height:auto}.main{margin-left:0;width:100%;padding:14px}.kpis{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}table{display:block;overflow-x:auto;white-space:nowrap}.login-hero{padding:30px}.login-card-wrap{padding:25px}.login-card{width:100%}}@media(max-width:480px){.kpis{grid-template-columns:1fr}.login-hero h1{font-size:38px}.login-hero h2{font-size:28px}}

/* FORMULÁRIO COM LEGENDAS */
.form-grid label{
  display:block;
  font-size:13px;
  font-weight:800;
  color:#dbeafe;
  margin-bottom:7px;
}
.form-field{
  display:flex;
  flex-direction:column;
}
.form-section-title{
  grid-column:1/-1;
  color:#22c55e;
  font-weight:900;
  font-size:18px;
  margin:8px 0 4px;
}
.form-hint{
  font-size:12px;
  color:#94a3b8;
  margin-top:5px;
}
.form-grid input,
.form-grid select{
  width:100%;
}
.form-grid button{
  align-self:end;
}

/* LISTA DE VENDAS / LEADS V2 */
.card table{
  border-collapse:separate!important;
  border-spacing:0 10px!important;
}

.card table tr{
  background:rgba(15,23,42,.42);
}

.card table tr:first-child{
  background:transparent!important;
}

.card table th{
  color:#93c5fd!important;
  font-size:12px!important;
  text-transform:uppercase;
  letter-spacing:.5px;
  border-bottom:1px solid rgba(148,163,184,.18)!important;
}

.card table td{
  padding:14px 12px!important;
  border-top:1px solid rgba(148,163,184,.08);
  border-bottom:1px solid rgba(148,163,184,.08);
}

.card table td:first-child{
  border-left:1px solid rgba(148,163,184,.08);
  border-radius:14px 0 0 14px;
}

.card table td:last-child{
  border-right:1px solid rgba(148,163,184,.08);
  border-radius:0 14px 14px 0;
}

.card table tr:hover td{
  background:rgba(59,130,246,.12);
}

.badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  background:rgba(59,130,246,.16);
  color:#dbeafe;
  border:1px solid rgba(96,165,250,.22);
}

.btn{
  border-radius:12px!important;
  padding:9px 13px!important;
  font-weight:900!important;
}

.form-grid{
  align-items:end;
}

.form-grid input,
.form-grid select{
  min-height:46px;
  border-radius:14px!important;
}

.form-grid button,
.form-grid .btn{
  min-height:46px;
}

@media(max-width:900px){
  .card table{
    font-size:13px;
  }
}

/* LISTA DE VENDAS / LEADS V2 */
.card table{
  border-collapse:separate!important;
  border-spacing:0 10px!important;
}

.card table tr{
  background:rgba(15,23,42,.42);
}

.card table tr:first-child{
  background:transparent!important;
}

.card table th{
  color:#93c5fd!important;
  font-size:12px!important;
  text-transform:uppercase;
  letter-spacing:.5px;
  border-bottom:1px solid rgba(148,163,184,.18)!important;
}

.card table td{
  padding:14px 12px!important;
  border-top:1px solid rgba(148,163,184,.08);
  border-bottom:1px solid rgba(148,163,184,.08);
}

.card table td:first-child{
  border-left:1px solid rgba(148,163,184,.08);
  border-radius:14px 0 0 14px;
}

.card table td:last-child{
  border-right:1px solid rgba(148,163,184,.08);
  border-radius:0 14px 14px 0;
}

.card table tr:hover td{
  background:rgba(59,130,246,.12);
}

.badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  background:rgba(59,130,246,.16);
  color:#dbeafe;
  border:1px solid rgba(96,165,250,.22);
}

.btn{
  border-radius:12px!important;
  padding:9px 13px!important;
  font-weight:900!important;
}

.form-grid{
  align-items:end;
}

.form-grid input,
.form-grid select{
  min-height:46px;
  border-radius:14px!important;
}

.form-grid button,
.form-grid .btn{
  min-height:46px;
}

@media(max-width:900px){
  .card table{
    font-size:13px;
  }
}

/* ===== FORMULÁRIO NOVO LEAD V3 ===== */
.page-form-v3{
  margin-bottom:22px;
  padding:24px 28px!important;
}
.page-form-v3 h1{
  font-size:36px!important;
  margin:0 0 6px!important;
}
.page-form-v3 p{
  color:#cbd5e1!important;
  font-size:17px!important;
}
.form-grid{
  align-items:start!important;
  gap:20px!important;
}
.form-field{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
}
.form-field label{
  color:#e5efff!important;
  font-size:14px!important;
  font-weight:900!important;
  letter-spacing:.1px;
}
.form-field label .req{
  color:#fb7185;
}
.form-hint{
  color:#93a4bb!important;
  font-size:12px!important;
  line-height:1.35;
  margin-top:2px;
}
.form-section-title{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  gap:10px;
  color:#22c55e!important;
  font-size:20px!important;
  font-weight:950!important;
  margin:2px 0 4px!important;
  padding-bottom:10px;
  border-bottom:1px solid rgba(34,197,94,.35);
}
.form-grid input,
.form-grid select,
.form-grid textarea{
  min-height:52px!important;
  border-radius:15px!important;
  background:rgba(15,23,42,.84)!important;
  border:1px solid rgba(148,163,184,.32)!important;
  color:#f8fafc!important;
  padding:0 16px!important;
  font-size:15px!important;
}
.form-grid textarea{
  min-height:92px!important;
  padding:16px!important;
}
.form-grid input:focus,
.form-grid select:focus,
.form-grid textarea:focus{
  outline:none!important;
  border-color:#22c55e!important;
  box-shadow:0 0 0 3px rgba(34,197,94,.13)!important;
}
.form-grid input::placeholder,
.form-grid textarea::placeholder{
  color:#8ea0b8!important;
}
.form-grid button.green,
.form-actions-v3 button.green{
  min-height:52px!important;
  border-radius:15px!important;
  font-size:16px!important;
  font-weight:950!important;
  box-shadow:0 15px 30px rgba(34,197,94,.20);
}
.form-actions-v3{
  grid-column:1/-1;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding:14px;
  margin-top:8px;
  border-radius:16px;
  background:rgba(15,23,42,.45);
  border:1px solid rgba(148,163,184,.14);
}
.form-required-note{
  color:#cbd5e1;
  font-size:14px;
  font-weight:800;
}
.form-required-note b{
  color:#fb7185;
}
.form-clear-v3{
  min-height:52px;
  padding:0 22px;
  border-radius:15px;
  background:rgba(15,23,42,.7)!important;
  border:1px solid rgba(148,163,184,.25)!important;
  color:#e2e8f0!important;
}
.form-clear-v3:hover{
  background:rgba(239,68,68,.18)!important;
}
.form-wide-v3{
  grid-column:span 2;
}
@media(max-width:1200px){
  .form-wide-v3{grid-column:1/-1}
}
@media(max-width:700px){
  .page-form-v3 h1{font-size:28px!important}
  .form-actions-v3{display:block}
  .form-actions-v3 button,.form-actions-v3 a{width:100%;margin-top:10px}
}

/* ===== MELHORIA VISUAL SEGURA ===== */

.card{
  border-radius:22px!important;
  box-shadow:0 18px 45px rgba(0,0,0,.22)!important;
}

.topbar{
  border-radius:22px!important;
  padding:20px!important;
  background:rgba(30,41,59,.78)!important;
  border:1px solid rgba(148,163,184,.18)!important;
}

.form-grid{
  gap:18px!important;
  align-items:end!important;
}

.form-grid input,
.form-grid select{
  min-height:50px!important;
  border-radius:15px!important;
  padding:0 15px!important;
  font-size:15px!important;
}

.form-grid input:focus,
.form-grid select:focus{
  outline:none!important;
  border-color:#22c55e!important;
  box-shadow:0 0 0 3px rgba(34,197,94,.14)!important;
}

button,
.btn{
  min-height:46px!important;
  border-radius:14px!important;
  font-weight:900!important;
}

table{
  border-collapse:separate!important;
  border-spacing:0 9px!important;
}

table th{
  color:#93c5fd!important;
  font-size:12px!important;
  text-transform:uppercase!important;
}

table td{
  background:rgba(15,23,42,.42)!important;
  padding:14px 12px!important;
}

table tr:hover td{
  background:rgba(59,130,246,.16)!important;
}

table td:first-child{
  border-radius:14px 0 0 14px!important;
}

table td:last-child{
  border-radius:0 14px 14px 0!important;
}

.badge{
  border-radius:999px!important;
  padding:7px 12px!important;
  font-weight:900!important;
}

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

  table{
    display:block!important;
    overflow-x:auto!important;
    white-space:nowrap!important;
  }
}

/* ===== LISTA DE VENDAS V3 ===== */
.lista-kpis-v3 .kpi{
  min-height:105px!important;
}

.filtros-lista-v3{
  margin-bottom:18px!important;
}

.filtros-lista-v3 .form-grid{
  grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr auto auto!important;
  gap:12px!important;
  align-items:end!important;
}

.tabela-lista-v3{
  overflow:hidden!important;
}

.tabela-lista-v3 table{
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0 8px!important;
}

.tabela-lista-v3 th{
  color:#93c5fd!important;
  font-size:12px!important;
  text-transform:uppercase!important;
  letter-spacing:.4px!important;
  padding:12px!important;
  border-bottom:1px solid rgba(148,163,184,.18)!important;
}

.tabela-lista-v3 td{
  background:rgba(15,23,42,.50)!important;
  padding:14px 12px!important;
  vertical-align:middle!important;
}

.tabela-lista-v3 tr:hover td{
  background:rgba(37,99,235,.22)!important;
}

.tabela-lista-v3 td:first-child{
  border-radius:14px 0 0 14px!important;
}

.tabela-lista-v3 td:last-child{
  border-radius:0 14px 14px 0!important;
}

.tabela-lista-v3 small{
  color:#94a3b8!important;
}

.vendedor-pill-v3{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  border-radius:999px;
  background:linear-gradient(135deg,#2563eb,#8b5cf6);
  font-size:12px;
  font-weight:900;
  margin-right:6px;
}

@media(max-width:1200px){
  .filtros-lista-v3 .form-grid{
    grid-template-columns:1fr 1fr!important;
  }
}

@media(max-width:700px){
  .filtros-lista-v3 .form-grid{
    grid-template-columns:1fr!important;
  }
  .tabela-lista-v3 table{
    display:block!important;
    overflow-x:auto!important;
    white-space:nowrap!important;
  }
}

/* ===== DASHBOARD V4 AGLINK ===== */
.dash-v4-header{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}
.dash-v4-header h1{margin:0;font-size:34px;color:#fff}
.dash-v4-header p{margin:6px 0 0;color:#94a3b8}
.dash-v4-filter form{display:flex;flex-wrap:wrap;gap:10px}

.dash-v4-kpis{display:grid;grid-template-columns:repeat(8,minmax(140px,1fr));gap:14px;margin-bottom:18px}
.dash-v4-card{min-height:122px;padding:18px;border-radius:20px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 55px rgba(0,0,0,.22)}
.dash-v4-card:after{content:"";position:absolute;width:90px;height:90px;right:-20px;top:-22px;border-radius:999px;background:rgba(255,255,255,.16)}
.dash-v4-card small{display:block;text-transform:uppercase;font-size:12px;font-weight:950;color:#e5e7eb}
.dash-v4-card strong{display:block;font-size:29px;margin-top:8px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash-v4-card span{color:#dbeafe;font-size:13px}
.dash-v4-card.blue{background:linear-gradient(135deg,#1d4ed8,#2563eb)}
.dash-v4-card.green{background:linear-gradient(135deg,#15803d,#22c55e)}
.dash-v4-card.cyan{background:linear-gradient(135deg,#0f766e,#06b6d4)}
.dash-v4-card.orange{background:linear-gradient(135deg,#b45309,#f97316)}
.dash-v4-card.red{background:linear-gradient(135deg,#be123c,#ef4444)}
.dash-v4-card.money{background:linear-gradient(135deg,#166534,#16a34a)}
.dash-v4-card.purple{background:linear-gradient(135deg,#5b21b6,#7c3aed)}
.dash-v4-card.dark{background:linear-gradient(135deg,#0f172a,#1e293b)}

.dash-v4-channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:18px}
.dash-v4-channel{display:flex;gap:14px;align-items:center;padding:16px;border-radius:20px;background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.16)}
.dash-v4-channel .ico{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(59,130,246,.20);font-size:22px}
.dash-v4-channel b{display:block;color:#e2e8f0}
.dash-v4-channel strong{display:block;font-size:24px;color:white}
.dash-v4-channel span{font-size:12px;color:#94a3b8}
.dash-v4-channel .bar,.mini-progress{height:7px;border-radius:999px;background:rgba(148,163,184,.20);overflow:hidden;margin-top:8px}
.dash-v4-channel .bar{width:130px}
.dash-v4-channel .bar i,.mini-progress i{display:block;height:100%;background:#22c55e;border-radius:999px}

.dash-v4-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin-bottom:18px}
.dash-v4-bottom{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.dash-v4-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.dash-v4-title h3{margin:0}
.dash-v4-title span{padding:7px 11px;border-radius:999px;background:rgba(37,99,235,.22);color:#93c5fd;font-weight:900;font-size:12px}
.mini-progress{width:130px}

@media(max-width:1500px){
  .dash-v4-kpis{grid-template-columns:repeat(4,1fr)}
  .dash-v4-grid{grid-template-columns:1fr}
  .dash-v4-bottom{grid-template-columns:1fr}
}
@media(max-width:700px){
  .dash-v4-header{display:block}
  .dash-v4-filter{margin-top:14px}
  .dash-v4-kpis{grid-template-columns:1fr}
}

/* BACKUP PANEL */
.card input[type="file"]{
  width:100%;
  padding:14px;
  border-radius:14px;
  background:rgba(15,23,42,.75);
  color:white;
  border:1px solid rgba(148,163,184,.25);
  margin-bottom:12px;
}

/* BACKUP V2 */
.backup-loading{
  margin-top:14px;
  padding:14px;
  border-radius:14px;
  background:rgba(59,130,246,.18);
  border:1px solid rgba(96,165,250,.35);
  color:#dbeafe;
  font-weight:900;
}

.card .red,
button.red{
  background:#ef4444!important;
  color:white!important;
}

/* ===== BACKUP UNIVERSAL V3 ===== */
.backup-loading{
  margin-top:14px;
  padding:14px;
  border-radius:14px;
  background:rgba(59,130,246,.18);
  border:1px solid rgba(96,165,250,.35);
  color:#dbeafe;
  font-weight:900;
}

.card input[type="file"]{
  width:100%;
  padding:14px;
  border-radius:14px;
  background:rgba(15,23,42,.75);
  color:white;
  border:1px solid rgba(148,163,184,.25);
  margin-bottom:12px;
}

button.red,
.btn.red,
.red{
  background:#ef4444!important;
  color:white!important;
}

/* ===== BACKUP PREMIUM V4 ===== */
.backup-v4{padding-bottom:30px}
.backup-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.backup-head h1{font-size:34px;margin:0}
.backup-head p{color:#cbd5e1;margin:6px 0 0}
.backup-breadcrumb{color:#cbd5e1;font-weight:800}
.backup-cards,.backup-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:18px}
.backup-card,.backup-action,.backup-info,.backup-footer{
  background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.18);border-radius:20px;padding:20px;box-shadow:0 20px 50px rgba(0,0,0,.18)
}
.backup-card{display:flex;gap:16px;align-items:center}
.backup-card .icon,.backup-action .icon{width:58px;height:58px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:28px;background:rgba(59,130,246,.22)}
.backup-card small{display:block;color:#cbd5e1;font-size:13px}
.backup-card strong{display:block;font-size:25px;color:#fff;margin:4px 0}
.backup-card span{color:#94a3b8;font-size:13px}
.backup-card.ok strong{color:#22c55e}.backup-card.purple strong{color:#e879f9}.backup-card.orange strong{color:#f59e0b}
.backup-action h3{margin:12px 0 8px}.backup-action p{color:#cbd5e1;min-height:54px}
.backup-action button,.backup-action input[type=file]{width:100%;margin-top:10px}
.backup-action input[type=file]{padding:13px;border-radius:14px;background:rgba(2,6,23,.7);color:white;border:1px solid rgba(148,163,184,.25)}
.backup-action .green{background:#22c55e!important}.backup-action .orange{background:#d97706!important}
.safe-badge{margin-top:16px;text-align:center;background:rgba(20,184,166,.16);border:1px solid rgba(20,184,166,.28);border-radius:14px;padding:13px;font-weight:950;color:#99f6e4}
.backup-info{display:flex;align-items:center;justify-content:space-between;gap:16px;border-color:rgba(37,99,235,.35);margin-bottom:18px}
.backup-info span{color:#cbd5e1}
.backup-table table{width:100%}
.backup-table td,.backup-table th{padding:13px!important}
.backup-footer{color:#cbd5e1;margin-top:18px}
.backup-loading{margin-top:14px;padding:14px;border-radius:14px;background:rgba(59,130,246,.18);border:1px solid rgba(96,165,250,.35);color:#dbeafe;font-weight:900;align-items:center}
button.red,.red{background:#ef4444!important;color:white!important}
@media(max-width:1200px){.backup-cards,.backup-actions{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.backup-head{display:block}.backup-cards,.backup-actions{grid-template-columns:1fr}.backup-table table{display:block;overflow-x:auto;white-space:nowrap}}

/* ===== METAS UNIVERSAL V1 ===== */
.meta-card{
  max-width:620px;
}

.meta-card p{
  color:#cbd5e1;
}

.meta-card label{
  display:block;
  margin-bottom:8px;
  font-weight:900;
  color:#93c5fd;
}

.meta-card input{
  width:100%;
  height:52px;
  border-radius:14px;
  border:1px solid rgba(148,163,184,.25);
  background:rgba(15,23,42,.75);
  color:white;
  padding:0 14px;
  font-size:16px;
  margin-bottom:14px;
}

.kpi.purple{
  background:linear-gradient(135deg,#5b21b6,#7c3aed)!important;
  color:white!important;
}

/* ===== ÚLTIMOS REGISTROS COMPACTO ===== */
.ultimos-compacto-card{
  min-height:auto!important;
}

.ultimos-compacto-lista{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.ultimo-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:13px 14px;
  border-radius:16px;
  background:rgba(15,23,42,.55);
  border:1px solid rgba(148,163,184,.10);
}

.ultimo-item:hover{
  background:rgba(37,99,235,.16);
}

.ultimo-left{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}

.ultimo-avatar{
  width:40px;
  height:40px;
  min-width:40px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#2563eb,#06b6d4);
  color:white;
  font-weight:950;
  box-shadow:0 10px 25px rgba(37,99,235,.25);
}

.ultimo-left b{
  display:block;
  color:#fff;
  font-size:15px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:420px;
}

.ultimo-left small{
  display:block;
  color:#94a3b8;
  font-weight:800;
  margin-top:2px;
}

.ultimo-left em{
  display:block;
  color:#cbd5e1;
  font-style:normal;
  font-size:12px;
  margin-top:2px;
}

.ultimo-status{
  min-width:max-content;
}

@media(max-width:700px){
  .ultimo-item{
    align-items:flex-start;
    flex-direction:column;
  }
  .ultimo-left b{
    max-width:260px;
  }
}

/* ===== AUDITORIA ===== */
.auditoria-card details summary{
  cursor:pointer;
  font-weight:900;
  color:#93c5fd;
}

.auditoria-card pre{
  white-space:pre-wrap;
  max-width:520px;
  max-height:260px;
  overflow:auto;
  background:rgba(2,6,23,.75);
  border:1px solid rgba(148,163,184,.18);
  border-radius:14px;
  padding:12px;
  color:#dbeafe;
  font-size:12px;
}

.auditoria-card table{
  width:100%;
}

@media(max-width:900px){
  .auditoria-card table{
    display:block;
    overflow-x:auto;
    white-space:nowrap;
  }
}