.modal-overlay{position:fixed;top:var(--systematika-menu-top-offset,0);right:0;bottom:var(--systematika-menu-bottom-offset,0);left:var(--systematika-menu-left-offset,0);background:var(--surface-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay);padding:var(--sp-6)}.modal{--modal-bg:var(--surface-1);--modal-border:var(--border-default);--modal-width:480px;box-sizing:border-box;width:min(100%,var(--modal-width));max-height:min(760px,calc(100dvh - var(--sp-12)));display:flex;flex-direction:column;overflow:hidden;background:var(--modal-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-modal);border:var(--border-w-sm) solid var(--modal-border);color:var(--text-primary);outline:none}.modal-sm{--modal-width:420px}.modal-md{--modal-width:480px}.modal-lg{--modal-width:640px}.modal-xl{--modal-width:860px}.modal-header{min-width:0;display:flex;align-items:flex-start;gap:var(--sp-4);justify-content:space-between;border-bottom:var(--border-w-sm) solid var(--border-subtle);padding:var(--sp-3) var(--sp-5)}.modal-heading{min-width:0;display:grid;gap:var(--sp-1)}.modal-title{margin:0;color:var(--text-primary);font-size:var(--fs-h3);font-weight:var(--fw-semibold);letter-spacing:0;line-height:var(--lh-tight);overflow-wrap:anywhere}.modal-description{color:var(--text-secondary);font-size:var(--fs-sm);line-height:var(--lh-normal)}.modal-close{width:var(--control-h-sm);height:var(--control-h-sm);display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;border:var(--border-w-sm) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-1);color:var(--text-muted);cursor:pointer}.modal-close:hover{border-color:var(--border-default);background:var(--surface-2);color:var(--text-primary)}.modal-close:focus-visible{box-shadow:var(--shadow-focus)}.modal-close span{position:relative;width:14px;height:14px;display:block;font-size:0;line-height:0}.modal-close span:after,.modal-close span:before{position:absolute;top:50%;left:50%;width:14px;height:var(--border-w-md);border-radius:var(--radius-pill);background:currentColor;content:"";transform-origin:center}.modal-close span:before{transform:translate(-50%,-50%) rotate(45deg)}.modal-close span:after{transform:translate(-50%,-50%) rotate(-45deg)}.modal-body{min-width:0;overflow:auto;padding:var(--sp-5);font-size:var(--fs-body);color:var(--text-secondary);line-height:var(--lh-relaxed)}.modal-footer{display:flex;gap:var(--sp-2);justify-content:flex-end;border-top:var(--border-w-sm) solid var(--border-subtle);padding:var(--sp-4) var(--sp-5)}.modal-danger .modal-title{color:var(--state-error-text)}@media (max-width:640px){.modal-overlay{align-items:center;padding:var(--sp-3)}.modal{max-height:calc(100dvh - var(--sp-6))}.modal-body,.modal-footer,.modal-header{padding-right:var(--sp-4);padding-left:var(--sp-4)}.modal-footer{flex-direction:column-reverse;align-items:stretch}}.empty-state{--empty-py:var(--sp-12);--empty-px:var(--sp-6);--empty-gap:var(--sp-3);--empty-bg:var(--surface-1);--empty-border:var(--border-default);--empty-radius:var(--radius-xl);--empty-icon:var(--text-disabled);--empty-title:var(--text-primary);--empty-text:var(--text-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--empty-py) var(--empty-px);background:var(--empty-bg);text-align:center;border:var(--border-w-lg) dashed var(--empty-border);border-radius:var(--empty-radius);gap:var(--empty-gap)}.empty-state-icon{color:var(--empty-icon)}.empty-state-title{font-size:var(--fs-h4);font-weight:var(--fw-bold);color:var(--empty-title)}.empty-state-body{font-size:var(--fs-body);color:var(--empty-text);max-width:var(--container-xs);line-height:var(--lh-normal)}