/* HostingJet Websites v0.28.68
 * Right-side selected-site workspace rebuilt from the customer supplied
 * fitec-dashboard-vercel HTML. The four signal cards intentionally follow
 * the supplied reference cards rather than the previous HostingJet widgets.
 */
.hj61-websites .hj68-reference-workspace{
  --hj68-paper:#fff;--hj68-surface:#fafafa;--hj68-surface-2:#f4f4f5;
  --hj68-line:#eaeaea;--hj68-line-2:#e2e2e2;--hj68-ink:#000;
  --hj68-gray-800:#1a1a1a;--hj68-gray-600:#525252;--hj68-gray-500:#737373;
  --hj68-gray-400:#a1a1a1;--hj68-blue:#0070f3;--hj68-green:#12b76a;
  --hj68-green-soft:#e9f9f0;--hj68-amber:#f5842c;--hj68-amber-soft:#fef1e7;
  --hj68-dark:#0a0a0a;
  width:100%;min-width:0;display:flex;flex-direction:column;gap:20px;
  font-family:'Poppins',sans-serif!important;font-variant-numeric:tabular-nums;
  -webkit-font-smoothing:antialiased;color:var(--hj68-ink);
}
.hj61-websites .hj68-reference-workspace *{box-sizing:border-box}
.hj61-websites .hj68-reference-workspace a{color:inherit;text-decoration:none}
.hj61-websites .hj68-reference-workspace button,.hj61-websites .hj68-reference-workspace summary{font-family:inherit}
.hj61-websites .hj68-crumb{font-size:12px;color:var(--hj68-gray-400);font-weight:500}
.hj61-websites .hj68-crumb b{color:var(--hj68-gray-600);font-weight:600}

