.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(31,36,33,.68);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:24px;animation:fadeIn var(--transition-fast) ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background-color:var(--surface-page);border:var(--border-width) solid var(--border-card);border-radius:var(--border-radius-md);box-shadow:var(--shadow-float);max-width:500px;width:100%;max-height:90vh;display:flex;flex-direction:column;position:relative;overflow:hidden;animation:slideUp var(--transition-base) ease-out}.modal-container.modal-large{max-width:800px}.modal-header{padding:var(--spacing-xl);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.modal-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:var(--spacing-xs);border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close:hover{background-color:var(--background-secondary);color:var(--text-primary)}.modal-body{padding:var(--spacing-xl);overflow-y:auto;flex:1 1}.modal-footer{padding:var(--spacing-xl);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-md)}.modal-footer .btn{height:42px;white-space:nowrap}.modal-footer .btn-secondary{background-color:#f3f4f6;color:var(--text-dark);border:1px solid var(--border-color)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close-btn{position:absolute;top:14px;right:14px;width:34px;height:34px;background-color:transparent;border:var(--border-width) solid transparent;cursor:pointer;color:var(--text-light);padding:0;border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.modal-close-btn:hover{background-color:var(--surface-sand);border-color:var(--border-card);color:var(--text-primary)}.modal-icon-container{display:flex;justify-content:center;margin:38px 24px 20px}.modal-icon{flex-shrink:0}.modal-icon-success{color:var(--badge-live-fg)}.modal-icon-error{color:var(--error-text)}.modal-icon-warning{color:var(--notice-strong)}.modal-icon-confirm{color:var(--terracotta)}.modal-icon-info{color:var(--brass)}.modal-content{text-align:center;padding:0 40px;margin-bottom:28px}.modal-title{font-family:var(--font-display);font-size:27px;font-weight:var(--font-weight-normal);line-height:1.15;letter-spacing:var(--display-tracking);color:var(--text-primary);margin:0 0 12px}.modal-message{font-size:14.5px;color:var(--text-secondary);line-height:1.6;margin:0}.modal-actions{display:flex;gap:10px;justify-content:center;padding:0 24px 28px;margin:0}.modal-actions .btn{min-width:120px;height:46px}@media (prefers-reduced-motion:reduce){.modal-container,.modal-overlay{animation:none}}@media (max-width:768px){.modal-overlay{padding:12px}.modal-container{max-width:100%;max-height:95vh}.modal-body,.modal-footer,.modal-header{padding:var(--spacing-lg)}.modal-header h2{font-size:var(--font-size-lg)}.modal-actions{flex-direction:column-reverse;gap:var(--spacing-sm);padding:0 20px 20px}.modal-actions .btn{width:100%;min-width:unset}.modal-content{padding:0 28px}.modal-footer{padding:var(--spacing-lg) var(--spacing-lg)}}