.prime{margin:12px;background:linear-gradient(145deg,#22305e,#182348);border:1px solid rgba(255,255,255,.08);
    border-radius:14px;padding:15px;position:relative;overflow:hidden}
  .prime .x{position:absolute;top:10px;right:11px;color:var(--nav-txt-dim);font-size:14px}
  .prime b{display:flex;align-items:center;gap:7px;color:#fff;font-size:13px;font-weight:700;margin-bottom:6px}
  .prime p{font-size:11px;color:var(--nav-txt);line-height:1.45;margin-bottom:12px}
  .prime button{background:linear-gradient(90deg,var(--blue),#5b86ff);color:#fff;font-size:11.5px;font-weight:700;
    padding:8px 14px;border-radius:9px;width:100%}
  .prime .crown{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,#ffd76a,#f5a623);display:grid;place-items:center}

  /* ===== MAIN ===== */
  .main{min-width:0;display:flex;flex-direction:column}
  .topbar{background:var(--card);border-bottom:1px solid var(--line);padding:0 26px;height:66px;
    display:flex;align-items:center;gap:18px;position:sticky;top:0;z-index:30}
  .burger{width:20px;color:var(--ink-2)}
  .pg-h b{font-size:19.5px;font-weight:800;letter-spacing:-.5px}
  .pg-h span{font-size:13px;color:var(--muted);margin-left:10px;font-weight:500}
  .search{margin:0 auto;display:flex;align-items:center;gap:10px;background:var(--bg);border:1px solid var(--line-2);
    border-radius:11px;padding:9px 14px;width:min(420px,38vw)}
  .search svg{width:16px;height:16px;color:var(--muted)}
  .search input{border:none;background:none;outline:none;font-family:inherit;font-size:13px;width:100%;color:var(--ink)}
  .search kbd{font:inherit;font-size:10px;font-weight:700;color:var(--muted);background:#fff;border:1px solid var(--line-2);border-radius:6px;padding:2px 7px}
  .tb-tools{display:flex;align-items:center;gap:8px}
  .tb-ic{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;position:relative;color:var(--ink-2);transition:.18s}
  .tb-ic:hover{background:var(--bg)}
  .tb-ic svg{width:19px;height:19px}
  .tb-ic .bdg{position:absolute;top:4px;right:4px;background:var(--red);color:#fff;font-size:9px;font-weight:800;
    min-width:16px;height:16px;border-radius:20px;display:grid;place-items:center;padding:0 3px;border:2px solid #fff}
  .support{display:flex;align-items:center;gap:8px;border:1px solid var(--line-2);border-radius:11px;padding:9px 15px;font-size:13px;font-weight:700;color:var(--ink-2)}
  .support svg{width:17px;height:17px}
  .support:hover{border-color:var(--blue);color:var(--blue)}
  .prof{display:flex;align-items:center;gap:9px;padding-left:6px}
  .prof .ava{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#3b6ef5,#22c55e);display:grid;place-items:center;color:#fff;font-weight:800;font-size:13px}
  .prof b{font-size:13px;font-weight:700}
  .prof-meta{display:flex;flex-direction:column;line-height:1.15}
  .prof-meta small{font-size:10.5px;color:var(--muted);font-weight:600}
  .prof .chev{width:14px;color:var(--muted)}

  .content{padding:26px 30px 36px;max-width:1560px;width:100%}

  /* ===== HERO ===== */
  .hero{position:relative;overflow:hidden;border-radius:20px;padding:26px 32px;margin-bottom:20px;color:#fff;
    background:linear-gradient(115deg,#2b5bd8 0%,#3b6ef5 42%,#1b2b57 100%);
    box-shadow:0 22px 44px -22px rgba(43,91,216,.6);display:flex;align-items:center;gap:28px}
  .hero-glow{position:absolute;width:360px;height:360px;border-radius:50%;background:#5b86ff;filter:blur(90px);opacity:.45;top:-150px;right:110px;pointer-events:none}
  .hero-grid{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1px);background-size:22px 22px;opacity:.5;pointer-events:none}
  .hero-l{position:relative;z-index:2;flex:1;min-width:0}
  .hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;background:rgba(255,255,255,.15);padding:5px 13px;border-radius:20px;margin-bottom:14px}
  .hero-badge i{width:7px;height:7px;border-radius:50%;background:#3ddc84;box-shadow:0 0 8px #3ddc84;animation:hpulse 2s infinite}
  @keyframes hpulse{0%{box-shadow:0 0 0 0 rgba(61,220,132,.6)}70%{box-shadow:0 0 0 7px rgba(61,220,132,0)}100%{box-shadow:0 0 0 0 rgba(61,220,132,0)}}
  .hero h2{font-size:25px;font-weight:800;letter-spacing:-.7px;margin-bottom:6px}
  .hero p{font-size:13px;color:#d3ddf7;margin-bottom:20px;max-width:540px;line-height:1.5}
  .hero-stats{display:flex;gap:34px;margin-bottom:22px;flex-wrap:wrap}
  .hero-stats>div{border-left:2px solid rgba(255,255,255,.22);padding-left:14px}
  .hero-stats b{font-size:21px;font-weight:800;display:block;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
  .hero-stats small{font-size:11.5px;color:#bcc9ee;font-weight:600}
  .hero-actions{display:flex;gap:11px;flex-wrap:wrap}
  .hero-btn{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#2b5bd8;font-size:12.5px;font-weight:800;padding:11px 19px;border-radius:12px;transition:.18s}
  .hero-btn svg{width:16px;height:16px}
  .hero-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px -10px rgba(0,0,0,.4)}
  .hero-btn.ghost{background:rgba(255,255,255,.15);color:#fff}
  .hero-r{position:relative;z-index:2;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:22px}
  .hero-controls{display:flex;gap:10px}
  .hero-ring{display:grid;place-items:center}
  .hero .date-pick{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28);color:#fff}
  .hero .date-pick svg{color:rgba(255,255,255,.8)}
  .hero .date-pick:hover{background:rgba(255,255,255,.22)}
  .hero .export{background:#fff;color:#2b5bd8}
  .hero .export:hover{background:#eaf0ff}
  @media(max-width:1024px){.hero-ring{display:none}.hero-r{justify-content:flex-start}}
  @media(max-width:760px){.hero{flex-direction:column;align-items:stretch}.hero-r{align-items:stretch}.hero-controls{flex-wrap:wrap}.hero .date-pick{flex:1}}