@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#172133;font-synthesis:none;text-rendering:optimizelegibility;--hb-ink:#101827;--hb-muted:#687289;--hb-line:#e3e8f1;--hb-surface:#fff;--hb-surface-soft:#f7f9fc;--hb-blue:#2155f5;--hb-blue-deep:#173fc1;--hb-cyan:#54d3ff;--hb-lime:#b7f230;--hb-purple:#7248e8;--hb-danger:#d84a5f;--hb-shadow:0 22px 60px #1726491a;background:#f5f7fb;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html{background:#f5f7fb;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.hb-brand{color:currentColor;letter-spacing:-.8px;align-items:center;gap:10px;font:800 20px/1 Manrope,sans-serif;display:inline-flex}.hb-brand__mark{background:var(--hb-blue);border-radius:9px;width:30px;height:30px;display:inline-block;position:relative;transform:rotate(-4deg);box-shadow:inset -7px -7px 12px #07258c40}.hb-brand__mark span{background:#fff;border-radius:3px;width:7px;height:16px;position:absolute;top:7px}.hb-brand__mark span:first-child{left:7px}.hb-brand__mark span:last-child{background:var(--hb-lime);height:12px;right:7px;transform:translateY(4px)}.hb-button{cursor:pointer;color:#fff;background:var(--hb-blue);border:0;border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 20px;font-weight:700;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex;box-shadow:0 10px 24px #2155f538}.hb-button:hover{background:var(--hb-blue-deep);transform:translateY(-1px);box-shadow:0 13px 28px #2155f547}.hb-button:focus-visible{outline-offset:3px;outline:3px solid #54d3ff99}.hb-button:disabled{cursor:not-allowed;opacity:.58;transform:none}.hb-button--ghost{color:var(--hb-ink);box-shadow:none;border:1px solid var(--hb-line);background:0 0}.hb-button--ghost:hover{background:var(--hb-surface-soft);box-shadow:none}.hb-button--dark{background:var(--hb-ink);box-shadow:0 10px 24px #1018272e}.hb-button--dark:hover{background:#26334a}.hb-button--block{width:100%}.hb-loading{min-height:100vh;color:var(--hb-ink);background:radial-gradient(circle at 50% 40%,#fff 0,#f5f7fb 56%);place-content:center;justify-items:center;gap:22px;display:grid}.hb-loading p{color:var(--hb-muted);margin:-8px 0 0}.hb-spin{color:var(--hb-blue);animation:.8s linear infinite hb-spin}@keyframes hb-spin{to{transform:rotate(360deg)}}.hb-empty{text-align:center;color:var(--hb-muted);justify-items:center;padding:38px 20px;display:grid}.hb-empty__icon{width:48px;height:48px;color:var(--hb-blue);background:#edf2ff;border-radius:15px;place-items:center;margin-bottom:15px;display:grid}.hb-empty strong{color:var(--hb-ink);font:700 16px Manrope,sans-serif}.hb-empty p{max-width:390px;margin:7px 0 0;line-height:1.55}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.panel-gate{background:radial-gradient(circle at 50% 0,#eaf0ff,#f7f9fc 45%,#f3f6fb);align-content:center;justify-items:center;gap:35px;min-height:100vh;padding:28px;display:grid}.panel-gate__card{border:1px solid var(--hb-line);width:min(100%,530px);box-shadow:var(--hb-shadow);text-align:center;background:#fff;border-radius:25px;padding:46px}.panel-gate__card>span{width:56px;height:56px;color:var(--hb-blue);background:#edf2ff;border-radius:17px;place-items:center;margin:0 auto 22px;display:grid}.panel-gate__card small{color:var(--hb-blue);letter-spacing:.1em;text-transform:uppercase;font-weight:800}.panel-gate__card h1{color:var(--hb-ink);letter-spacing:-1.2px;margin:9px 0 12px;font:800 30px Manrope,sans-serif}.panel-gate__card p{max-width:410px;color:var(--hb-muted);margin:0 auto 26px;line-height:1.6}.panel-layout{min-height:100vh;color:var(--hb-ink);background:#f5f7fb}.panel-sidebar{z-index:20;border-right:1px solid var(--hb-line);background:#fff;flex-direction:column;width:242px;display:flex;position:fixed;inset:0 auto 0 0}.panel-sidebar__brand{border-bottom:1px solid var(--hb-line);justify-content:space-between;align-items:center;min-height:76px;padding:0 25px;display:flex}.panel-sidebar__brand>button{background:0 0;border:0;display:none}.panel-sidebar nav{flex-direction:column;flex:1;padding:23px 13px;display:flex}.panel-sidebar nav>span{color:#a1a9b8;letter-spacing:.1em;text-transform:uppercase;margin:15px 12px 7px;font-size:9px;font-weight:800}.panel-sidebar nav>span:first-child{margin-top:0}.panel-sidebar nav a{color:#657086;border-radius:10px;align-items:center;gap:11px;min-height:41px;padding:0 12px;font-size:12px;font-weight:600;text-decoration:none;display:flex}.panel-sidebar nav a:hover{color:var(--hb-ink);background:#f6f8fc}.panel-sidebar nav a.is-active{color:var(--hb-blue);background:#edf2ff}.panel-sidebar nav a b,.panel-sidebar nav a i{margin-left:auto;font-size:9px;font-style:normal}.panel-sidebar nav a b{min-width:19px;height:19px;color:var(--hb-blue);background:#fff;border-radius:7px;place-items:center;display:grid}.panel-sidebar nav a i{color:#fff;background:#e35368;border-radius:50%;place-items:center;min-width:17px;height:17px;display:grid}.panel-sidebar__support{color:#fff;background:linear-gradient(145deg,#111d31,#1e2e4d);border-radius:13px;margin:10px 14px 13px;padding:15px}.panel-sidebar__support>span{width:33px;height:33px;color:var(--hb-lime);background:#ffffff14;border-radius:10px;place-items:center;margin-bottom:10px;display:grid}.panel-sidebar__support strong{font:700 11px Manrope,sans-serif}.panel-sidebar__support p{color:#9ca9bd;margin:3px 0 9px;font-size:9px}.panel-sidebar__support a{color:var(--hb-lime);align-items:center;gap:5px;font-size:9px;font-weight:700;text-decoration:none;display:flex}.panel-sidebar__settings{border-top:1px solid var(--hb-line);color:#657086;align-items:center;gap:10px;min-height:58px;padding:0 25px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.panel-main{min-height:100vh;margin-left:242px}.panel-topbar{z-index:10;border-bottom:1px solid var(--hb-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;justify-content:space-between;align-items:center;min-height:76px;padding:0 34px;display:flex;position:sticky;top:0}.panel-menu{display:none}.panel-topbar__status{color:var(--hb-muted);align-items:center;gap:7px;font-size:10px;display:flex}.panel-topbar__status>span{background:#39b774;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #e7f7ef}.panel-topbar__actions{align-items:center;gap:11px;display:flex}.panel-topbar__actions>a{color:var(--hb-muted);align-items:center;gap:5px;margin-right:8px;font-size:10px;text-decoration:none;display:flex}.panel-topbar__actions>button{color:var(--hb-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:relative}.panel-topbar__actions>button>i{background:#e35368;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:1px;right:2px}.panel-topbar__actions .panel-user{border-left:1px solid var(--hb-line);text-align:left;align-items:center;gap:9px;margin-left:4px;padding-left:15px;display:flex}.panel-user>span{color:#fff;background:linear-gradient(145deg, var(--hb-blue), var(--hb-purple));border-radius:11px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.panel-user strong,.panel-user small{text-overflow:ellipsis;white-space:nowrap;max-width:180px;display:block;overflow:hidden}.panel-user strong{color:var(--hb-ink);font-size:10px}.panel-user small{color:var(--hb-muted);margin-top:2px;font-size:8px}.panel-content{width:min(100%,1420px);margin:0 auto;padding:34px clamp(22px,3vw,44px) 18px}.panel-welcome{justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px;display:flex}.panel-eyebrow{color:var(--hb-blue);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:5px;font-size:9px;font-weight:800;display:inline-flex}.panel-welcome h1{letter-spacing:-1px;margin:6px 0 4px;font:800 26px Manrope,sans-serif}.panel-welcome h1 span{color:#7f899b;font-weight:600}.panel-welcome p{color:var(--hb-muted);margin:0;font-size:11px}.panel-demo{color:#745b9c;background:#f6f1fc;border:1px solid #ded4f2;border-radius:20px;padding:7px 10px;font-size:9px;font-weight:700}.panel-stats{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px;display:grid}.panel-stats article{border:1px solid var(--hb-line);background:#fff;border-radius:14px;align-items:flex-start;gap:12px;min-width:0;padding:18px;display:flex;box-shadow:0 5px 18px #1f2e4e09}.panel-stats article>span,.quick-card a>span{border-radius:11px;flex:none;place-items:center;width:37px;height:37px;display:grid}.is-blue{color:#3264e7;background:#edf2ff}.is-purple{color:#7951d6;background:#f2edfc}.is-green{color:#35a269;background:#eaf7f0}.is-orange{color:#d27a37;background:#fcf1e8}.panel-stats small,.panel-stats strong,.panel-stats p{display:block}.panel-stats small{color:var(--hb-muted);font-size:9px}.panel-stats strong{margin:3px 0 4px;font:800 19px Manrope,sans-serif}.panel-stats p{color:#7b8596;white-space:nowrap;align-items:center;gap:5px;margin:0;font-size:8px;display:flex}.panel-stats p i{background:#39b774;border-radius:50%;width:5px;height:5px}.panel-columns{grid-template-columns:minmax(0,1fr) 285px;align-items:start;gap:18px;display:grid}.panel-card{border:1px solid var(--hb-line);background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 5px 18px #1f2e4e09}.panel-card>header{border-bottom:1px solid var(--hb-line);justify-content:space-between;align-items:center;gap:18px;min-height:70px;padding:0 20px;display:flex}.panel-card header h2{margin:0 0 3px;font:700 13px Manrope,sans-serif}.panel-card header p{color:var(--hb-muted);margin:0;font-size:9px}.panel-card header>a{border:1px solid var(--hb-line);min-height:32px;color:var(--hb-ink);border-radius:9px;align-items:center;gap:6px;padding:0 11px;font-size:9px;font-weight:700;text-decoration:none;display:flex}.panel-card__loading{color:var(--hb-muted);text-align:center;padding:60px;font-size:11px}.services-list article{border-bottom:1px solid #edf0f5;grid-template-columns:auto minmax(120px,1.4fr) auto minmax(90px,.85fr) minmax(80px,.65fr) auto auto;align-items:center;gap:13px;padding:17px 20px;display:grid}.service-icon{width:38px;height:38px;color:var(--hb-blue);background:#edf2ff;border-radius:11px;place-items:center;display:grid}.service-title strong,.service-title a,.service-renew small,.service-renew strong{display:block}.service-title strong{font:700 10px Manrope,sans-serif}.service-title a{color:var(--hb-muted);align-items:center;gap:4px;margin-top:4px;font-size:8px;text-decoration:none;display:flex}.service-status{border-radius:8px;align-items:center;gap:5px;padding:5px 7px;font-size:8px;font-weight:700;display:flex}.service-status i{border-radius:50%;width:5px;height:5px}.service-status.is-active{color:#27845a;background:#eaf7f0}.service-status.is-active i{background:#35a269}.service-status.is-pending{color:#a06b24;background:#fcf2e5}.service-status.is-pending i{background:#d9983f}.service-status.is-suspended{color:#a34051;background:#fbecef}.service-status.is-suspended i{background:#d84a5f}.service-usage>span{color:var(--hb-muted);justify-content:space-between;margin-bottom:5px;font-size:8px;display:flex}.service-usage>span b{color:var(--hb-ink)}.service-usage>div{background:#e9edf4;border-radius:3px;height:4px;overflow:hidden}.service-usage>div i{background:var(--hb-blue);border-radius:3px;height:100%;display:block}.service-renew small{color:var(--hb-muted);font-size:8px}.service-renew strong{margin-top:4px;font-size:9px}.services-list .hb-button{border-radius:9px;min-height:32px;padding:0 11px;font-size:8px}.service-more{color:var(--hb-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.panel-card>footer{justify-content:center;align-items:center;min-height:48px;display:flex}.panel-card>footer a{color:var(--hb-blue);align-items:center;gap:5px;font-size:9px;font-weight:700;text-decoration:none;display:flex}.panel-side-stack{gap:14px;display:grid}.quick-card>header{min-height:66px}.quick-card>div{padding:7px 14px}.quick-card a{color:var(--hb-muted);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 4px;text-decoration:none;display:grid}.quick-card a:not(:last-child){border-bottom:1px solid #edf0f5}.quick-card a>span{border-radius:10px;width:33px;height:33px}.quick-card a b,.quick-card a small{display:block}.quick-card a b{color:var(--hb-ink);font-size:9px}.quick-card a small{color:var(--hb-muted);margin-top:3px;font-size:8px;font-weight:500}.panel-tip{background:linear-gradient(140deg,#f5f9ff,#eef3fd);border:1px solid #dce5f5;border-radius:15px;gap:11px;padding:17px;display:flex}.panel-tip>span{width:37px;height:37px;color:var(--hb-blue);background:#fff;border-radius:11px;flex:none;place-items:center;display:grid}.panel-tip small,.panel-tip strong{display:block}.panel-tip small{color:var(--hb-blue);letter-spacing:.08em;text-transform:uppercase;font-size:7px;font-weight:800}.panel-tip strong{margin:4px 0;font:700 9px Manrope,sans-serif}.panel-tip p{color:var(--hb-muted);margin:0 0 8px;font-size:8px;line-height:1.45}.panel-tip a{color:var(--hb-blue);align-items:center;gap:4px;font-size:8px;font-weight:700;text-decoration:none;display:flex}.panel-footer{color:#9099a9;justify-content:space-between;align-items:center;padding:20px 2px 0;font-size:8px;display:flex}.panel-footer button{color:#7c8799;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:8px;display:flex}.panel-overlay{display:none}@media (width<=1180px){.panel-stats{grid-template-columns:1fr 1fr}.panel-columns{grid-template-columns:1fr}.panel-side-stack{grid-template-columns:1fr 1fr}}@media (width<=900px){.panel-sidebar{transition:transform .18s;transform:translate(-100%);box-shadow:18px 0 50px #10182726}.panel-sidebar.is-open{transform:translate(0)}.panel-sidebar__brand>button{display:grid}.panel-overlay{z-index:15;background:#080f1c6b;border:0;display:block;position:fixed;inset:0}.panel-main{margin-left:0}.panel-menu{background:0 0;border:0;place-items:center;display:grid}.panel-topbar__status{display:none}.panel-topbar{justify-content:space-between;padding:0 20px}}@media (width<=690px){.panel-user div,.panel-user>svg,.panel-topbar__actions>a{display:none}.panel-content{padding-inline:15px}.panel-welcome{flex-direction:column;align-items:flex-start}.panel-stats,.panel-side-stack{grid-template-columns:1fr}.services-list article{grid-template-columns:auto 1fr auto}.service-status{grid-area:1/3}.service-usage,.service-renew{grid-column:2/4}.services-list .hb-button{grid-column:2/3}.service-more{grid-column:3}.panel-card>header{align-items:flex-start;padding-block:16px}}