.inv-modal-backdrop--with-panel{align-items:center;gap:clamp(10px,1vw,14px);padding:clamp(16px,2vw,28px)}.inv-modal--with-panel{border:1px solid var(--inv-border,#cfdde3);border-radius:8px;width:min(100%,520px);height:min(100vh - 48px,780px);max-height:calc(100vh - 48px);box-shadow:0 18px 42px #163c492e}.inv-material-modal.inv-modal--with-panel{height:var(--material-modal-height,min(calc(100vh - 48px), 656px));max-height:var(--material-modal-height,min(calc(100vh - 48px), 656px))}.inv-modal--with-panel form{flex-direction:column;flex:1;min-height:0;display:flex}.inv-modal--with-panel .inv-modal-body{min-height:0;overflow-y:auto}.inv-modal--with-panel .inv-modal-actions{border-top-color:var(--inv-border-soft,#e7f0f3);flex-shrink:0}.cat-side-panel{z-index:1;width:clamp(300px,26vw,360px);height:var(--material-modal-height,min(calc(100vh - 48px), 656px));max-height:var(--material-modal-height,min(calc(100vh - 48px), 656px));background:var(--inv-surface,#fff);border:1px solid var(--inv-border,#cfdde3);border-radius:8px;flex-direction:column;animation:.25s ease-out catPanelSlideIn;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 42px #163c492e}@keyframes catPanelSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.cat-side-panel-header{border-bottom:1px solid var(--inv-border-soft,#e7f0f3);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-height:74px;padding:clamp(16px,1.5vw,22px) clamp(18px,1.8vw,24px);display:flex}.cat-side-panel-header h3{color:var(--inv-text,#001c2b);letter-spacing:0;margin:0;font-size:clamp(.98rem,1vw,1.12rem);font-weight:800}.cat-side-panel-close{width:32px;height:32px;color:var(--inv-muted,#44677a);cursor:pointer;background:0 0;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.cat-side-panel-close:hover{color:var(--inv-primary,#0b5366);background:#f5fafb}.cat-side-panel-search{flex:none;width:auto;margin:clamp(14px,1.2vw,18px) clamp(16px,1.5vw,22px)}.cat-side-panel-search-icon{width:18px;height:18px;color:var(--inv-muted,#44677a);flex-shrink:0}.cat-side-panel-list{flex-direction:column;flex:1;gap:4px;min-height:0;padding:0 clamp(10px,1vw,14px) clamp(12px,1vw,16px);display:flex;overflow-y:auto}.cat-side-panel-empty{color:var(--inv-muted,#44677a);text-align:center;justify-content:center;align-items:center;padding:clamp(32px,4vw,48px);font-size:clamp(.78rem,.78vw,.88rem);display:flex}.cat-side-panel-item{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:clamp(10px,1vw,14px);width:100%;min-height:54px;padding:clamp(10px,1vw,14px) clamp(12px,1.1vw,16px);font-family:inherit;transition:all .15s;display:flex}.cat-side-panel-item:hover{border-color:var(--inv-border-soft,#e7f0f3);background:#f8fafb}.cat-side-panel-item--selected{background:#e4f3f7;border-color:#abc5cf}.cat-side-panel-item--selected:hover{background:#d8edf3}.cat-side-panel-item-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.cat-side-panel-item-name{color:var(--inv-text,#001c2b);font-size:clamp(.8rem,.78vw,.92rem);font-weight:800}.cat-side-panel-item-desc{color:var(--inv-muted,#44677a);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(.75rem,.8vw,.82rem);line-height:1.3;display:-webkit-box;overflow:hidden}.cat-side-panel-item-icon{color:#9ab0ba;flex-shrink:0}.cat-side-panel-item--selected .cat-side-panel-item-icon,.cat-side-panel-check{color:var(--inv-primary,#0b5366)}.cat-field-trigger-text{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.875rem;overflow:hidden}.cat-field-trigger-text--placeholder{color:#9ca3af}.cat-field-trigger-chevron{color:#6b7280;flex-shrink:0;width:16px;height:16px;transition:transform .2s}@media (width<=920px){.inv-modal-backdrop--with-panel{justify-content:flex-start;overflow-x:auto}}@media (width<=768px){.inv-modal-backdrop--with-panel{justify-content:center;align-items:center;overflow-x:hidden}.inv-modal--with-panel{width:min(100%,520px)}.inv-material-modal,.inv-material-modal.inv-modal--with-panel{height:min(100vh - 32px,656px);max-height:min(100vh - 32px,656px)}.cat-side-panel{align-self:auto;width:auto;height:auto;max-height:none;position:absolute;inset:clamp(16px,4vw,24px)}}