.hj61-websites{--bg: #fbfbfa;
    --surface: #ffffff;
    --surface-cream: #f6f4ef;
    --surface-cream-hover: #efece4;

    --border: #e8e5e0;
    --border-cool: #e5e5e9;
    --border-indigo: #4f46e5;

    --text-1: #17181c;
    --text-2: #6b6e76;
    --text-3: #a3a6ad;

    --indigo: #4f46e5;
    --indigo-hover: #4338ca;
    --indigo-soft: #eef0fd;
    --indigo-ring: rgba(79,70,229,0.14);

    --success: #17a34a;
    --success-dot: #22c55e;
    --success-bg: #e9f9ef;

    --warn: #b45309;
    --warn-bg: #fdf2e3;

    --danger: #dc2626;
    --danger-bg: #fdecec;

    --muted-dot: #d4d6db;

    --sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

    --radius-lg: 16px;
    --radius-md: 12px;
    --radius-sm: 10px;}
.hj61-websites *{box-sizing: border-box;}
.hj61-websites ::selection{background: rgba(79,70,229,0.18);}
.hj61-websites{margin:0;
    background: var(--bg);
    font-family: var(--sans);
    color: var(--text-1);
    -webkit-font-smoothing: antialiased;}
.hj61-websites a{color:inherit; text-decoration:none;}
.hj61-websites button{font-family: inherit;}
.hj61-websites :focus-visible{outline: 2px solid var(--indigo);
    outline-offset: 2px;
    border-radius: 6px;}
.hj61-websites .topbar{display:flex; align-items:center; justify-content:space-between;
    max-width: 1280px; margin: 0 auto;
    padding: 16px 28px;
    border-bottom: 1px solid var(--border);}
.hj61-websites .topbar-left{display:flex; align-items:center; gap:12px;}
.hj61-websites .logo-mark{width:30px; height:30px; border-radius: 8px;
    background: var(--indigo-soft);
    border: 1px solid rgba(79,70,229,0.1);
    display:flex; align-items:flex-end; justify-content:center; gap:3px;
    padding: 6px 7px 5px;
    flex-shrink:0;}
.hj61-websites .logo-mark span{width:3.5px; background: var(--indigo); border-radius:2px;}
.hj61-websites .logo-mark span:nth-child(1){height:6px;}
.hj61-websites .logo-mark span:nth-child(2){height:11px;}
.hj61-websites .logo-mark span:nth-child(3){height:15px;}
.hj61-websites .logo-word{font-weight:700; font-size:15.5px; letter-spacing:-0.01em; color: var(--text-1);}
.hj61-websites .crumb{display:flex; align-items:center; gap:7px; color: var(--text-3); font-size:13px; margin-left:4px;}
.hj61-websites .crumb .sep{opacity:0.6;}
.hj61-websites .crumb .current{color: var(--text-2); font-weight:500;}
.hj61-websites .topbar-right{display:flex; align-items:center; gap:14px;}
.hj61-websites .site-count-chip{font-size:12.5px; font-weight:500; color: var(--text-2);
    background: var(--surface-cream); border:1px solid var(--border);
    padding: 5px 11px; border-radius: 999px;}
.hj61-websites .icon-btn{width:32px; height:32px; border-radius:8px;
    display:flex; align-items:center; justify-content:center;
    color: var(--text-2);
    border:1px solid var(--border);
    background: var(--surface);
    cursor:pointer;
    transition: border-color .15s ease, color .15s ease, background .15s ease;}
.hj61-websites .icon-btn:hover{color:var(--text-1); border-color: var(--text-3); background: var(--surface-cream);}
.hj61-websites .avatar{width:32px; height:32px; border-radius:9px;
    background: var(--indigo-soft);
    border: 1px solid rgba(79,70,229,0.12);
    display:flex; align-items:center; justify-content:center;
    font-size:11.5px; font-weight:700; color: var(--indigo);}
.hj61-websites .page{display:flex;
    gap:22px;
    padding: 22px 28px 48px;
    max-width: 1280px;
    margin: 0 auto;
    align-items: flex-start;}