/* Project header copied from supplied HTML proportions. */
.hj61-websites .hj68-project-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}
.hj61-websites .hj68-project-id{display:flex;gap:14px;align-items:flex-start;min-width:0}
.hj61-websites .hj68-project-avatar{width:44px;height:44px;border-radius:10px;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex:0 0 auto;text-transform:uppercase}
.hj61-websites .hj68-project-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hj61-websites .hj68-project-name{font-size:24px;font-weight:700;letter-spacing:-.01em;line-height:1.2}
.hj61-websites .hj68-status-pill{display:inline-flex;align-items:center;gap:6px;background:var(--hj68-green-soft);color:var(--hj68-green);font-size:12px;font-weight:600;padding:4px 10px 4px 8px;border-radius:999px;border:1px solid rgba(18,183,106,.18)}
.hj61-websites .hj68-status-pill.is-paused{background:#f4f4f5;color:#a1a1a1;border-color:#e2e2e2}
.hj61-websites .hj68-blip{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block;flex:0 0 auto}
.hj61-websites .hj68-project-meta-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:7px;font-size:12px;color:var(--hj68-gray-500)}
.hj61-websites .hj68-project-meta-row a{color:var(--hj68-blue);font-weight:500}
.hj61-websites .hj68-project-meta-row b{color:var(--hj68-ink);font-weight:600}
.hj61-websites .hj68-project-meta-row .hj68-sep{color:var(--hj68-line-2)}
.hj61-websites .hj68-project-actions{display:flex;gap:8px;align-items:center;flex-shrink:0;position:relative;z-index:20}
.hj61-websites .hj68-btn{min-height:36px;border-radius:6px;padding:8px 13px;font-size:12.5px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--hj68-line-2);background:#fff;color:#000;white-space:nowrap;cursor:pointer;list-style:none;transition:background .12s ease,border-color .12s ease,opacity .12s ease}
.hj61-websites .hj68-btn::-webkit-details-marker{display:none}
.hj61-websites .hj68-btn svg{width:14px;height:14px}
.hj61-websites .hj68-btn:hover{background:var(--hj68-surface-2)}
.hj61-websites .hj68-btn.is-primary{background:#000;color:#fff;border-color:#000}
.hj61-websites .hj68-btn.is-primary:hover{opacity:.86}
.hj61-websites .hj68-more{position:relative}
.hj61-websites .hj68-more>summary{user-select:none}
.hj61-websites .hj68-more-menu{position:absolute;right:0;top:calc(100% + 7px);width:210px;padding:6px;background:#fff;border:1px solid var(--hj68-line);border-radius:9px;box-shadow:0 18px 45px rgba(0,0,0,.12);z-index:100}
.hj61-websites .hj68-more:not([open]) .hj68-more-menu{display:none}
.hj61-websites .hj68-more-menu a,.hj61-websites .hj68-more-menu button{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:6px;font-size:12px;font-weight:500;color:#27272a;text-align:left;cursor:pointer}
.hj61-websites .hj68-more-menu a:hover,.hj61-websites .hj68-more-menu button:hover{background:#f4f4f5}
.hj61-websites .hj68-more-menu svg{width:14px;height:14px;color:#737373;flex:0 0 auto}

/* Tabs / availability strip. */
.hj61-websites .hj68-tabs{display:flex;gap:22px;border-bottom:1px solid var(--hj68-line);margin-top:2px;overflow-x:auto;overflow-y:hidden}
.hj61-websites .hj68-tab{appearance:none;border:0;background:none;margin:0;font:inherit;font-size:12.5px;font-weight:500;color:var(--hj68-gray-500);padding:0 2px 11px;border-bottom:2px solid transparent;white-space:nowrap;cursor:pointer}
.hj61-websites .hj68-tab:hover{color:#000}.hj61-websites .hj68-tab.is-active{color:#000;font-weight:600;border-bottom-color:#000}
.hj61-websites .hj68-uptime-card{border:1px solid var(--hj68-line);border-radius:12px;padding:16px 18px;background:#fff}
.hj61-websites .hj68-uptime-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px;gap:8px;flex-wrap:wrap}
.hj61-websites .hj68-uptime-title{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600}.hj61-websites .hj68-uptime-title svg{width:14px;height:14px;color:var(--hj68-gray-500)}
.hj61-websites .hj68-uptime-figure{font-size:12px;color:var(--hj68-gray-500)}.hj61-websites .hj68-uptime-figure b{color:#000;font-weight:600}
.hj61-websites .hj68-bars{display:flex;gap:3px;align-items:flex-end;height:24px}.hj61-websites .hj68-bars i{flex:1;min-width:2px;height:100%;background:#ededee;border-radius:2px;transition:background .2s ease,opacity .2s ease}.hj61-websites .hj68-bars.is-online i{background:var(--hj68-green)}.hj61-websites .hj68-bars.is-paused i{background:#d5d5d7}
.hj61-websites .hj68-uptime-foot{display:flex;justify-content:space-between;margin-top:7px;font-size:10.5px;color:var(--hj68-gray-400)}

/* Four supplied reference cards. */
.hj61-websites .hj68-stat-grid{display:grid;grid-template-columns:.78fr 1.04fr 1.2fr 1.12fr;gap:16px;align-items:stretch}
.hj61-websites .hj68-sig-card{min-width:0;min-height:232px;display:flex;flex-direction:column;position:relative}

/* Card 1: dark earnings reference -> website health. */
.hj61-websites .hj68-sig-dark{background:linear-gradient(155deg,#17181b 0%,#0a0a0c 100%);color:#fff;border-radius:26px;padding:18px;justify-content:space-between;box-shadow:0 24px 44px -24px rgba(0,0,0,.5);overflow:hidden}
.hj61-websites .hj68-sig-dark:after{content:"";position:absolute;inset:auto -55px -60px auto;width:145px;height:145px;border-radius:50%;background:radial-gradient(circle,rgba(31,92,60,.26),transparent 70%);pointer-events:none}
.hj61-websites .hj68-dark-row-top{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:1}
.hj61-websites .hj68-pix-icon{display:grid;grid-template-columns:repeat(3,8px);grid-template-rows:repeat(3,8px);gap:3px}.hj61-websites .hj68-pix-icon span{border-radius:2px;background:transparent}.hj61-websites .hj68-pix-icon .on1{background:#1c5c38}.hj61-websites .hj68-pix-icon .on2{background:#34a35a}.hj61-websites .hj68-pix-icon .on3{background:#c9f24e}
.hj61-websites .hj68-dark-ticker{font-size:11px;font-weight:700;letter-spacing:.02em;color:#fff;max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hj61-websites .hj68-dark-delta{display:flex;align-items:center;gap:5px;font-size:10.5px;color:#8f9296;line-height:1.35;margin-top:auto;padding-top:18px;position:relative;z-index:1}.hj61-websites .hj68-dark-delta svg{width:10px;height:10px;color:#6fcf7d;flex:0 0 auto}
.hj61-websites .hj68-daytag{font-size:9.5px;letter-spacing:1.45px;text-transform:uppercase;color:#8f9296;font-weight:600;margin-top:13px;position:relative;z-index:1}
.hj61-websites .hj68-dark-headline{display:flex;align-items:baseline;gap:6px;margin-top:4px;position:relative;z-index:1}.hj61-websites .hj68-dark-headline>span{font-size:29px;font-weight:800;color:#fff;line-height:1;letter-spacing:-.03em}.hj61-websites .hj68-dark-headline>span.is-word{font-size:24px}.hj61-websites .hj68-dark-headline small{font-size:12px;font-weight:500;color:#cfd1d4;line-height:1.1}

/* Card 2: supplied amber storage gauge. */
.hj61-websites .hj68-sig-storage{background:#fff;border:1px solid #eeeeef;border-radius:20px;padding:18px 20px;box-shadow:0 18px 36px -28px rgba(20,20,30,.18)}
.hj61-websites .hj68-storage-row-top{display:flex;align-items:center;justify-content:space-between}.hj61-websites .hj68-storage-title{font-size:14px;font-weight:700;color:#171717}.hj61-websites .hj68-round-control{width:26px;height:26px;border-radius:50%;background:#f4f4f6;display:flex;align-items:center;justify-content:center;color:#6b6b70}.hj61-websites .hj68-round-control svg{width:12px;height:12px}
.hj61-websites .hj68-plus-stat{display:flex;align-items:center;gap:10px;margin-top:13px}.hj61-websites .hj68-plus-badge{width:30px;height:30px;border-radius:9px;background:#fef1e7;color:#f5842c;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.hj61-websites .hj68-plus-badge svg{width:15px;height:15px}.hj61-websites .hj68-plus-num{font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1}.hj61-websites .hj68-plus-num sup{font-size:12px;color:#f5842c;font-weight:700;margin-left:2px}.hj61-websites .hj68-plus-label{font-size:10.5px;color:#9a9aa0;font-weight:500;line-height:1.35;margin-top:3px}.hj61-websites .hj68-plus-label span{color:#6b6b70}
.hj61-websites .hj68-arc-wrap{position:relative;width:150px;height:88px;margin:15px auto 0}.hj61-websites .hj68-arc-wrap svg{width:100%;height:100%;overflow:visible}.hj61-websites .hj68-arc-num{position:absolute;left:0;right:0;bottom:16px;text-align:center;font-size:19px;font-weight:800;color:#171717}.hj61-websites .hj68-arc-cap{position:absolute;left:0;right:0;bottom:0;text-align:center;font-size:10px;color:#9a9aa0;font-weight:500}

/* Card 3: supplied dotted/funnel card, mapped to real PageSpeed data. */
.hj61-websites .hj68-sig-funnel{background:#fff;border:1px solid #eeeeef;border-radius:20px;padding:18px 20px;box-shadow:0 18px 36px -28px rgba(20,20,30,.18)}
.hj61-websites .hj68-funnel-row-top{display:flex;align-items:center;justify-content:space-between}.hj61-websites .hj68-funnel-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.04em;color:#525252;text-transform:uppercase}.hj61-websites .hj68-brand-dot{width:20px;height:20px;border-radius:6px;background:#fef1e7;color:#f5842c;display:flex;align-items:center;justify-content:center}.hj61-websites .hj68-brand-dot svg{width:11px;height:11px}.hj61-websites .hj68-expand{width:22px;height:22px;border-radius:6px;background:#f4f4f5;display:flex;align-items:center;justify-content:center;color:#737373}.hj61-websites .hj68-expand svg{width:10px;height:10px}
.hj61-websites .hj68-legend-row{display:flex;align-items:center;gap:13px;margin-top:13px;font-size:10px;color:#737373;font-weight:600}.hj61-websites .hj68-legend-row span{display:flex;align-items:center;gap:5px}.hj61-websites .hj68-legend-row i{width:6px;height:6px;border-radius:50%;display:inline-block}.hj61-websites .hj68-legend-row .i-a{background:#f5842c}.hj61-websites .hj68-legend-row .i-b{background:#f6c297}.hj61-websites .hj68-legend-row .i-c{background:#e2e2e2}
.hj61-websites .hj68-funnel-arc-wrap{position:relative;height:92px;margin-top:5px}.hj61-websites .hj68-funnel-arc-wrap svg{width:100%;height:100%;overflow:visible}.hj61-websites [data-hj68-performance-dots] circle{fill:#e3e3e7;transition:fill .2s ease}.hj61-websites [data-hj68-performance-dots] circle.is-active{fill:#f5842c}.hj61-websites [data-hj68-performance-dots] circle.is-soft{fill:#f8c896}
.hj61-websites .hj68-funnel-tag{position:absolute;top:2px;right:0;font-size:9.5px;color:#a1a1a1;font-weight:600}.hj61-websites .hj68-funnel-tag b{color:#171717}.hj61-websites .hj68-funnel-total{position:absolute;left:0;right:0;bottom:5px;text-align:center}.hj61-websites .hj68-funnel-total .n{font-size:24px;font-weight:800;color:#171717;line-height:1}.hj61-websites .hj68-funnel-total .l{font-size:10px;color:#9a9aa0;font-weight:500;margin-top:3px}.hj61-websites .hj68-funnel-foot{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.hj61-websites .hj68-funnel-box{background:#f6f6f8;border-radius:14px;padding:10px 12px}.hj61-websites .hj68-funnel-box .k{font-size:9.5px;color:#9a9aa0;font-weight:600}.hj61-websites .hj68-funnel-box .v{font-size:15px;font-weight:800;color:#171717;margin-top:3px}.hj61-websites .hj68-funnel-box .v sub{font-size:9px;font-weight:600;color:#9a9aa0;margin-left:1px}

/* Card 4: supplied Active Users reference. */
.hj61-websites .hj68-sig-users{background:#fff;border:1px solid #eeeeef;border-radius:20px;padding:18px 20px;box-shadow:0 18px 36px -28px rgba(20,20,30,.18)}
.hj61-websites .hj68-users-row-top{display:flex;align-items:center;justify-content:space-between;font-size:10.5px;color:#9a9aa0;font-weight:600}.hj61-websites .hj68-users-row-top .who{display:flex;align-items:center;gap:6px;color:#171717;font-size:12px;font-weight:700}.hj61-websites .hj68-users-row-top svg{width:12px;height:12px}.hj61-websites .hj68-users-mid{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:11px}.hj61-websites .hj68-users-num-block .lbl{font-size:10.5px;color:#9a9aa0;font-weight:500}.hj61-websites .hj68-users-num{font-size:27px;font-weight:800;color:#171717;letter-spacing:-.02em;margin-top:2px;display:flex;align-items:center;gap:7px;white-space:nowrap}.hj61-websites .hj68-chip-up{font-size:9.5px;font-weight:700;color:#2f9e52;background:#e9f7e6;padding:3px 7px;border-radius:999px}.hj61-websites .hj68-new-user-sig{font-size:10px;color:#4caf50;font-weight:600;margin-top:6px;display:flex;align-items:center;gap:4px;line-height:1.3}.hj61-websites .hj68-new-user-sig b{font-weight:600}.hj61-websites .hj68-bars-mini{display:flex;align-items:flex-end;gap:3px;height:52px;min-width:56px}.hj61-websites .hj68-bars-mini i{width:6px;border-radius:2px;background:#ececf0;transition:height .42s cubic-bezier(.16,.84,.44,1);height:7%}.hj61-websites .hj68-bars-mini i.is-live{background:#8b7fd6}
.hj61-websites .hj68-users-foot{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:16px;background:#f6f6f8;border-radius:14px;padding:11px 5px}.hj61-websites .hj68-users-foot>div{text-align:center;padding:0 4px}.hj61-websites .hj68-users-foot>div:not(:first-child){border-left:1px solid #e6e6e9}.hj61-websites .hj68-users-foot .k{font-size:9.5px;color:#9a9aa0;font-weight:500}.hj61-websites .hj68-users-foot .v{font-size:11.5px;font-weight:700;color:#171717;margin-top:3px}.hj61-websites .hj68-live-chip{display:flex;align-items:center;justify-content:center;gap:4px;color:#2f9e52}

/* Resource list and quick actions copied from supplied page. */
.hj61-websites .hj68-panel{border:1px solid var(--hj68-line);border-radius:12px;overflow:hidden;background:#fff}
.hj61-websites .hj68-info-row{display:flex;align-items:center;gap:14px;padding:13px 18px;border-bottom:1px solid var(--hj68-line);min-height:60px}.hj61-websites .hj68-info-row:last-child{border-bottom:0}.hj61-websites .hj68-info-icon{width:31px;height:31px;border-radius:8px;background:#f4f4f5;display:flex;align-items:center;justify-content:center;flex:0 0 auto;color:#525252}.hj61-websites .hj68-info-icon svg{width:15px;height:15px}.hj61-websites .hj68-info-main{display:flex;flex-direction:column;gap:1px}.hj61-websites .hj68-info-label{font-size:10px;color:#a1a1a1;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.hj61-websites .hj68-info-value{font-size:13px;font-weight:600;color:#171717}.hj61-websites .hj68-info-value.is-muted{color:#a1a1a1}.hj61-websites .hj68-info-right{margin-left:auto;display:flex;align-items:center;gap:14px}.hj61-websites .hj68-status-dot-row{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600}.hj61-websites .hj68-status-dot-row .d{width:6px;height:6px;border-radius:50%}.hj61-websites .hj68-status-dot-row.active{color:#12b76a}.hj61-websites .hj68-status-dot-row.active .d{background:#12b76a}.hj61-websites .hj68-status-dot-row.muted{color:#a1a1a1}.hj61-websites .hj68-status-dot-row.muted .d{background:#a1a1a1}.hj61-websites .hj68-open-link{font-size:12px;font-weight:600;color:#0070f3!important;display:flex;align-items:center;gap:4px}.hj61-websites .hj68-open-link svg{width:12px;height:12px}
.hj61-websites .hj68-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.hj61-websites .hj68-quick-tile{appearance:none;text-align:left;border:1px solid var(--hj68-line);border-radius:12px;padding:15px;display:flex;flex-direction:column;gap:18px;background:#fff;color:#000;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.hj61-websites .hj68-quick-tile:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.06);border-color:#e2e2e2}.hj61-websites .hj68-quick-icon{width:33px;height:33px;border-radius:9px;background:#000;color:#fff;display:flex;align-items:center;justify-content:center}.hj61-websites .hj68-quick-icon svg{width:16px;height:16px}.hj61-websites .hj68-quick-title{font-size:12.5px;font-weight:600}.hj61-websites .hj68-quick-sub{font-size:11px;color:#a1a1a1;margin-top:2px}.hj61-websites .hj68-footline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11.5px;color:#a1a1a1;font-weight:500;padding-top:2px}.hj61-websites .hj68-footline b{color:#171717;font-weight:600}.hj61-websites .hj68-footline .sep{color:#e2e2e2}.hj61-websites .hj68-footline a{color:#0070f3!important;font-weight:600}

@media (max-width:1250px){.hj61-websites .hj68-stat-grid{grid-template-columns:1fr 1fr}.hj61-websites .hj68-sig-card{min-height:220px}}
@media (max-width:980px){.hj61-websites .hj68-quick-grid{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.hj61-websites .hj68-reference-workspace{gap:16px}.hj61-websites .hj68-project-name{font-size:20px}.hj61-websites .hj68-project-head{display:block}.hj61-websites .hj68-project-actions{margin-top:14px}.hj61-websites .hj68-stat-grid{grid-template-columns:1fr}.hj61-websites .hj68-sig-card{min-height:auto}.hj61-websites .hj68-quick-grid{grid-template-columns:1fr 1fr}.hj61-websites .hj68-info-row{padding:12px 14px}}
@media (max-width:480px){.hj61-websites .hj68-quick-grid{grid-template-columns:1fr}.hj61-websites .hj68-project-actions{flex-wrap:wrap}.hj61-websites .hj68-project-meta-row{gap:7px}.hj61-websites .hj68-sig-dark{min-height:190px}}
@media (prefers-reduced-motion:reduce){.hj61-websites .hj68-quick-tile:hover{transform:none}.hj61-websites .hj68-bars-mini i,.hj61-websites [data-hj68-performance-dots] circle{transition:none}}