/* HostingJet Cloud OS v0.28.52 — Hosting tools launcher */
.hj52-tools-page{display:block;margin:0;padding:0}
.hj52-tools-shell{background:linear-gradient(180deg,#ffffff 0%,#fbfbfd 100%);border:1px solid rgba(17,24,39,.06);border-radius:28px;padding:24px 28px 20px;box-shadow:0 16px 44px rgba(15,23,42,.05);min-height:calc(100vh - 210px)}
.hj52-tools-topbar{display:grid;grid-template-columns:minmax(190px,260px) minmax(320px,1fr) auto;gap:18px;align-items:center;margin-bottom:32px}
.hj52-tools-brand{display:flex;align-items:center;gap:16px;color:#0e224e}
.hj52-tools-burger{width:34px;height:34px;border-radius:12px;background:#fff;border:1px solid rgba(89,102,126,.14);display:inline-flex;flex-direction:column;justify-content:center;gap:4px;padding:0 9px;box-shadow:0 10px 18px rgba(15,23,42,.04)}
.hj52-tools-burger span{display:block;height:2px;background:#5a6d91;border-radius:999px}
.hj52-tools-wordmark{display:flex;align-items:center;gap:12px;font-family:Poppins,Inter,sans-serif;font-size:18px;line-height:1;font-weight:700}
.hj52-tools-wordmark strong{font-size:21px;font-weight:700;letter-spacing:-.02em;color:#0f2144}
.hj52-tools-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#3178ff 0%,#54a3ff 100%);color:#fff;font-size:22px;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
.hj52-tools-search{display:flex;align-items:center;gap:14px;height:72px;padding:0 22px;border-radius:22px;border:1px solid rgba(89,102,126,.12);background:#fff;box-shadow:0 14px 28px rgba(16,24,40,.04)}
.hj52-tools-search-icon{display:inline-flex;width:26px;height:26px;color:#5071b7}
.hj52-tools-search-icon svg{width:100%;height:100%}
.hj52-tools-search input{border:0;outline:0;background:transparent;width:100%;font:500 16px/1.4 Poppins,Inter,sans-serif;color:#243152}
.hj52-tools-search input::placeholder{color:#7d8dac}
.hj52-tools-right{display:flex;justify-content:flex-end}
.hj52-tools-filter{position:relative;display:flex;align-items:center;min-width:136px;height:72px;padding:0 22px;border-radius:22px;border:1px solid rgba(89,102,126,.12);background:#fff;box-shadow:0 14px 28px rgba(16,24,40,.04)}
.hj52-tools-filter select{appearance:none;-webkit-appearance:none;border:0;background:transparent;padding-right:26px;width:100%;font:500 16px/1 Poppins,Inter,sans-serif;color:#4a5c84;outline:0;cursor:pointer}
.hj52-tools-filter-caret{position:absolute;right:18px;top:50%;transform:translateY(-50%);pointer-events:none;color:#6d7ca0}
.hj52-tools-filter-caret svg{width:18px;height:18px;transform:rotate(90deg)}
.hj52-tools-service-switch{display:flex;justify-content:flex-end;margin:-12px 0 18px}
.hj52-tools-service-switch label{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 14px;background:#fff;border:1px solid rgba(89,102,126,.12);border-radius:16px;font:500 13px/1.2 Poppins,Inter,sans-serif;color:#667694}
.hj52-tools-service-switch select{border:0;background:transparent;font:600 14px/1.2 Poppins,Inter,sans-serif;color:#25345a;outline:0}
.hj52-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(174px,1fr));gap:28px 36px;padding:8px 4px 20px}
.hj52-tool-card{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;text-decoration:none!important;color:#1d2d52;padding:0}
.hj52-tool-card strong{font:500 15px/1.35 Poppins,Inter,sans-serif;color:#21335d;letter-spacing:-.01em}
.hj52-tool-visual{width:146px;height:146px;border-radius:30px;background:linear-gradient(180deg,#ffffff 0%,#fbfbfe 100%);border:1px solid rgba(95,109,133,.08);box-shadow:0 12px 28px rgba(15,23,42,.04), inset 0 1px 0 rgba(255,255,255,.9);display:grid;place-items:center;position:relative;transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease}
.hj52-tool-card:hover .hj52-tool-visual,.hj52-tool-card:focus-visible .hj52-tool-visual{transform:translateY(-2px);box-shadow:0 18px 32px rgba(34,52,96,.08);border-color:rgba(73,103,179,.14)}
.hj52-tools-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 6px 0;color:#6d7ca0;font:500 14px/1.4 Poppins,Inter,sans-serif}
.hj52-tools-footer strong{color:#24345a}
.hj52-tools-footer a{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#304a86;font-weight:500}
.hj52-tools-footer a svg{width:18px;height:18px}
.hj52-tool-card.is-hidden{display:none}
/* icon system */
.hj52-icon-folder{position:relative;width:72px;height:52px;border-radius:14px 14px 12px 12px;background:linear-gradient(180deg,#4893ff 0%,#296fff 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 16px 24px rgba(49,120,255,.18)}
.hj52-icon-folder:before{content:"";position:absolute;left:8px;top:-10px;width:30px;height:16px;border-radius:10px 10px 0 0;background:linear-gradient(180deg,#6cb3ff 0%,#3e8dff 100%)}
.hj52-icon-folder span{position:absolute;left:7px;right:7px;bottom:7px;top:11px;border-radius:11px;background:linear-gradient(180deg,#63a6ff 0%,#2b74ff 100%)}
.hj52-icon-donut{width:76px;height:76px;border-radius:50%;background:conic-gradient(#2d77ff 0 72%,#55b6ff 72% 88%,#e3e8f3 88% 100%);position:relative}
.hj52-icon-donut:after{content:"";position:absolute;inset:18px;background:#fff;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(87,111,160,.08)}
.hj52-icon-wordpress{width:76px;height:76px;border-radius:50%;border:4px solid #1062ba;color:#1062ba;font:700 46px/1 Georgia,serif;display:grid;place-items:center}
.hj52-icon-mysql{font-family:Poppins,Inter,sans-serif;font-size:18px;line-height:1.1;color:#184e89;display:flex;align-items:flex-end;gap:2px}.hj52-icon-mysql em{font-style:normal;color:#174e89;font-weight:600}.hj52-icon-mysql strong{color:#f4a123;font-size:1.25em;font-weight:700}
.hj52-icon-php{display:grid;place-items:center;min-width:90px;height:48px;padding:0 18px;border:3px solid #6d4fd9;border-radius:999px;font:700 28px/1 Poppins,Inter,sans-serif;color:#6d4fd9;text-transform:lowercase;letter-spacing:-.03em}
.hj52-icon-redis{position:relative;width:70px;height:70px}.hj52-icon-redis i{position:absolute;left:50%;transform:translateX(-50%) skew(-18deg);width:58px;height:20px;border-radius:8px;background:linear-gradient(180deg,#ff5a4b 0%,#d12922 100%);box-shadow:0 6px 12px rgba(209,41,34,.16)}.hj52-icon-redis i:nth-child(1){top:10px}.hj52-icon-redis i:nth-child(2){top:26px}.hj52-icon-redis i:nth-child(3){top:42px}
.hj52-icon-terminal{display:grid;place-items:center;width:74px;height:74px;border-radius:16px;background:linear-gradient(180deg,#2d343f 0%,#12151a 100%);box-shadow:0 14px 22px rgba(12,16,24,.16);color:#87ef7a;font:700 30px/1 'JetBrains Mono',monospace}
.hj52-icon-calendar{position:relative;width:70px;height:70px;border-radius:18px;background:linear-gradient(180deg,#eff2fb 0%,#e6ebf7 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.hj52-icon-calendar b{position:absolute;left:0;right:0;top:0;height:22px;border-radius:18px 18px 10px 10px;background:linear-gradient(180deg,#5f90ff 0%,#3e73f0 100%)}
.hj52-icon-calendar b:before,.hj52-icon-calendar b:after{content:"";position:absolute;top:-6px;width:8px;height:16px;border-radius:8px;background:#5f90ff}.hj52-icon-calendar b:before{left:18px}.hj52-icon-calendar b:after{right:18px}
.hj52-icon-calendar i{position:absolute;right:5px;bottom:5px;width:28px;height:28px;border-radius:50%;background:#20316d;box-shadow:0 8px 16px rgba(31,46,91,.18)}.hj52-icon-calendar i:before,.hj52-icon-calendar i:after{content:"";position:absolute;left:50%;top:50%;background:#fff;transform-origin:0 0}.hj52-icon-calendar i:before{width:9px;height:2px;transform:translate(-1px,-1px) rotate(0deg)}.hj52-icon-calendar i:after{width:2px;height:9px;transform:translate(-1px,-1px) rotate(45deg)}
.hj52-icon-git{position:relative;width:68px;height:68px;transform:rotate(45deg);border-radius:16px;background:linear-gradient(180deg,#ff6a3a 0%,#f14e32 100%)}
.hj52-icon-git:before,.hj52-icon-git:after{content:"";position:absolute;background:#fff}.hj52-icon-git:before{width:4px;height:32px;left:32px;top:16px}.hj52-icon-git:after{width:22px;height:4px;left:32px;top:26px}.hj52-icon-git{box-shadow:0 12px 20px rgba(241,78,50,.18)}
.hj52-icon-git span,.hj52-icon-git i{display:none}
.hj52-icon-node{display:grid;place-items:center;width:72px;height:72px;clip-path:polygon(25% 6%,75% 6%,94% 50%,75% 94%,25% 94%,6% 50%);border:4px solid #4da94a;color:#4da94a;font:700 28px/1 Poppins,Inter,sans-serif;background:#fff}
.hj52-icon-python{position:relative;width:74px;height:54px}.hj52-icon-python em,.hj52-icon-python i{position:absolute;display:block;width:36px;height:36px;border-radius:10px}.hj52-icon-python em{left:3px;top:0;background:linear-gradient(180deg,#4b8fe3 0%,#2e69c9 100%)}.hj52-icon-python i{right:3px;bottom:0;background:linear-gradient(180deg,#ffd34d 0%,#f0b727 100%)}.hj52-icon-python em:before,.hj52-icon-python i:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;top:11px}.hj52-icon-python em:before{right:8px}.hj52-icon-python i:before{left:8px}
.hj52-icon-bars{display:flex;align-items:flex-end;gap:10px;height:68px}.hj52-icon-bars i{display:block;width:16px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#7eb3ff 0%,#3c81ff 100%)}.hj52-icon-bars i:nth-child(1){height:32px}.hj52-icon-bars i:nth-child(2){height:48px}.hj52-icon-bars i:nth-child(3){height:62px}
.hj52-icon-backup{position:relative;width:84px;height:58px}.hj52-icon-backup:before{content:"";position:absolute;left:10px;right:10px;bottom:4px;height:34px;border-radius:18px;background:linear-gradient(180deg,#5d9eff 0%,#2d77ff 100%)}.hj52-icon-backup:after{content:"↑";position:absolute;left:50%;top:8px;transform:translateX(-50%);width:42px;height:42px;border-radius:50%;background:#2d77ff;display:grid;place-items:center;color:#fff;font:700 30px/1 Poppins,Inter,sans-serif;box-shadow:0 12px 20px rgba(45,119,255,.16)}
.hj52-icon-phpmyadmin{font:700 18px/1.1 Poppins,Inter,sans-serif;color:#8d97af;text-align:center;max-width:94px}.hj52-icon-phpmyadmin:first-letter{color:#5a6d91}
.hj52-icon-permissions{position:relative;width:68px;height:52px;border-radius:14px;background:linear-gradient(180deg,#5870ff 0%,#4f5ef2 100%)}.hj52-icon-permissions:before{content:"";position:absolute;left:8px;top:-8px;width:26px;height:14px;border-radius:8px 8px 0 0;background:#7a8cff}.hj52-icon-permissions b{position:absolute;left:22px;top:15px;width:24px;height:18px;border-radius:6px;background:#fff}.hj52-icon-permissions b:before{content:"";position:absolute;left:6px;top:-10px;width:12px;height:12px;border:3px solid #fff;border-bottom:0;border-radius:10px 10px 0 0}
.hj52-icon-fallback{font:700 34px/1 Poppins,Inter,sans-serif;color:#2f4e8f}
@media (max-width: 1200px){.hj52-tools-topbar{grid-template-columns:minmax(180px,240px) 1fr}.hj52-tools-right{grid-column:2 / 3;justify-content:flex-end}.hj52-tools-search{height:64px}.hj52-tools-filter{height:64px}}
@media (max-width: 860px){.hj52-tools-shell{padding:20px 18px}.hj52-tools-topbar{grid-template-columns:1fr;gap:14px}.hj52-tools-right,.hj52-tools-service-switch{justify-content:stretch}.hj52-tools-search,.hj52-tools-filter{height:60px}.hj52-tools-filter{width:100%}.hj52-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}.hj52-tool-visual{width:100%;max-width:154px;height:132px}.hj52-tools-footer{flex-direction:column;align-items:flex-start}}
@media (max-width: 560px){.hj52-tools-wordmark strong{font-size:18px}.hj52-tools-grid{grid-template-columns:1fr 1fr}.hj52-tool-card strong{font-size:14px}.hj52-tool-visual{height:122px;border-radius:24px}.hj52-tools-footer{font-size:13px}}