:root{--blue:#0884d6;--blue2:#0427df;--cyan:#06b6d4;--dark:#111827;--navy:#000E3D;--green:#16a34a;--yellow:#f59e0b;--red:#ef4444;--gray:#6b7280;--bg:#f4f6f9;--card:#fff;--border:#d9dee6}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,Segoe UI,Arial,sans-serif;color:#111827}.wrap{max-width:1480px;margin:0 auto;padding:24px}.topbar{height:64px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:10}.topbar strong{display:block;font-size:17px}.topbar span{color:var(--gray);font-size:12px}.topbar nav{display:flex;gap:10px;align-items:center}.topbar a{color:#374151;text-decoration:none;font-weight:700;padding:9px 12px;border-radius:999px}.topbar a:hover{background:#eef6ff;color:var(--blue)}.footer{text-align:center;color:#6b7280;font-size:12px;padding:28px}.hero{background:radial-gradient(circle at top right,rgba(29,159,229,.28),transparent 30%),linear-gradient(135deg,var(--navy),var(--dark) 55%,var(--blue2));color:#fff;border-radius:24px;padding:28px;display:flex;justify-content:space-between;gap:20px;align-items:center;box-shadow:0 18px 45px rgba(0,14,61,.18)}.hero h1{margin:5px 0 8px;font-size:34px;letter-spacing:-.04em}.hero p{margin:0;color:rgba(255,255,255,.78)}.kicker{text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.08em;color:#93c5fd}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:999px;background:#fff;color:#111827;padding:9px 14px;text-decoration:none;font-weight:800;cursor:pointer;font-size:13px;white-space:nowrap}.btn:hover,.btn.active{background:#eef6ff;border-color:#b7d9ff;color:#075985}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.big{font-size:15px;padding:13px 20px}.btn.small{font-size:12px;padding:7px 10px}.btn.danger{color:#b91c1c;border-color:#fecaca;background:#fff5f5}.summary-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:16px;margin-top:18px}.summary-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:20px;border-left:7px solid var(--gray);box-shadow:0 8px 24px rgba(15,23,42,.05)}.summary-card span{display:block;color:#6b7280;font-weight:800;text-transform:uppercase;font-size:12px}.summary-card strong{display:block;font-size:36px;line-height:1;margin:10px 0}.summary-card em{font-style:normal;color:#6b7280;font-size:13px}.summary-card.main strong{font-size:54px}.summary-card.green{border-left-color:var(--green)}.summary-card.yellow{border-left-color:var(--yellow)}.summary-card.red{border-left-color:var(--red)}.summary-card.offline{border-left-color:#64748b}.executive-message{margin-top:18px;border-radius:20px;padding:18px 20px;border:1px solid var(--border);background:#fff}.executive-message.ok{border-left:7px solid var(--green)}.executive-message.warn{border-left:7px solid var(--red)}.executive-message strong{font-size:18px}.executive-message p{margin:6px 0 0;color:#4b5563}.toolbar{margin-top:18px;background:#fff;border:1px solid var(--border);border-radius:20px;padding:14px;display:flex;flex-wrap:wrap;gap:10px}.panel{background:#fff;border:1px solid var(--border);border-radius:22px;padding:22px;margin-top:20px;box-shadow:0 8px 24px rgba(15,23,42,.05)}.panel-head,.page-title{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.panel h2,.page-title h1{margin:0 0 6px}.panel p,.page-title p{margin:0;color:#6b7280}.cron-box{font-size:12px;color:#6b7280;max-width:560px;overflow:auto}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;margin-top:14px}.table th,.table td{border-bottom:1px solid #eef2f7;text-align:left;vertical-align:middle;padding:12px 10px}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#4b5563}.table td span,.table small{color:#6b7280}.table code{font-size:12px;background:#f3f4f6;padding:3px 5px;border-radius:6px}.score{display:inline-flex;min-width:64px;height:42px;align-items:center;justify-content:center;border-radius:14px;color:#fff;font-size:18px;font-weight:900}.score.green{background:var(--green)}.score.yellow{background:var(--yellow)}.score.red{background:var(--red)}.score.offline{background:#64748b}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;color:#fff;background:#64748b}.pill.green{background:var(--green)}.pill.yellow{background:var(--yellow);color:#111827}.pill.red{background:var(--red)}.pill.gray{background:#9ca3af}.pill.offline{background:#64748b}.crit{color:#b91c1c}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.actions form{display:inline-flex;margin:0}.site-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.site-form label{display:flex;flex-direction:column;font-weight:800;font-size:13px;color:#374151}.site-form input,.site-form select,.login-card input,.setup-card textarea{margin-top:6px;border:1px solid var(--border);border-radius:12px;padding:12px;font-size:14px}.site-form .check{flex-direction:row;gap:8px;align-items:center}.alert{padding:12px 14px;border-radius:14px;margin:16px 0;font-weight:700}.alert.success{background:#dcfce7;color:#166534}.alert.error{background:#fee2e2;color:#991b1b}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--navy),var(--dark))}.login-card{width:min(480px,calc(100% - 32px));background:#fff;border-radius:24px;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.28)}.login-card h1{margin:0 0 8px}.login-card p{color:#6b7280}.login-card form{display:grid;gap:12px}.login-card label{font-weight:800}.login-card button{border:0;border-radius:999px;padding:13px 18px;background:var(--blue);color:#fff;font-weight:900;cursor:pointer}.setup-card{width:min(680px,calc(100% - 32px))}.report-cover{margin-top:18px;border-radius:28px;padding:34px;color:#fff;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--navy),var(--dark))}.report-cover.green{background:linear-gradient(135deg,#052e16,#166534)}.report-cover.yellow{background:linear-gradient(135deg,#451a03,#b45309)}.report-cover.red{background:linear-gradient(135deg,#450a0a,#b91c1c)}.report-cover.offline{background:linear-gradient(135deg,#111827,#475569)}.report-cover h1{font-size:40px;margin:6px 0}.report-score{text-align:center}.report-score strong{display:block;font-size:58px;line-height:1}.report-score span{font-weight:900}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.table.compact td:first-child{font-weight:900;color:#374151;width:35%}.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:14px}.category-card{border-radius:18px;padding:16px;background:#f8fafc;border-left:7px solid #9ca3af}.category-card.green{border-left-color:var(--green)}.category-card.yellow{border-left-color:var(--yellow)}.category-card.red{border-left-color:var(--red)}.category-card.gray{border-left-color:#9ca3af}.category-card span{display:block;font-weight:900;color:#4b5563}.category-card strong{display:block;font-size:30px;margin:8px 0}.category-card em{font-style:normal;color:#6b7280;font-size:12px}.print-actions{display:flex;gap:10px;margin-top:20px}@media(max-width:1100px){.summary-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.report-grid{grid-template-columns:1fr}.site-form{grid-template-columns:1fr}.hero,.panel-head,.page-title{flex-direction:column}.topbar{height:auto;align-items:flex-start;gap:12px;flex-direction:column;padding:14px}.topbar nav{flex-wrap:wrap}}@media print{.topbar,.toolbar,.print-actions,.footer,.btn{display:none!important}.wrap{max-width:none;padding:0}.panel,.executive-message,.report-cover{box-shadow:none;break-inside:avoid}.table th,.table td{padding:8px;font-size:12px}}

.toolbar-split{justify-content:space-between;align-items:flex-start}.toolbar-group{display:flex;flex-wrap:wrap;gap:10px}.column-manager{position:relative}.column-manager summary{list-style:none}.column-manager summary::-webkit-details-marker{display:none}.column-manager[open] summary{background:#eef6ff;border-color:#b7d9ff;color:#075985}.column-count{margin-left:8px;font-size:12px;color:#6b7280}.column-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(420px,90vw);background:#fff;border:1px solid var(--border);border-radius:18px;padding:16px;box-shadow:0 20px 50px rgba(15,23,42,.14);z-index:15}.column-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin-bottom:14px}.column-option{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#374151}.column-option input{accent-color:var(--blue)}.column-actions{display:flex;gap:10px;flex-wrap:wrap}.column-help{margin:10px 0 0;color:#6b7280;font-size:12px}.panel-table{padding-bottom:14px}.panel-head-stack{align-items:flex-start}.panel-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.view-hint{font-size:12px;color:#6b7280;font-weight:700}.modern-table-wrap{border:1px solid #eef2f7;border-radius:18px;overflow:auto;margin-top:16px}.modern-table{margin-top:0;min-width:1180px}.modern-table thead th{position:sticky;top:0;background:#f8fafc;z-index:2;box-shadow:0 1px 0 #e5e7eb}.modern-table tbody tr:nth-child(even){background:#fcfdff}.modern-table tbody tr:hover{background:#f8fbff}.modern-table td{padding-top:15px;padding-bottom:15px}.site-cell{display:flex;flex-direction:column;gap:3px;min-width:210px}.site-cell strong{font-size:16px}.site-cell span{font-weight:600;color:#6b7280}.site-cell small{font-size:12px;color:#6b7280;word-break:break-word}.metric-stack{display:flex;flex-direction:column;gap:4px}.metric-inline{font-weight:800;color:#111827}.sticky-col{background:inherit}.sticky-left{position:sticky;left:0;z-index:1;background:inherit;box-shadow:1px 0 0 #eef2f7}.sticky-right{position:sticky;right:0;z-index:1;background:inherit;box-shadow:-1px 0 0 #eef2f7}.row-red .sticky-left,.row-red .sticky-right{background:#fff9f9}.row-yellow .sticky-left,.row-yellow .sticky-right{background:#fffdf8}.row-green .sticky-left,.row-green .sticky-right{background:#fbfffd}.row-offline .sticky-left,.row-offline .sticky-right{background:#fbfcff}.col-score,.col-status,.col-php,.col-aios,.col-backup,.col-critical,.col-login,.col-hardening,.col-server{text-align:center}.col-actions{min-width:130px}.actions .btn{min-width:74px}.dashboard-table td.col-critical strong{font-size:20px}.dashboard-table .pill{justify-content:center}.dashboard-table small{display:block;max-width:170px}.cron-box code{display:inline-block;white-space:normal;word-break:break-all;line-height:1.4}.table th.col-actions,.table td.col-actions{text-align:left}@media(max-width:1100px){.toolbar-split{flex-direction:column;align-items:stretch}.panel-meta{align-items:flex-start}.column-panel{left:0;right:auto;width:min(100%,420px)}.column-grid{grid-template-columns:1fr}}


/* v1.3 visual refinements */
.wrap{max-width:1560px}.panel{border-radius:26px}.panel-table{padding:24px}.panel-head-stack{margin-bottom:4px}.modern-table-wrap{border:0;background:transparent;overflow:auto}.modern-table{border-collapse:separate;border-spacing:0 12px;min-width:1280px}.modern-table thead th{position:sticky;top:0;background:#fff;padding:14px 12px;border-bottom:1px solid #e8edf3;color:#667085;font-size:11px;z-index:5}.modern-table tbody td{background:#fff;border-top:1px solid #edf2f7;border-bottom:1px solid #edf2f7;padding:16px 12px;vertical-align:middle}.modern-table tbody td:first-child{border-left:1px solid #edf2f7;border-top-left-radius:18px;border-bottom-left-radius:18px}.modern-table tbody td:last-child{border-right:1px solid #edf2f7;border-top-right-radius:18px;border-bottom-right-radius:18px}.modern-table tbody tr{filter:drop-shadow(0 10px 18px rgba(15,23,42,.04))}.modern-table tbody tr:hover td{background:#fbfdff}.sticky-left,.sticky-right{background:#fff !important}.sticky-left{box-shadow:8px 0 16px -14px rgba(15,23,42,.18)}.sticky-right{box-shadow:-8px 0 16px -14px rgba(15,23,42,.18)}.site-cell{min-width:260px;gap:8px}.site-cell strong{font-size:24px;letter-spacing:-.03em;line-height:1.05}.site-subline{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.client-tag{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:800}.site-url{display:block;color:#667085;font-size:13px;line-height:1.35}.score{min-width:74px;height:48px;border-radius:16px;font-size:22px;box-shadow:inset 0 -2px 0 rgba(255,255,255,.15)}.score.green{background:linear-gradient(180deg,#16a34a,#0f9f54)}.score.yellow{background:linear-gradient(180deg,#f2ae2e,#f59e0b);color:#161616}.score.red{background:linear-gradient(180deg,#f46060,#ef4444)}.score.offline{background:linear-gradient(180deg,#94a3b8,#64748b)}.pill{padding:7px 12px;border-radius:999px;font-size:12px;font-weight:900;line-height:1}.pill.soft.green{background:#dcfce7;color:#166534}.pill.soft.yellow{background:#fef3c7;color:#92400e}.pill.soft.red{background:#fee2e2;color:#b91c1c}.pill.soft.gray,.pill.soft.offline{background:#e5e7eb;color:#4b5563}.metric-center{align-items:center}.risk-label{font-weight:700;color:#667085}.crit{font-size:28px;line-height:1;color:#d92d20}.score-mini{display:inline-flex;align-items:center;justify-content:center;min-width:58px;padding:8px 10px;border-radius:999px;background:#f8fafc;border:1px solid #e5e7eb;font-weight:900;color:#111827}.date-main{font-weight:700;color:#111827}.dashboard-table small{max-width:200px;line-height:1.35}.actions{justify-content:flex-start;gap:10px}.actions .btn{min-width:84px}.btn.small{padding:8px 12px;border-radius:999px}.btn.small.primary{box-shadow:0 6px 16px rgba(8,132,214,.18)}.col-score,.col-status,.col-php,.col-aios,.col-backup,.col-critical,.col-login,.col-hardening,.col-server{text-align:center}.col-score{width:102px}.col-status{width:110px}.col-php{width:120px}.col-aios,.col-backup{width:100px}.col-critical{width:110px}.col-login,.col-hardening,.col-server{width:90px}.col-last_review{min-width:180px}.toolbar{padding:16px 18px}.view-hint{background:#f8fafc;border:1px solid #e7edf3;padding:8px 12px;border-radius:999px}.cron-box{background:#f8fafc;border:1px solid #e7edf3;padding:10px 12px;border-radius:14px;max-width:620px}.modern-table thead th.col-site,.modern-table td.col-site{text-align:left}.modern-table thead th.col-actions,.modern-table td.col-actions{text-align:left}@media(max-width:1100px){.site-cell strong{font-size:18px}.modern-table{min-width:1100px}.cron-box{max-width:100%}}


/* v1.4 SaaS premium refresh */
:root{
  --saas-bg:#f5f8fc;
  --saas-surface:#ffffff;
  --saas-surface-2:#fbfdff;
  --saas-text:#0f172a;
  --saas-muted:#667085;
  --saas-line:#e7eef6;
  --saas-shadow:0 14px 40px rgba(2,6,23,.07);
  --saas-shadow-lg:0 24px 60px rgba(2,6,23,.10);
}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(circle at 0% 0%, rgba(8,132,214,.09), transparent 34%),
    radial-gradient(circle at 100% 0%, rgba(4,39,223,.08), transparent 30%),
    linear-gradient(180deg,#f7faff 0%,#f4f7fb 100%);
  color:var(--saas-text);
}
body:before{
  content:'';
  position:fixed;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.28) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.18) 1px, transparent 1px);
  background-size:32px 32px;
  opacity:.25;
  mask-image:radial-gradient(circle at center, #000 45%, transparent 95%);
}
.wrap{max-width:1640px;padding:30px 28px 36px;position:relative;z-index:1}
.topbar{
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(231,238,246,.95);
  box-shadow:0 10px 30px rgba(15,23,42,.05);
}
.topbar>div{display:flex;flex-direction:column;gap:3px}
.topbar strong{
  display:flex;align-items:center;gap:10px;font-size:18px;letter-spacing:-.02em
}
.topbar strong:before{
  content:'';width:11px;height:11px;border-radius:999px;
  background:linear-gradient(135deg,var(--blue),var(--blue2));
  box-shadow:0 0 0 6px rgba(8,132,214,.12);
}
.topbar span{font-size:12px;color:#7b8798}
.topbar nav{gap:12px}
.topbar a{
  border:1px solid transparent;
  color:#344054;
  padding:10px 14px;
  transition:.18s ease;
}
.topbar a:hover,.topbar a.active{
  background:#f1f7ff;border-color:#d7e8ff;color:#075985;transform:translateY(-1px)
}
.hero{
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 78% 24%, rgba(34,211,238,.33), transparent 18%),
    radial-gradient(circle at 90% 12%, rgba(59,130,246,.34), transparent 24%),
    linear-gradient(135deg, #07153f 0%, #0a1f68 44%, #1f3fff 100%);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 24px 70px rgba(0,14,61,.25);
}
.hero:before,.hero:after{content:'';position:absolute;pointer-events:none}
.hero:before{
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size:28px 28px;
  mask-image:linear-gradient(90deg, rgba(0,0,0,.2), #000 50%, rgba(0,0,0,0));
}
.hero:after{
  right:-100px;top:-100px;width:260px;height:260px;border-radius:999px;
  background:radial-gradient(circle, rgba(255,255,255,.18), transparent 65%);
}
.hero h1{font-size:42px;font-weight:900;line-height:1.02;max-width:760px}
.hero p{font-size:16px;max-width:680px;color:rgba(255,255,255,.82)}
.kicker{display:inline-flex;align-items:center;gap:8px;font-size:11px;padding:6px 10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:999px}
.kicker:before{content:'';width:8px;height:8px;border-radius:999px;background:#67e8f9}
.btn{
  border-color:#dfe7f0;
  background:var(--saas-surface);
  color:#0f172a;
  box-shadow:0 4px 12px rgba(2,6,23,.03);
  transition:.18s ease;
}
.btn:hover,.btn.active{transform:translateY(-1px);box-shadow:0 10px 20px rgba(8,132,214,.08)}
.btn.primary{
  background:linear-gradient(135deg,var(--blue),var(--blue2));
  border-color:transparent;
  box-shadow:0 14px 30px rgba(8,132,214,.26);
}
.btn.primary:hover{filter:brightness(1.03)}
.btn.small.primary{background:linear-gradient(135deg,var(--blue),#2c7ae9)}
.summary-grid{gap:18px}
.summary-card{
  position:relative;overflow:hidden;
  background:linear-gradient(180deg,#fff, #fbfdff);
  border:1px solid var(--saas-line);
  box-shadow:var(--saas-shadow);
  border-left-width:1px;
}
.summary-card:before{
  content:'';position:absolute;inset:0 auto 0 0;width:6px;border-radius:20px 0 0 20px;background:var(--gray)
}
.summary-card.green:before{background:linear-gradient(180deg,#22c55e,#16a34a)}
.summary-card.yellow:before{background:linear-gradient(180deg,#fbbf24,#f59e0b)}
.summary-card.red:before{background:linear-gradient(180deg,#f87171,#ef4444)}
.summary-card.offline:before{background:linear-gradient(180deg,#94a3b8,#64748b)}
.summary-card.main:before{background:linear-gradient(180deg,#8b5cf6,#2563eb)}
.summary-card.main{
  background:linear-gradient(135deg,#ffffff,#f7fbff);
}
.summary-card span{font-size:11px;letter-spacing:.08em}
.summary-card strong{letter-spacing:-.04em}
.executive-message,.toolbar,.panel{
  background:rgba(255,255,255,.84);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(231,238,246,.95);
  box-shadow:var(--saas-shadow);
}
.executive-message{padding:20px 22px}
.toolbar{padding:16px 18px;align-items:center}
.column-manager[open] summary{background:#eef6ff}
.column-panel{
  border:1px solid #e6edf7;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.panel-head h2,.page-title h1{font-size:22px;letter-spacing:-.03em}
.panel-head p,.page-title p{font-size:14px;color:#667085}
.view-hint,.cron-box{background:#f8fbff;border:1px solid #e6eef8}
.cron-box{box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.modern-table-wrap{padding:4px;background:linear-gradient(180deg,#f8fbff,#f4f8fc);border-radius:22px;border:1px solid #edf3f8}
.modern-table{border-spacing:0 14px}
.modern-table thead th{
  background:transparent;
  color:#6b7280;
  font-size:11px;
  font-weight:900;
  padding:14px 14px;
  border-bottom:0;
  box-shadow:none;
}
.modern-table tbody td{
  border-top:1px solid #edf2f7;
  border-bottom:1px solid #edf2f7;
  background:linear-gradient(180deg,#ffffff,#fcfdff);
}
.modern-table tbody tr:hover td{background:linear-gradient(180deg,#ffffff,#f8fbff)}
.modern-table tbody td:first-child{border-left:1px solid #edf2f7}
.modern-table tbody td:last-child{border-right:1px solid #edf2f7}
.site-cell strong{font-size:22px}
.site-subline{gap:10px}
.client-tag{
  background:linear-gradient(180deg,#eff6ff,#e0f2fe);
  color:#075985;
  border:1px solid #dbeafe;
}
.site-url{max-width:240px}
.score{
  min-width:78px;height:50px;border-radius:18px;font-size:22px;font-weight:900;
  box-shadow:inset 0 -2px 0 rgba(255,255,255,.2), 0 8px 16px rgba(15,23,42,.08)
}
.pill{
  min-height:30px;
  padding:7px 12px;
  font-size:12px;
  border:1px solid transparent;
}
.pill.soft.green{border-color:#bbf7d0}
.pill.soft.yellow{border-color:#fde68a}
.pill.soft.red{border-color:#fecaca}
.pill.soft.gray,.pill.soft.offline{border-color:#d1d5db}
.metric-stack{gap:5px}
.metric-center{align-items:center;justify-content:center}
.metric-inline.score-mini{
  min-width:62px;
  background:linear-gradient(180deg,#ffffff,#f7fafc);
  border:1px solid #e6edf4;
  box-shadow:0 4px 10px rgba(15,23,42,.03)
}
.crit{font-size:30px;font-weight:900}
.dashboard-table small{color:#667085}
.actions .btn{min-width:88px}
.site-form input,.site-form select,.login-card input,.setup-card textarea{
  border-color:#dde6f1;
  background:#fbfdff;
  box-shadow:inset 0 1px 2px rgba(15,23,42,.02);
}
.site-form input:focus,.site-form select:focus,.login-card input:focus,.setup-card textarea:focus{
  outline:none;border-color:#93c5fd;box-shadow:0 0 0 4px rgba(59,130,246,.12)
}
.login-screen{
  background:
    radial-gradient(circle at 15% 20%, rgba(34,211,238,.14), transparent 24%),
    radial-gradient(circle at 90% 0%, rgba(99,102,241,.18), transparent 26%),
    linear-gradient(135deg,#07153f,#0d1b4f 60%,#0b2a88);
}
.login-card,.setup-card{
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border:1px solid rgba(255,255,255,.4);
}
.report-cover{
  background:
    radial-gradient(circle at 80% 10%, rgba(34,211,238,.20), transparent 22%),
    linear-gradient(135deg,#07153f,#0a1f68 60%,#2563eb);
  box-shadow:var(--saas-shadow-lg)
}
.footer{color:#94a3b8}
@media(max-width:1100px){
  .hero h1{font-size:34px}
  .summary-card.main strong{font-size:48px}
}

/* v2.0 portal operativo */
.saas-hero h1{max-width:820px}.portfolio-grid{grid-template-columns:2fr repeat(4,1fr)}.search-box{display:flex;gap:8px;align-items:center}.search-box input{border:1px solid #dfe7f0;border-radius:999px;padding:10px 14px;min-width:260px;background:#fff}.search-box input:focus{outline:none;border-color:#93c5fd;box-shadow:0 0 0 4px rgba(59,130,246,.12)}.col-connector,.col-managewp,.col-sendgrid,.col-smtp,.col-recaptcha,.col-hosting,.col-support,.col-uptime{text-align:center;min-width:110px}.col-support{min-width:130px}.col-hosting{min-width:160px}.col-site{min-width:330px}.site-form-wide{grid-template-columns:repeat(3,minmax(0,1fr))}.site-form-wide .form-actions{display:flex;gap:10px;align-items:end}.import-form{grid-template-columns:minmax(280px,1fr) auto;align-items:end}.simple-list{min-width:1100px}.simple-list td,.simple-list th{font-size:13px}.simple-list small{color:#667085}.table.compact{max-width:100%}.table.compact td{padding:14px 12px}.table.compact td:first-child{width:240px}.summary-card.main strong{color:#0f172a}.pill.soft.gray{background:#eef2f7;color:#475467}.pill.soft.offline{background:#e2e8f0;color:#334155}.pill.soft.red{background:#fee2e2;color:#b91c1c;border-color:#fecaca}.row-gray .sticky-left,.row-gray .sticky-right{background:#f8fafc}.score.gray{background:linear-gradient(180deg,#cbd5e1,#94a3b8);color:#fff}.modern-table tbody tr.row-gray td{background:#f8fafc}.site-cell strong{font-size:20px}.client-tag{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-table small{margin-top:4px}.col-actions{min-width:210px}.actions{gap:8px}.topbar nav a[href="import.php"]{background:#eef6ff;color:#075985;border-color:#d7e8ff}@media(max-width:1200px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}.site-form-wide{grid-template-columns:1fr}.search-box{width:100%}.search-box input{min-width:0;flex:1}.import-form{grid-template-columns:1fr}.col-site{min-width:260px}}

/* v2.1 adjustments: plugin-only score + SendGrid API partial reference */
.score.gray{background:linear-gradient(180deg,#e5e7eb,#cbd5e1);color:#475569}.col-sendgrid_key{min-width:130px;text-align:center}.col-sendgrid_key .pill{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.01em}.summary-card.main span:after{content:' · plugin';font-weight:900;color:#2563eb;margin-left:4px}.site-form-wide label input[name="nombre_api_key"]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.dashboard-table td.col-score small{margin-top:6px;color:#94a3b8;font-weight:700}.executive-message p strong{font-weight:900}


/* v2.2 support home + integrations */
.panel-like{background:rgba(255,255,255,.84);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(231,238,246,.95);box-shadow:var(--saas-shadow);border-radius:28px;padding:28px}
.support-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:18px;background:
radial-gradient(circle at 85% 20%, rgba(8,132,214,.10), transparent 18%),
linear-gradient(180deg,rgba(255,255,255,.95),rgba(248,251,255,.95))}
.support-hero h1{margin:8px 0 10px;font-size:38px;letter-spacing:-.04em}
.support-hero p{margin:0;max-width:760px;color:#667085;font-size:15px}
.support-kicker{background:#eef6ff;color:#075985;border-color:#dbeafe}
.support-kicker:before{background:#2563eb}
.support-hero-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.support-stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:18px 0}.support-stat-card{background:rgba(255,255,255,.86);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(231,238,246,.95);border-radius:24px;padding:20px;box-shadow:var(--saas-shadow)}.support-stat-card span{display:block;font-size:11px;font-weight:900;letter-spacing:.08em;color:#6b7280;text-transform:uppercase}.support-stat-card strong{display:block;margin:10px 0 6px;font-size:38px;letter-spacing:-.04em}.support-stat-card em{font-style:normal;color:#667085;font-size:13px}.support-toolbar{justify-content:space-between;gap:16px}.support-search-form{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.support-search-input{min-width:360px;padding:12px 16px;border:1px solid #dfe7f0;border-radius:999px;background:#fff;box-shadow:0 4px 12px rgba(2,6,23,.03)}.support-search-input:focus{outline:none;border-color:#93c5fd;box-shadow:0 0 0 4px rgba(59,130,246,.12)}.support-table-panel .panel-head{align-items:flex-end}.support-panel-meta{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.mini-note{font-size:12px;color:#667085}.support-table .score{min-width:66px;height:44px;font-size:18px}.support-table td .metric-inline{font-weight:700;color:#0f172a}.site-info-hero{display:flex;justify-content:space-between;gap:22px;align-items:stretch;margin-bottom:20px;padding:28px;border-radius:28px;background:linear-gradient(135deg,#08153f,#0a2069 58%,#2345f5);color:#fff;box-shadow:0 24px 70px rgba(0,14,61,.22)}.site-info-hero h1{font-size:38px;letter-spacing:-.04em;margin:8px 0}.site-info-hero p{margin:0;color:rgba(255,255,255,.8)}.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.hero-badges .pill{box-shadow:none}.hero-badges .pill.soft.gray{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.16);color:#fff}.hero-badges .pill.soft.green{background:rgba(34,197,94,.18);border-color:rgba(34,197,94,.3);color:#dcfce7}.hero-badges .pill.soft.yellow{background:rgba(245,158,11,.18);border-color:rgba(245,158,11,.3);color:#fef3c7}.hero-score-card{min-width:220px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:24px;border-radius:24px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hero-score-card span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.75)}.hero-score-card strong{font-size:58px;line-height:1;margin:12px 0 6px}.hero-score-card em{font-style:normal;color:rgba(255,255,255,.86)}.site-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.info-card{padding:22px}.full-span{grid-column:1/-1}.card-title{margin-bottom:16px}.card-title h2{margin:0 0 6px}.card-title p{margin:0;color:#667085}.detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.detail-list div,.notes-grid div{padding:14px 16px;border:1px solid #e8eef5;border-radius:18px;background:linear-gradient(180deg,#fff,#fbfdff)}.detail-list span,.notes-grid span{display:block;color:#667085;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.detail-list strong,.notes-grid strong{font-size:15px;line-height:1.35;color:#111827}.compact-detail{grid-template-columns:1fr 1fr}.vendor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.vendor-chip{display:flex;align-items:center;gap:12px;border-radius:18px;padding:14px 16px;background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #e7eef6}.vendor-chip.green{box-shadow:inset 0 0 0 1px #d1fae5}.vendor-chip.yellow{box-shadow:inset 0 0 0 1px #fde68a}.vendor-chip.red{box-shadow:inset 0 0 0 1px #fecaca}.vendor-chip.gray{box-shadow:inset 0 0 0 1px #e5e7eb}.vendor-mark{width:40px;height:40px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:16px;background:#f3f4f6;color:#111827;flex:0 0 40px}.vendor-chip.green .vendor-mark{background:#dcfce7;color:#166534}.vendor-chip.yellow .vendor-mark{background:#fef3c7;color:#92400e}.vendor-chip.red .vendor-mark{background:#fee2e2;color:#b91c1c}.vendor-chip.gray .vendor-mark{background:#edf2f7;color:#4b5563}.vendor-meta{display:flex;flex-direction:column;gap:4px}.vendor-meta strong{font-size:15px;letter-spacing:-.02em}.vendor-meta small{font-size:12px;color:#667085;line-height:1.35}.notes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.integration-stats{margin-top:18px}.integration-form{display:grid;grid-template-columns:1fr;gap:12px}.integrations-grid{grid-template-columns:1.2fr 1fr}.topbar a.active{background:#eef6ff;border-color:#d7e8ff;color:#075985}@media(max-width:1260px){.support-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-info-grid,.integrations-grid{grid-template-columns:1fr}.vendor-grid,.detail-list,.notes-grid{grid-template-columns:1fr 1fr}}@media(max-width:960px){.support-hero,.site-info-hero,.support-toolbar{flex-direction:column;align-items:flex-start}.support-search-input{min-width:100%}.support-stats-grid{grid-template-columns:1fr 1fr}.hero-score-card{width:100%}.vendor-grid,.detail-list,.notes-grid{grid-template-columns:1fr}}@media(max-width:640px){.support-stats-grid{grid-template-columns:1fr}.wrap{padding:20px 16px 32px}.support-hero h1,.site-info-hero h1{font-size:30px}.support-table{min-width:980px}}