.hmp-ws-page{width:min(100%,920px);margin:0 auto;padding:4px 0 26px;color:#edf5ff}
.hmp-ws-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}
.hmp-ws-header h2{margin:0;font-size:clamp(24px,6vw,34px);letter-spacing:-.02em}
.hmp-ws-header p{margin:5px 0 0;color:#9fb0c5}
.hmp-ws-search{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid rgba(148,163,184,.2);border-radius:16px;background:rgba(16,32,54,.88);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.hmp-ws-search input{width:100%;border:0;outline:0;background:transparent;color:#edf5ff;font:inherit}
.hmp-ws-search input::placeholder{color:#71859e}
.hmp-ws-filters{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:12px 0 16px;padding-bottom:2px;overscroll-behavior-inline:contain}
.hmp-ws-filters::-webkit-scrollbar{display:none}
.hmp-filter-chip{flex:0 0 auto;border:1px solid rgba(148,163,184,.2);border-radius:999px;padding:8px 12px;background:#102036;color:#a8b8cb;white-space:nowrap}
.hmp-filter-chip.active{background:rgba(51,209,128,.16);border-color:#32cf80;color:#c7ffe0}
.hmp-ws-list{display:grid;grid-template-columns:1fr;gap:12px}
.hmp-ws-card{padding:16px;border:1px solid rgba(148,163,184,.17);border-radius:18px;background:linear-gradient(145deg,rgba(18,38,63,.96),rgba(10,25,43,.98));box-shadow:0 14px 34px rgba(0,0,0,.18)}
.hmp-ws-card-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}
.hmp-ws-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(91,112,244,.14);font-size:20px}
.hmp-ws-title{min-width:0}
.hmp-ws-title h3{margin:0;overflow:hidden;color:#fff;font-size:17px;text-overflow:ellipsis;white-space:nowrap}
.hmp-ws-title p{margin:4px 0 0;color:#9eb0c6;font-size:13px}
.hmp-ws-status{padding:6px 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}
.hmp-ws-status-active{background:rgba(51,209,128,.14);color:#8df1b8}
.hmp-ws-status-suspended,.hmp-ws-status-pending{background:rgba(245,158,11,.15);color:#ffd17d}
.hmp-ws-status-archived{background:rgba(148,163,184,.14);color:#c4cfdd}
.hmp-ws-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0;color:#a7b6c9;font-size:12px}
.hmp-ws-meta span{display:grid;gap:3px}
.hmp-ws-meta b{overflow:hidden;color:#e7f1ff;text-overflow:ellipsis;white-space:nowrap}
.hmp-ws-actions{display:flex;gap:8px}
.hmp-ws-actions button{flex:1;min-height:42px}
.hmp-screen-state{min-height:260px;display:grid;place-items:center;text-align:center;padding:28px 18px;border:1px solid rgba(148,163,184,.16);border-radius:18px;background:linear-gradient(145deg,rgba(17,34,57,.96),rgba(8,22,39,.98));color:#eaf2ff}
.hmp-screen-state>p{max-width:460px;color:#a6b7cb}
.hmp-state-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:rgba(57,210,128,.13);color:#43df91;font-size:24px;font-weight:800}
.hmp-screen-loading{display:block}
.hmp-state-skeleton{height:86px;margin:12px 0;border-radius:16px;background:linear-gradient(90deg,rgba(148,163,184,.08),rgba(148,163,184,.18),rgba(148,163,184,.08));background-size:220% 100%;animation:hmp-shimmer 1.2s linear infinite}
@keyframes hmp-shimmer{to{background-position:-220% 0}}
@media(max-width:420px){
  .hmp-ws-page{padding-inline:0}
  .hmp-ws-header{align-items:stretch}
  .hmp-ws-header>.btn-primary{padding-inline:12px}
  .hmp-ws-card-top{grid-template-columns:auto 1fr}
  .hmp-ws-status{grid-column:2;justify-self:start}
  .hmp-ws-meta{grid-template-columns:1fr}
  .hmp-ws-actions{flex-direction:column}
  .hmp-ws-actions button{width:100%}
}
.hmp-ws-page button:focus-visible,.hmp-ws-page input:focus-visible{outline:3px solid rgba(116,144,255,.75);outline-offset:2px}
@media(prefers-reduced-motion:reduce){.hmp-state-skeleton{animation:none}}