.hc-backdrop{position:fixed;inset:0;z-index:1200;background:rgba(9,32,77,.18);display:flex;align-items:flex-end;justify-content:flex-end;padding:24px}.hc-panel{width:min(440px,100%);height:min(680px,calc(100dvh - 48px));background:var(--surface);color:var(--t1);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.22);display:flex;flex-direction:column;overflow:hidden}.hc-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}.hc-head button{border:0;background:transparent;color:var(--t2);font-size:18px}.hc-body{flex:1;overflow:auto;padding:24px}.hc-action{width:100%;text-align:left;margin-top:10px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--t1);font:inherit}.hc-search{display:flex;gap:8px;align-items:center;border:1px solid var(--line);padding:10px;border-radius:9px}.hc-search input{border:0;background:transparent;color:inherit;min-width:0;flex:1}.hc-empty{color:var(--t3);font-size:14px}.hc-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.hc-tabs button{border:0;background:transparent;color:var(--t3);padding:14px 6px;font:inherit}.hc-tabs .is-active{color:var(--hostome-primary);font-weight:700}@media(max-width:860px){.hc-backdrop{padding:0;align-items:stretch}.hc-panel{width:100%;height:100dvh;border-radius:0}}