.hj61-websites .left-col{width: 316px;
    flex-shrink:0;
    display:flex;
    flex-direction:column;
    gap:10px;}
.hj61-websites .search-box{display:flex;
    align-items:center;
    gap:9px;
    background: var(--surface);
    border:1px solid var(--border-cool);
    border-radius: var(--radius-md);
    padding: 10px 13px;
    color: var(--text-3);
    font-size:13.5px;
    transition: border-color .15s ease, box-shadow .15s ease;}
.hj61-websites .search-box:focus-within{border-color: var(--indigo);
    box-shadow: 0 0 0 3px var(--indigo-ring);}
.hj61-websites .search-box svg{flex-shrink:0; color:#b3b5bb;}
.hj61-websites .search-box input{border:none; background:none; outline:none;
    color: var(--text-1); font-size:13.5px; font-family: var(--sans);
    width:100%;}
.hj61-websites .search-box input::placeholder{color: var(--text-3);}
.hj61-websites .search-kbd{font-size:10.5px; color: var(--text-3);
    border:1px solid var(--border); border-radius:5px; padding:2px 5px;
    flex-shrink:0;}
.hj61-websites .site-list{display:flex; flex-direction:column; gap:8px;}
.hj61-websites .site-card{position:relative;
    background: var(--surface-cream);
    border:1.5px solid var(--border);
    border-radius: var(--radius-lg);
    padding:10px;
    display:flex;
    align-items:center;
    gap:12px;
    cursor:pointer;
    transition: background .15s ease, border-color .15s ease, transform .15s ease, box-shadow .15s ease;}
.hj61-websites .site-card:hover{background: var(--surface-cream-hover);}
.hj61-websites .site-card:active{transform: scale(0.99);}
.hj61-websites .site-card.selected{background: var(--surface);
    border-color: var(--indigo);
    box-shadow: 0 0 0 3px var(--indigo-ring);}
.hj61-websites .site-card.hidden{display:none;}
.hj61-websites .site-thumb{width:72px; height:54px;
    border-radius:9px;
    flex-shrink:0;
    position:relative;
    overflow:hidden;
    padding: 7px 8px;
    background: linear-gradient(155deg, #eef0fd 0%, #f4f0fb 60%, #f6f1ec 100%);
    border: 1px solid rgba(79,70,229,0.08);}
.hj61-websites .site-thumb.offline{filter: grayscale(0.85) brightness(0.98);}
.hj61-websites .thumb-dots{display:flex; gap:3px; margin-bottom:7px;}
.hj61-websites .thumb-dots span{width:3px; height:3px; border-radius:50%; background: rgba(79,70,229,0.35);}
.hj61-websites .thumb-line{height:3px; border-radius:2px; background: rgba(79,70,229,0.22); margin-bottom:4px;}
.hj61-websites .thumb-line.w1{width:70%;}
.hj61-websites .thumb-line.w2{width:45%; background: rgba(79,70,229,0.13);}
.hj61-websites .thumb-glow{position:absolute; width:40px; height:40px;
    background: radial-gradient(circle, rgba(79,70,229,0.18), transparent 70%);
    bottom:-16px; right:-12px;
    pointer-events:none;}
.hj61-websites .site-info{flex:1; min-width:0;}
.hj61-websites .site-info .name{font-size:14px; font-weight:600; color:var(--text-1); margin-bottom:5px;}
.hj61-websites .site-status{display:flex; align-items:center; gap:6px; font-size:12px; color:var(--text-2); margin-bottom:6px;}
.hj61-websites .dot{width:6px; height:6px; border-radius:50%; flex-shrink:0;}
.hj61-websites .dot-green{background: var(--success-dot);}
.hj61-websites .dot-gray{background: var(--muted-dot);}
.hj61-websites .spark{display:flex; align-items:flex-end; gap:2px; height:14px;}
.hj61-websites .spark i{width:3px; border-radius:1px; background: var(--muted-dot); display:block;}
.hj61-websites .spark i.up{background: var(--success-dot);}
.hj61-websites .kebab{width:26px; height:26px;
    border-radius:7px;
    display:flex; align-items:center; justify-content:center;
    color: var(--text-3);
    flex-shrink:0;
    position:relative;
    transition: background .15s ease, color .15s ease;}
.hj61-websites .kebab:hover{background: rgba(23,24,28,0.06); color: var(--text-1);}
.hj61-websites .kebab-menu{position:absolute; top:30px; right:0;
    background: var(--surface);
    border:1px solid var(--border-cool);
    border-radius: var(--radius-sm);
    box-shadow: 0 16px 32px -14px rgba(23,24,28,0.22);
    padding:5px;
    min-width:140px;
    display:none;
    flex-direction:column;
    z-index:6;}
.hj61-websites .kebab-menu.open{display:flex;}
.hj61-websites .kebab-menu button{all:unset;
    font-size:12.5px; color: var(--text-2);
    padding:7px 9px; border-radius:6px;
    cursor:pointer;}
.hj61-websites .kebab-menu button:hover{background: var(--surface-cream); color: var(--text-1);}
.hj61-websites .kebab-menu button.danger:hover{background: var(--danger-bg); color: var(--danger);}
.hj61-websites .add-website-card{border: 1.5px dashed #d9d6cf;
    border-radius: var(--radius-lg);
    padding: 16px;
    display:flex;
    align-items:center;
    gap:11px;
    color: var(--text-2);
    font-size:13.5px;
    font-weight:500;
    background: transparent;
    cursor:pointer;
    transition: border-color .15s ease, color .15s ease, background .15s ease;}
.hj61-websites .add-website-card:hover{border-color: var(--indigo); color: var(--indigo); background: var(--indigo-soft);}
.hj61-websites .add-icon{width:30px; height:30px;
    border-radius:8px;
    border:1px solid var(--border);
    display:flex; align-items:center; justify-content:center;
    color: var(--text-2);
    flex-shrink:0;}
.hj61-websites .right-col{flex:1; min-width:0; display:flex; flex-direction:column; gap:10px;}
.hj61-websites .hero-panel{position:relative;
    overflow:hidden;
    border-radius: var(--radius-lg);
    background: linear-gradient(115deg, #eef0fd 0%, #f4f0fb 55%, #f6f1ec 100%);
    padding: 26px 28px 24px;
    border: 1px solid #eceafb;}
.hj61-websites .hero-glow-1{position:absolute; top:-70px; right:60px; width:200px; height:200px; border-radius:50%; background: rgba(255,255,255,0.55); pointer-events:none;}
.hj61-websites .hero-glow-2{position:absolute; bottom:-90px; right:-40px; width:240px; height:240px; border-radius:50%; background: rgba(255,255,255,0.4); pointer-events:none;}
.hj61-websites .hero-top-row{display:flex; justify-content:space-between; align-items:flex-start;
    position:relative; z-index:1;}
.hj61-websites .eyebrow{font-size:11px;
    letter-spacing: 0.07em;
    font-weight:700;
    color: var(--text-3);
    margin-bottom:9px;
    text-transform:uppercase;}
.hj61-websites .hero-title-row{display:flex; align-items:center; gap:14px; flex-wrap:wrap;}
.hj61-websites .hero-title{font-size: 28px;
    font-weight: 800;
    letter-spacing: -0.01em;
    color: var(--text-1);}
.hj61-websites .pulse-wrap{display:flex; align-items:center; gap:6px; height:20px;}
.hj61-websites .pulse-wrap svg{display:block;}
.hj61-websites .pulse-line{stroke: var(--success);
    stroke-width: 1.6;
    fill:none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 130;
    stroke-dashoffset: 0;
    animation: hj61PulseTravel 2.6s linear infinite;}
@keyframes hj61PulseTravel{
    0%{ stroke-dashoffset: 130; }
    100%{ stroke-dashoffset: 0; }
  }
.hj61-websites .status-pill{display:flex; align-items:center; gap:6px;
    font-size:12.5px; font-weight:600;
    padding: 6px 12px 6px 10px;
    border-radius:999px;
    flex-shrink:0;}
.hj61-websites .status-pill.is-active{color: var(--success); background: rgba(255,255,255,0.65);}
.hj61-websites .status-pill.is-paused{color: var(--text-2); background: rgba(255,255,255,0.65);}
.hj61-websites .hero-bottom-row{display:flex; justify-content:space-between; align-items:flex-end;
    margin-top:30px;
    position:relative; z-index:1;
    flex-wrap:wrap;
    gap:16px;}
.hj61-websites .created-label{font-size:12px; color: var(--text-3); margin-bottom:5px;}
.hj61-websites .created-value{font-size:15px; font-weight:600; color: var(--text-1);}
.hj61-websites .hero-actions{display:flex; gap:9px;}
.hj61-websites .btn{display:flex; align-items:center; gap:7px;
    font-size:14px; font-weight:600;
    padding: 11px 19px;
    border-radius: 999px;
    cursor:pointer;
    border:1px solid transparent;
    white-space:nowrap;
    transition: transform .12s ease, filter .15s ease, background .15s ease, border-color .15s ease;}
.hj61-websites .btn:active{transform: scale(0.97);}
.hj61-websites .btn-primary{background: var(--indigo); color:#fff;}
.hj61-websites .btn-primary:hover{background: var(--indigo-hover);}
.hj61-websites .btn-dark{background:#101014; color:#fff;}
.hj61-websites .btn-dark:hover{background:#232329;}
.hj61-websites .btn-light{background: var(--surface); color: var(--text-1); border-color: var(--border-cool);}
.hj61-websites .btn-light:hover{background: var(--surface-cream);}
.hj61-websites .btn.is-disabled{opacity:0.4; pointer-events:none;}
.hj61-websites .btn svg{flex-shrink:0;}
.hj61-websites .info-rows{background: var(--surface);
    border:1px solid var(--border-cool);
    border-radius: var(--radius-lg);
    overflow:hidden;}
.hj61-websites .info-row{display:flex; align-items:center;
    padding: 13px 18px;
    border-bottom:1px solid #f0f0ef;
    gap:13px;
    transition: background .15s ease;}
.hj61-websites .info-row:hover{background: #fafaf9;}
.hj61-websites .info-row:last-child{border-bottom:none;}
.hj61-websites .row-icon{width:32px; height:32px;
    border-radius:9px;
    background: var(--indigo-soft);
    border: 1px solid rgba(79,70,229,0.08);
    display:flex; align-items:center; justify-content:center;
    color: var(--indigo);
    flex-shrink:0;}
.hj61-websites .row-label{font-size:13.5px; font-weight:600; color: var(--text-1); width:96px; flex-shrink:0;}
.hj61-websites .row-value{font-size:13.5px; color: var(--text-2); flex:1;}
.hj61-websites .row-action{font-size:13.5px; font-weight:600; display:flex; align-items:center; gap:5px; flex-shrink:0;}
.hj61-websites .row-action.link{color: var(--indigo); cursor:pointer;}
.hj61-websites .row-action.link:hover{color: var(--indigo-hover);}
.hj61-websites .row-action.status{color: var(--success);}
.hj61-websites .row-action.muted{color: var(--text-3); font-weight:500;}
.hj61-websites .action-buttons{display:flex; gap:10px; flex-wrap:wrap;}
.hj61-websites .pill-btn{flex:1;
    min-width:130px;
    display:flex; align-items:center; justify-content:center; gap:8px;
    background: var(--surface-cream);
    border:1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 12px 10px;
    font-size:13.5px; font-weight:500;
    color: var(--text-1);
    cursor:pointer;
    transition: border-color .15s ease, background .15s ease, transform .12s ease, color .15s ease;}
.hj61-websites .pill-btn:hover{border-color: var(--indigo); background: var(--indigo-soft); color: var(--indigo);}
.hj61-websites .pill-btn:hover svg{color: var(--indigo);}
.hj61-websites .pill-btn:active{transform: scale(0.98);}
.hj61-websites .pill-btn svg{color: var(--text-2); flex-shrink:0; transition: color .15s ease;}
.hj61-websites .bottom-cards{display:flex; gap:12px; flex-wrap:wrap;}
.hj61-websites .card{background: var(--surface);
    border:1px solid var(--border-cool);
    border-radius: var(--radius-lg);
    padding: 17px 19px;
    box-shadow: 0 1px 2px rgba(16,17,27,0.03);}
.hj61-websites .card-storage{flex:1.25; min-width:260px; display:flex; flex-direction:column; justify-content:space-between;}
.hj61-websites .card-eyebrow{font-size:12.5px; color: var(--text-3); margin-bottom:2px;}
.hj61-websites .card-heading{font-size:15px; font-weight:600; color: var(--text-1);}
.hj61-websites .storage-top{display:flex; justify-content:space-between; align-items:flex-end; margin-top:14px;}
.hj61-websites .storage-value{font-size: 23px; font-weight:700; color: var(--text-1);}
.hj61-websites .storage-value span{font-size:13px; font-weight:500; color: var(--text-3);}
.hj61-websites .progress-track{height:8px;
    border-radius:999px;
    margin: 13px 0 8px 0;
    background: var(--surface-cream);
    overflow:hidden;
    position:relative;}
.hj61-websites .progress-fill{height:100%;
    width: 0%;
    background: var(--indigo);
    border-radius:999px;
    transition: width 1s cubic-bezier(.2,.8,.2,1);}
.hj61-websites .storage-bottom{display:flex; justify-content:space-between; align-items:center; font-size:13px;}
.hj61-websites .storage-used{color: var(--text-2);}
.hj61-websites .see-details{color: var(--indigo); font-weight:600; display:flex; align-items:center; gap:4px; cursor:pointer; background:none; border:none; font-family:inherit; font-size:13px; padding:0;}
.hj61-websites .see-details svg{transition: transform .2s ease;}
.hj61-websites .see-details.open svg{transform: rotate(90deg);}
.hj61-websites .storage-breakdown{max-height:0; overflow:hidden;
    transition: max-height .3s ease, opacity .25s ease, margin-top .3s ease;
    opacity:0;}
.hj61-websites .storage-breakdown.open{max-height:120px; opacity:1; margin-top:12px;}
.hj61-websites .breakdown-bar{display:flex; height:6px; border-radius:999px; overflow:hidden; gap:1.5px; margin-bottom:9px; background: var(--surface-cream);}
.hj61-websites .breakdown-seg{height:100%;}
.hj61-websites .breakdown-legend{display:flex; flex-direction:column; gap:6px;}
.hj61-websites .legend-item{display:flex; align-items:center; justify-content:space-between; font-size:12.5px; color: var(--text-2);}
.hj61-websites .legend-item .sw{display:flex; align-items:center; gap:7px;}
.hj61-websites .legend-item .chip{width:7px; height:7px; border-radius:2px;}
.hj61-websites .legend-item .amt{color: var(--text-1); font-weight:500;}
.hj61-websites .card-perf{flex:1; min-width:250px;
    position:relative;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    gap:13px;}
.hj61-websites .perf-header{display:flex; align-items:flex-start; gap:10px;}
.hj61-websites .perf-badge{width:28px; height:28px; border-radius:9px; flex-shrink:0;
    background: var(--indigo-soft);
    border: 1px solid rgba(79,70,229,0.08);
    display:flex; align-items:center; justify-content:center;
    color: var(--indigo);}
.hj61-websites .perf-header-text{flex:1; min-width:0;}
.hj61-websites .perf-title{font-size:13.5px; font-weight:700; color:var(--text-1); letter-spacing:-0.005em;}
.hj61-websites .perf-meta{font-size:11px; color:var(--text-3); margin-top:3px;}
.hj61-websites .perf-tabs{display:flex; gap:4px; background: var(--surface-cream); border:1px solid var(--border); border-radius:8px; padding:2px; flex-shrink:0;}
.hj61-websites .perf-tab{border:none; background:none; font-family: inherit; cursor:pointer;
    font-size:11px; font-weight:600; color: var(--text-3);
    padding: 5px 9px; border-radius:6px;
    transition: background .15s ease, color .15s ease;}
.hj61-websites .perf-tab.active{background: var(--surface); color: var(--indigo); box-shadow: 0 1px 2px rgba(16,17,27,0.06);}
.hj61-websites .perf-body{display:flex; align-items:center; gap:16px;}
.hj61-websites .gauge-wrap{position:relative; width:82px; height:82px; flex-shrink:0;}
.hj61-websites .gauge-ring-bg{stroke: var(--surface-cream);}
.hj61-websites .gauge-ring-fg{transition: stroke-dashoffset .8s cubic-bezier(.2,.8,.2,1);}
.hj61-websites .gauge-num{position:absolute; inset:0;
    display:flex; align-items:center; justify-content:center;
    font-size:23px; font-weight:800; color:var(--text-1);
    letter-spacing:-0.02em;}
.hj61-websites .perf-stats{flex:1; min-width:0;}
.hj61-websites .perf-status-pill{display:inline-flex; align-items:center; gap:5px;
    font-size:11px; font-weight:700;
    padding:4px 10px 4px 8px;
    border-radius:999px;
    margin-bottom:8px;}
.hj61-websites .perf-status-pill.good{color: var(--success); background: var(--success-bg);}
.hj61-websites .perf-status-pill.fair{color: var(--warn); background: var(--warn-bg);}
.hj61-websites .perf-status-pill.na{color: var(--text-3); background: var(--surface-cream);}
.hj61-websites .perf-status-pill .dot{background: currentColor;}
.hj61-websites .perf-desc{font-size:12.5px; color:var(--text-2); line-height:1.55;}
.hj61-websites .perf-footer{display:flex; align-items:center; justify-content:space-between;
    padding-top:12px;
    border-top:1px solid #f0f0ef;}
.hj61-websites .perf-footer-link{color: var(--indigo); font-weight:600; font-size:12.5px;
    display:flex; align-items:center; gap:5px;
    cursor:pointer;}
.hj61-websites .perf-footer-link:hover{color: var(--indigo-hover);}
.hj61-websites .perf-footer-hint{font-size:11px; color:var(--text-3);}
.hj61-websites .footer-meta{display:flex; align-items:center; gap:10px;
    font-size:13.5px; color: var(--text-2);
    padding: 6px 6px 0;
    flex-wrap:wrap;}
.hj61-websites .footer-meta .dividor{color: var(--border);}
.hj61-websites .footer-meta .live-link{color: var(--indigo); font-weight:500; display:flex; align-items:center; gap:4px; cursor:pointer;}
.hj61-websites .footer-meta .live-link:hover{color: var(--indigo-hover);}
.hj61-websites .footer-meta .live-disabled{color: var(--text-3);}
@media (prefers-reduced-motion: reduce){.hj61-websites .pulse-line{animation: none;}
.hj61-websites .progress-fill,
.hj61-websites .gauge-ring-fg{transition: none;}}
@media (max-width: 880px){.hj61-websites .page{flex-direction: column; padding: 16px;}
.hj61-websites .left-col{width:100%;}
.hj61-websites .topbar{padding: 14px 16px;}
.hj61-websites .hero-title{font-size:23px;}}

/* HostingJet integration layer — preserves the exact reference page inside HALO's global shell. */
.hj61-websites{background:var(--bg);font-family:var(--sans);color:var(--text-1);-webkit-font-smoothing:antialiased;min-height:calc(100vh - 120px)}
.hj61-websites,.hj61-websites *{box-sizing:border-box}
.hj61-websites .hj61-pagebar .topbar-left{min-width:0}.hj61-websites .hj61-pagebar .crumb{margin-left:0}.hj61-websites .hj61-pagebar .crumb .current{font-size:14px;color:var(--text-1);font-weight:600}
.hj61-websites .hj61-service-select{display:flex;align-items:center;height:32px;border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:0 8px}.hj61-websites .hj61-service-select select{border:0;background:transparent;outline:0;color:var(--text-2);font:500 12px/1 var(--sans);max-width:190px}
.hj61-websites .site-list form{margin:0}.hj61-websites .kebab-menu form{display:block}.hj61-websites .kebab-menu form button,.hj61-websites .kebab-menu a{all:unset;display:block;font-size:12.5px;color:var(--text-2);padding:7px 9px;border-radius:6px;cursor:pointer}.hj61-websites .kebab-menu form button{width:calc(100% - 18px)}.hj61-websites .kebab-menu form button:hover,.hj61-websites .kebab-menu a:hover{background:var(--surface-cream);color:var(--text-1)}
.hj61-websites .hj61-site-artifacts{position:absolute;width:0;height:0;overflow:visible}
.hj61-websites .hj61-empty-state,.hj61-websites .hj61-empty-dashboard{margin:28px;border:1px solid var(--border-cool);border-radius:var(--radius-lg);background:var(--surface);min-height:260px;display:grid;place-items:center;align-content:center;text-align:center;padding:28px;color:var(--text-2)}.hj61-websites .hj61-empty-state>span,.hj61-websites .hj61-empty-dashboard>span{width:42px;height:42px;border-radius:12px;background:var(--indigo-soft);color:var(--indigo);display:grid;place-items:center;margin-bottom:12px}.hj61-websites .hj61-empty-state strong,.hj61-websites .hj61-empty-dashboard h2{margin:0;color:var(--text-1);font-size:16px;font-weight:600}.hj61-websites .hj61-empty-state p,.hj61-websites .hj61-empty-dashboard p{margin:6px 0 18px;font-size:13px}
.hj61-websites .status-pill.is-paused{color:var(--text-2)}
.hj61-websites .row-action.muted{display:flex;align-items:center;gap:5px;text-decoration:none}.hj61-websites .row-action.status{display:flex;align-items:center;gap:5px}
.hj61-websites .storage-value>span:first-child{font-size:23px;font-weight:700;color:var(--text-1)}
.hj61-websites .storage-breakdown[aria-disabled="true"]{display:none}.hj61-websites .see-details[disabled]{opacity:.45;cursor:not-allowed}
.hj61-websites .breakdown-seg[data-hj61-breakdown-files]{background:#4f46e5}.hj61-websites .breakdown-seg[data-hj61-breakdown-db]{background:#a5a0f0}.hj61-websites .breakdown-seg[data-hj61-breakdown-email]{background:#d4d6db}.hj61-websites .hj61-chip-files{background:#4f46e5}.hj61-websites .hj61-chip-db{background:#a5a0f0}.hj61-websites .hj61-chip-email{background:#d4d6db}
.hj61-websites .footer-meta b{font-weight:500;color:var(--text-1)}
.hj61-websites .site-card .kebab{cursor:pointer}.hj61-websites .site-card .kebab-menu{z-index:80}.hj61-websites .site-card .kebab-menu.open{display:flex}.hj61-websites .site-card.is-filtered{display:none}
.hj61-websites .btn svg,.hj61-websites .pill-btn svg,.hj61-websites .row-icon svg,.hj61-websites .icon-btn svg{width:15px;height:15px}
.hj61-websites .add-website-card{width:100%;font-family:var(--sans)}.hj61-websites .perf-footer-link,.hj61-websites .live-link{text-decoration:none}
.hj61-websites .hj59-modal-shell,.hj61-websites .hj42-drawer-shell{font-family:'Poppins',Inter,sans-serif}
@media(max-width:600px){.hj61-websites .topbar-right{gap:8px}.hj61-websites .site-count-chip{display:none}.hj61-websites .hero-actions{width:100%}.hj61-websites .hero-actions .btn{flex:1;justify-content:center}.hj61-websites .info-row{display:grid;grid-template-columns:32px 78px 1fr;gap:10px}.hj61-websites .info-row .row-action{grid-column:3;justify-self:start}.hj61-websites .action-buttons{display:grid;grid-template-columns:1fr 1fr}.hj61-websites .pill-btn{min-width:0}.hj61-websites .perf-header{flex-wrap:wrap}.hj61-websites .perf-tabs{margin-left:38px}}