:root{
  --brand:#0B2A6F;
  --brand-2:#1763D6;
  --mint:#21C07E;
  --gold:#E8B325;
  --ink:#09152f;
  --muted:#64748b;
  --panel:rgba(255,255,255,.78);
  --line:#e5edf7;
}
*{box-sizing:border-box}
body.tp-body{font-family:Inter,sans-serif;background:
  radial-gradient(circle at top left, rgba(77,155,255,.18), transparent 30%),
  radial-gradient(circle at 85% 10%, rgba(33,192,126,.18), transparent 24%),
  linear-gradient(180deg,#f8fbff,#f3f7fd 48%,#eef5ff);color:var(--ink)}
.hero-bg{background:transparent}
.glass,.tp-glass{background:var(--panel);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.62);box-shadow:0 18px 60px rgba(13,29,69,.08)}
.logo-glow{filter:drop-shadow(0 20px 30px rgba(11,42,111,.18))}
.input,.form-control,.form-select{width:100%;border:1px solid #dbe1ea;border-radius:1rem;padding:.9rem 1rem;background:#fff;box-shadow:none}
.input:focus,.form-control:focus,.form-select:focus{outline:none;border-color:#4D9BFF;box-shadow:0 0 0 4px rgba(77,155,255,.14)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:1rem;padding:.9rem 1.15rem;font-weight:700;transition:.2s transform,.2s box-shadow,.2s background;border:0;text-decoration:none}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,#0B2A6F,#1763D6);color:#fff;box-shadow:0 18px 30px rgba(17,64,160,.18)}
.btn-secondary{background:#fff;border:1px solid #dbe1ea;color:#0B2A6F}
.btn-success{background:linear-gradient(135deg,#127A52,#21C07E);color:#fff;box-shadow:0 18px 30px rgba(18,122,82,.18)}
.card,.tp-card{background:#fff;border:1px solid var(--line);border-radius:1.75rem;padding:1.25rem;box-shadow:0 10px 30px rgba(15,23,42,.04)}
.tp-card-dark{background:linear-gradient(135deg,#08173d,#10275e 60%,#12446a);color:#fff;border:1px solid rgba(255,255,255,.08)}
.kpi-ring,.tp-kpi{position:relative;overflow:hidden}
.kpi-ring:before,.tp-kpi:before{content:"";position:absolute;inset:auto -30px -30px auto;width:120px;height:120px;background:radial-gradient(circle,rgba(33,192,126,.2),transparent 70%)}
.section-title{font-family:Manrope,sans-serif;font-size:2rem;font-weight:800;letter-spacing:-.03em;color:#061a46}
.table-action a,.table-action button{font-weight:700;color:#1763D6}
.tp-sidebar{background:linear-gradient(180deg,#061a46,#0a255f 45%,#0b365d 100%);border-right:1px solid rgba(255,255,255,.05)}
.tp-brand-card{padding:1rem;border-radius:1.5rem;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.1)}
.tp-nav-link{display:block;padding:.9rem 1rem;border-radius:1rem;color:rgba(255,255,255,.78);text-decoration:none;border:1px solid transparent;transition:.2s ease}
.tp-nav-link:hover,.tp-nav-link.active{background:rgba(255,255,255,.09);color:#fff;border-color:rgba(255,255,255,.08)}
.tp-status-card{padding:1.15rem;border-radius:1.5rem;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.1)}
.tp-chip{display:inline-flex;align-items:center;justify-content:center;padding:.55rem .9rem;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--ink);font-size:.84rem;font-weight:700;text-decoration:none}
.tp-chip.active{background:linear-gradient(135deg,#0B2A6F,#1763D6);color:#fff;border-color:transparent}
.tp-main{background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,.2))}
.tp-topbar{background:rgba(248,251,255,.7);backdrop-filter:blur(18px);border-bottom:1px solid rgba(148,163,184,.2)}
.tp-stat-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:1.55rem;padding:1.2rem;box-shadow:0 10px 30px rgba(15,23,42,.04)}
.tp-stat-card:after{content:"";position:absolute;right:-18px;top:-18px;width:90px;height:90px;border-radius:999px;background:radial-gradient(circle,rgba(77,155,255,.24),transparent 70%)}
.tp-stat-card.tone-green:after{background:radial-gradient(circle,rgba(33,192,126,.26),transparent 70%)}
.tp-stat-card.tone-gold:after{background:radial-gradient(circle,rgba(232,179,37,.26),transparent 70%)}
.tp-hero-title{font-family:Manrope,sans-serif;font-size:clamp(3rem,7vw,5.25rem);line-height:.95;letter-spacing:-.05em;color:#061a46;font-weight:800}
.tp-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1rem;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid rgba(148,163,184,.22);font-size:.875rem;font-weight:700;color:#0B2A6F;box-shadow:0 10px 35px rgba(11,42,111,.06)}
.tp-grid{display:grid;gap:1rem}
.tp-feature{padding:1rem 1rem 1rem 1.1rem;border-radius:1.2rem;background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px rgba(9,21,47,.04)}
.tp-feature strong{display:block;color:#061a46}
.tp-mini-chart{height:10px;border-radius:999px;background:#e7eef9;overflow:hidden}
.tp-mini-chart span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#1763D6,#21C07E)}
.tp-list{display:grid;gap:.85rem}
.tp-list-item{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border-radius:1.1rem;background:#fff;border:1px solid var(--line)}
.tp-table-wrap{background:#fff;border:1px solid var(--line);border-radius:1.5rem;overflow:hidden}
.tp-muted{color:var(--muted)}
.tp-page-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}
.tp-page-head h1,.tp-page-head h2{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.04em;color:#061a46;margin:0}
.tp-page-head p{margin:0;color:var(--muted)}
.tp-empty{padding:2rem;border:1px dashed #cdd9eb;background:rgba(255,255,255,.7);border-radius:1.5rem;text-align:center;color:var(--muted)}
.rounded-4{border-radius:1.5rem}
@media (max-width:991px){.tp-topbar{padding-top:1rem;padding-bottom:1rem}.tp-hero-title{font-size:clamp(2.4rem,10vw,4.2rem)}}