:root{
  --assina-primary:#0b2c4a;
  --assina-secondary:#0fa7a6;
  --assina-soft:#f4f8fb;
  --assina-border:#dbe5ef;
  --assina-text:#163047;
  --assina-muted:#6a8095;
  --assina-success:#178a5b;
  --assina-danger:#b84c4c;
}
*{box-sizing:border-box}
body{
  margin:0;
  background:#f6f8fb;
  color:var(--assina-text);
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
a{color:inherit}
.logo-assinatec-side{width:54px;height:54px;object-fit:contain;background:#fff;border-radius:14px;padding:6px;box-shadow:0 10px 24px rgba(0,0,0,.14)}
.assina-shell{display:grid;grid-template-columns:290px 1fr;min-height:100vh;background:#f6f8fb}
.assina-sidebar{background:linear-gradient(180deg,#0b2239 0%, #0b2c4a 40%, #0d3757 100%);color:#fff;padding:22px 18px;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.08);box-shadow:14px 0 35px rgba(11,44,74,.08);position:sticky;top:0;height:100vh}
.assina-sidebar-top{display:flex;align-items:center;gap:14px;margin-bottom:28px;padding:4px 6px 18px;border-bottom:1px solid rgba(255,255,255,.10)}
.assina-brand-vertical{text-decoration:none}
.assina-brand-text{display:flex;flex-direction:column}
.assina-brand-text strong{font-size:20px;line-height:1.1;color:#fff}
.assina-brand-text span{font-size:12px;color:rgba(255,255,255,.75);margin-top:4px}
.assina-side-nav{display:flex;flex-direction:column;gap:8px}
.assina-side-nav a{text-decoration:none;color:rgba(255,255,255,.86);display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;font-weight:600;transition:.18s ease;border:1px solid transparent}
.assina-side-nav a i{font-size:18px;width:20px;text-align:center}
.assina-side-nav a:hover{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.08)}
.assina-side-nav a.active{background:linear-gradient(135deg, rgba(15,167,166,.28), rgba(255,255,255,.10));color:#fff;border-color:rgba(15,167,166,.45);box-shadow:0 10px 18px rgba(0,0,0,.12)}
.assina-sidebar-bottom{margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.10)}
.assina-logout-link{text-decoration:none;color:#fff;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;font-weight:700;background:rgba(255,255,255,.06)}
.assina-content-area{min-width:0;display:flex;flex-direction:column}
.assina-topbar-compact{background:#ffffffcc;backdrop-filter:blur(8px);border-bottom:1px solid #dde7ef;padding:18px 26px;display:flex;justify-content:space-between;align-items:center;gap:20px;position:sticky;top:0;z-index:10}
.assina-topbar-compact h1{margin:2px 0 0;font-size:24px;color:#0b2c4a;font-weight:800}
.topbar-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#0fa7a6;font-weight:800}
.topbar-actions{display:flex;gap:12px;flex-wrap:wrap}
.topbar-btn{white-space:nowrap}
.assina-main-wrap{padding:26px}
.assina-page-container{width:100%}
.assina-guest-container{max-width:1100px;margin:0 auto;padding:30px 0}
.btn-assina-primary,.btn-assina-secondary{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:700}
.btn-assina-primary{background:linear-gradient(135deg,var(--assina-primary),var(--assina-secondary));color:#fff;box-shadow:0 12px 24px rgba(11,44,74,.14)}
.btn-assina-secondary{background:#fff;border:1px solid var(--assina-border);color:var(--assina-primary)}
.btn-assina-primary:hover,.btn-assina-secondary:hover{opacity:.96}
.btn-no-border{border:none}
.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--assina-secondary);font-weight:800;margin-bottom:8px}
.hero-card{background:linear-gradient(135deg,#ffffff,#eef8f9);border:1px solid var(--assina-border);border-radius:24px;padding:28px;display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}
.hero-title{margin:0 0 8px;font-size:32px;color:var(--assina-primary);font-weight:800}
.hero-text{margin:0;color:var(--assina-muted);font-size:16px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}
.stat-card,.panel-card,.verify-card,.cert-panel,.cert-box,.home-feature{background:#fff;border:1px solid var(--assina-border);border-radius:18px;box-shadow:0 10px 30px rgba(11,44,74,.05)}
.stat-card{padding:22px}
.stat-label{display:block;color:var(--assina-muted);font-size:13px;margin-bottom:10px}
.stat-value{font-size:32px;color:var(--assina-primary)}
.dashboard-panels{display:grid;grid-template-columns:2fr 1fr;gap:16px}
.panel-card{padding:22px}
.panel-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}
.panel-head h3{margin:0;color:var(--assina-primary);font-size:20px}
.panel-head span{font-size:13px;color:var(--assina-muted)}
.timeline-list{display:flex;flex-direction:column;gap:14px}
.timeline-item{display:grid;grid-template-columns:14px 1fr auto;gap:12px;align-items:start}
.timeline-dot{width:12px;height:12px;border-radius:50%;background:var(--assina-secondary);margin-top:5px}
.timeline-meta{font-size:13px;color:var(--assina-muted);margin-top:4px}
.mini-link{font-size:13px;color:var(--assina-primary);text-decoration:none}
.kpi-list{display:flex;flex-direction:column;gap:14px}
.kpi-row{display:flex;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #edf2f7}
.empty-box{padding:18px;border:1px dashed #cfe0ea;border-radius:14px;background:#f8fbfd;color:#60798d}
.assina-table-admin code{font-size:12px}
.break-any{word-break:break-all}
.verify-card{padding:24px}
.verify-top{display:flex;gap:18px;align-items:center;background:#fff;border:1px solid var(--assina-border);border-radius:22px;padding:24px;margin-bottom:18px}
.verify-logo{height:74px;width:auto}
.verify-badge{display:inline-flex;padding:10px 14px;border-radius:999px;font-weight:700;margin-bottom:16px}
.verify-badge.success{background:#effaf4;color:var(--assina-success);border:1px solid #bde3cc}
.verify-badge.danger{background:#fff1f1;color:var(--assina-danger);border:1px solid #f1c7c7}
.cert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:18px}
.cert-box{padding:18px}
.cert-box span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--assina-muted);margin-bottom:8px}
.cert-box strong{font-size:15px;color:var(--assina-primary)}
@media (max-width: 980px){
  .assina-shell{grid-template-columns:1fr}
  .assina-sidebar{position:relative;height:auto;border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}
  .assina-sidebar-bottom{margin-top:18px}
  .assina-topbar-compact{position:relative;top:auto}
  .dashboard-panels{grid-template-columns:1fr}
}