:root{color-scheme:dark;--hv-bg:#08090b;--hv-sidebar:#0d0e12;--hv-surface:#12141a;--hv-surface-2:#171920;--hv-line:rgba(255,255,255,.09);--hv-line-strong:rgba(255,255,255,.15);--hv-text:#f7f7f8;--hv-muted:#9297a3;--hv-accent:#ff315f;--hv-accent-soft:rgba(255,49,95,.13);--hv-success:#5de39a;--hv-warning:#f1cf64;--hv-danger:#ff7690;--hv-radius:18px;--hv-shadow:0 24px 70px rgba(0,0,0,.34)}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--hv-bg);color:var(--hv-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{overflow:hidden}
button,input,select,textarea{font:inherit}
button,.hv-button{border:0;cursor:pointer;text-decoration:none}
button:disabled{opacity:.5;cursor:not-allowed}
.hidden{display:none!important}

/* Login */
.hv-login-stage{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,rgba(255,49,95,.14),transparent 34%),radial-gradient(circle at 80% 90%,rgba(92,85,255,.09),transparent 35%),var(--hv-bg)}
.hv-login-card{width:min(500px,100%);padding:30px;border:1px solid var(--hv-line);border-radius:26px;background:rgba(18,20,26,.92);box-shadow:var(--hv-shadow);backdrop-filter:blur(22px)}
.hv-brand{display:flex;align-items:center;gap:14px;min-width:0}.hv-brand img{width:48px;height:48px;object-fit:contain;border-radius:13px;background:#1a1c23}.hv-brand h1{margin:0;font-size:1.35rem;letter-spacing:-.025em}.hv-brand p{margin:4px 0 0;color:var(--hv-muted);font-size:.9rem}
.hv-login-fields{display:grid;gap:14px;margin-top:26px}

/* App shell */
.hv-admin-app{height:100dvh;display:grid;grid-template-columns:242px minmax(0,1fr);overflow:hidden;background:var(--hv-bg)}
.hv-sidebar{display:flex;flex-direction:column;min-height:0;padding:18px 14px;border-right:1px solid var(--hv-line);background:linear-gradient(180deg,#0e1015 0%,#0a0b0f 100%)}
.hv-sidebar-brand{padding:4px 6px 22px}.hv-sidebar-brand .hv-brand img{width:42px;height:42px}.hv-sidebar-brand .hv-brand h1{font-size:1.02rem}.hv-sidebar-brand .hv-brand p{font-size:.76rem}
.hv-nav{display:grid;gap:5px}.hv-nav-button{width:100%;display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:12px;background:transparent;color:#b9bdc7;text-align:left;font-size:.9rem;font-weight:650;transition:background .16s ease,color .16s ease,transform .16s ease}.hv-nav-button svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;fill:none;flex:none}.hv-nav-button:hover{background:rgba(255,255,255,.055);color:#fff}.hv-nav-button.active{background:var(--hv-accent-soft);color:#fff;box-shadow:inset 3px 0 0 var(--hv-accent)}
.hv-sidebar-footer{margin-top:auto;padding:16px 6px 2px;border-top:1px solid var(--hv-line)}.hv-sidebar-footer p{margin:0 0 10px;color:var(--hv-muted);font-size:.76rem;line-height:1.45;overflow:hidden;text-overflow:ellipsis}.hv-sidebar-footer .secondary{width:100%}
.hv-main{min-width:0;min-height:0;display:grid;grid-template-rows:72px minmax(0,1fr);overflow:hidden}
.hv-commandbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 24px;border-bottom:1px solid var(--hv-line);background:rgba(8,9,11,.82);backdrop-filter:blur(18px);z-index:5}.hv-command-left{display:flex;align-items:center;gap:14px;min-width:0}.hv-mobile-menu{display:none;width:40px;height:40px;border-radius:11px;background:var(--hv-surface-2);color:#fff}.hv-command-title{min-width:0}.hv-command-title h2{margin:0;font-size:1.12rem;letter-spacing:-.015em}.hv-command-title p{margin:3px 0 0;color:var(--hv-muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hv-command-actions{display:flex;align-items:center;gap:9px;flex:none}
.hv-workspaces{min-height:0;overflow:hidden}.hv-workspace{display:none;height:100%;min-height:0;overflow:auto;padding:22px 24px 28px}.hv-workspace.active{display:block}.hv-workspace::-webkit-scrollbar,.hv-table-wrap::-webkit-scrollbar,.hv-drawer-body::-webkit-scrollbar{width:9px;height:9px}.hv-workspace::-webkit-scrollbar-thumb,.hv-table-wrap::-webkit-scrollbar-thumb,.hv-drawer-body::-webkit-scrollbar-thumb{background:#333742;border-radius:999px;border:2px solid transparent;background-clip:padding-box}

/* Shared UI */
.hv-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.hv-page-head h1{margin:0;font-size:clamp(1.45rem,2.4vw,2rem);letter-spacing:-.035em}.hv-page-head p{margin:6px 0 0;color:var(--hv-muted);max-width:760px;font-size:.9rem;line-height:1.5}.hv-page-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.primary,.secondary,.danger,.hv-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 15px;border-radius:11px;font-weight:750;font-size:.84rem;transition:transform .15s ease,background .15s ease,border-color .15s ease}.primary{background:var(--hv-accent);color:#fff;box-shadow:0 9px 24px rgba(255,49,95,.2)}.primary:hover{transform:translateY(-1px);background:#ff476f}.secondary,.hv-button.secondary{background:#1b1e25;color:#f5f5f6;border:1px solid var(--hv-line)}.secondary:hover{background:#242731;border-color:var(--hv-line-strong)}.danger{background:rgba(255,73,108,.1);color:var(--hv-danger);border:1px solid rgba(255,73,108,.18)}
.hv-panel{border:1px solid var(--hv-line);background:var(--hv-surface);border-radius:var(--hv-radius);box-shadow:0 16px 44px rgba(0,0,0,.18)}.hv-panel-pad{padding:20px}.hv-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px}.hv-panel-head h2,.hv-panel-head h3{margin:0}.hv-panel-head h2{font-size:1.02rem}.hv-panel-head h3{font-size:.94rem}.hv-note{color:var(--hv-muted);line-height:1.5;margin:5px 0 0;font-size:.82rem}.hv-message{min-height:20px;margin:11px 0 0;color:var(--hv-success);font-size:.82rem}.hv-message.error{color:var(--hv-danger)}
.hv-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.hv-stat{padding:17px;border:1px solid var(--hv-line);border-radius:16px;background:linear-gradient(145deg,#15171e,#101217)}.hv-stat strong{display:block;font-size:clamp(1.45rem,2.4vw,2.1rem);line-height:1;margin-bottom:8px;letter-spacing:-.04em}.hv-stat span{color:var(--hv-muted);font-size:.78rem}.hv-stat.accent{background:linear-gradient(145deg,rgba(255,49,95,.18),rgba(255,49,95,.05));border-color:rgba(255,49,95,.2)}
.hv-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hv-field{display:flex;flex-direction:column;gap:7px}.hv-field.full{grid-column:1/-1}.hv-field label{color:#c6cad3;font-size:.78rem;font-weight:650}.hv-field input,.hv-field select,.hv-field textarea{width:100%;border:1px solid var(--hv-line-strong);border-radius:11px;background:#0d0f14;color:#fff;padding:11px 12px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.hv-field input:focus,.hv-field select:focus,.hv-field textarea:focus{border-color:rgba(255,49,95,.7);box-shadow:0 0 0 3px rgba(255,49,95,.12)}.hv-field textarea{min-height:98px;resize:vertical}.hv-checkbox{flex-direction:row;align-items:center;padding-top:25px}.hv-checkbox input{width:auto}
.hv-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.hv-actions.compact{margin:0;gap:6px}.hv-actions.compact button{min-height:32px;padding:6px 10px;border-radius:8px;font-size:.75rem}
.hv-table-wrap{min-width:0;overflow:auto;border:1px solid var(--hv-line);border-radius:14px;background:#0f1116}.hv-table-wrap.manager{height:calc(100dvh - 208px);min-height:360px}.hv-table-wrap.analytics-table{max-height:300px}table{width:100%;border-collapse:separate;border-spacing:0;min-width:860px}th,td{padding:12px 13px;border-bottom:1px solid rgba(255,255,255,.065);text-align:left;vertical-align:middle;font-size:.82rem}th{position:sticky;top:0;z-index:2;background:#13161c;color:#8f95a1;font-size:.68rem;text-transform:uppercase;letter-spacing:.085em}tbody tr:hover{background:rgba(255,255,255,.025)}tbody tr:last-child td{border-bottom:0}.hv-cover{width:46px;height:46px;border-radius:10px;object-fit:cover;background:#1d1f26;display:block}.hv-status{display:inline-flex;padding:5px 8px;border-radius:999px;background:#24262d;text-transform:capitalize;font-size:.72rem;font-weight:750}.hv-status.published{background:rgba(55,197,112,.13);color:#72e6a3}.hv-status.draft{background:rgba(241,207,100,.12);color:#f1d775}.hv-status.archived{background:rgba(255,73,108,.12);color:#ff91a6}

/* Overview */
.hv-overview-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.75fr);gap:16px;margin-top:16px}.hv-overview-stack{display:grid;gap:16px}.hv-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hv-quick-action{display:flex;flex-direction:column;align-items:flex-start;min-height:112px;padding:16px;border:1px solid var(--hv-line);border-radius:14px;background:#11141a;color:#fff;text-align:left}.hv-quick-action strong{font-size:.9rem}.hv-quick-action span{margin-top:7px;color:var(--hv-muted);font-size:.76rem;line-height:1.4}.hv-health-list{display:grid;gap:11px}.hv-health-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:11px;border-bottom:1px solid var(--hv-line)}.hv-health-row:last-child{padding-bottom:0;border-bottom:0}.hv-health-row span{color:var(--hv-muted);font-size:.82rem}.hv-health-row strong{font-size:.84rem}

/* Analytics */
.hv-analytics-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.hv-analytics-controls select{width:auto;min-width:130px;border:1px solid var(--hv-line-strong);background:#151820;color:#fff;border-radius:10px;padding:9px 11px}.hv-analytics-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:16px;margin-top:16px}.hv-day-list{display:grid;gap:8px;max-height:315px;overflow:auto;padding-right:4px}.hv-day-row{display:grid;grid-template-columns:64px minmax(100px,1fr) 38px;gap:10px;align-items:center}.hv-day-row span{color:var(--hv-muted);font-size:.75rem}.hv-day-row div{height:8px;background:#262932;border-radius:999px;overflow:hidden}.hv-day-row i{display:block;height:100%;background:linear-gradient(90deg,var(--hv-accent),#ff7795);border-radius:999px}.hv-day-row strong{text-align:right;font-size:.78rem}.hv-analytics-split{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}

/* Security */
.hv-security-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.65fr);gap:16px}.hv-security-note{padding:18px;border-radius:14px;border:1px solid rgba(255,49,95,.18);background:var(--hv-accent-soft)}.hv-security-note h3{margin:0 0 8px;font-size:.95rem}.hv-security-note p{margin:0;color:#c6c9d1;font-size:.82rem;line-height:1.55}

/* Drawers */
.hv-editor-backdrop{position:fixed;inset:0;z-index:89;background:rgba(0,0,0,.58);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .2s ease}.hv-editor-backdrop.open{opacity:1;pointer-events:auto}.hv-drawer{position:fixed;z-index:90;top:0;right:0;width:min(520px,100%);height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr);background:#101218;border-left:1px solid var(--hv-line-strong);box-shadow:-28px 0 80px rgba(0,0,0,.45);transform:translateX(103%);transition:transform .24s ease}.hv-drawer.open{transform:none}.hv-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px;border-bottom:1px solid var(--hv-line)}.hv-drawer-head h2{margin:0;font-size:1.08rem}.hv-drawer-head p{margin:5px 0 0;color:var(--hv-muted);font-size:.8rem}.hv-drawer-close{width:38px;height:38px;border-radius:10px;background:#1c1f27;color:#fff;font-size:1.2rem}.hv-drawer-body{min-height:0;overflow:auto;padding:20px 20px 34px}

@media(max-width:1180px){.hv-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hv-analytics-layout,.hv-overview-grid{grid-template-columns:1fr}.hv-table-wrap.manager{height:calc(100dvh - 230px)}}
@media(max-width:820px){body{overflow:auto}.hv-admin-app{height:auto;min-height:100dvh;grid-template-columns:1fr;overflow:visible}.hv-sidebar{position:fixed;z-index:80;inset:0 auto 0 0;width:min(280px,88vw);transform:translateX(-103%);transition:transform .22s ease;box-shadow:28px 0 70px rgba(0,0,0,.45)}.hv-sidebar.open{transform:none}.hv-main{display:block;overflow:visible}.hv-commandbar{position:sticky;top:0;height:66px;padding:0 14px}.hv-mobile-menu{display:inline-grid;place-items:center}.hv-command-actions .secondary{display:none}.hv-workspaces{overflow:visible}.hv-workspace{height:auto;overflow:visible;padding:18px 14px 28px}.hv-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hv-analytics-split,.hv-security-grid{grid-template-columns:1fr}.hv-table-wrap.manager{height:auto;max-height:66dvh}.hv-page-head{flex-direction:column}.hv-page-actions{justify-content:flex-start}.hv-form-grid{grid-template-columns:1fr}.hv-field.full{grid-column:auto}.hv-checkbox{padding-top:0}.hv-quick-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.hv-stat-grid{grid-template-columns:1fr 1fr}.hv-stat{padding:14px}.hv-stat strong{font-size:1.45rem}.hv-quick-grid{grid-template-columns:1fr}.hv-command-title p{display:none}.hv-drawer{width:100%}.hv-drawer-body{padding:16px}.hv-analytics-controls{width:100%}.hv-analytics-controls select,.hv-analytics-controls button{flex:1}.hv-login-card{padding:23px}}