.message-box-overlay{align-items:center;background:rgba(0,0,0,.5);display:none;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10003}.message-box-overlay.show{display:flex}.message-box-container{animation:messageBoxSlideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.3);max-width:400px;overflow:hidden;padding:0;width:90vw}@keyframes messageBoxSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.message-box-header{border-bottom:1px solid #e5e7eb;padding:20px 24px 16px}.message-box-header-content{align-items:center;display:flex;gap:12px}.message-box-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.message-box-icon svg{height:20px;stroke-width:2;width:20px}.message-box-title-wrapper{flex:1;min-width:0}.message-box-title{color:#1f2937;font-size:18px;font-weight:600;margin:0}.message-box-subtitle{color:#6b7280;font-size:14px;margin:4px 0 0}.message-box-body{padding:16px 24px 20px}.message-box-message{font-size:15px;line-height:1.5;margin-bottom:16px;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-word}.message-box-footer{display:flex;gap:12px;justify-content:flex-end;text-align:right}.message-box-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:background .2s,transform .1s}.message-box-button-cancel{background:#6b7280;color:#fff}.message-box-button-cancel:hover{background:#4b5563}.message-box-button:hover{transform:translateY(-1px)}.message-box-button:active{transform:translateY(0)}.message-box-type-error .message-box-icon{background:#fee2e2}.message-box-type-error .message-box-icon svg{fill:none;stroke:#dc2626}.message-box-type-error .message-box-message{color:#dc2626}.message-box-type-error .message-box-button{background:#dc2626;color:#fff}.message-box-type-error .message-box-button:hover{background:#b91c1c}.message-box-type-warning .message-box-icon{background:#fef3c7}.message-box-type-warning .message-box-icon svg{fill:none;stroke:#d97706}.message-box-type-warning .message-box-message{color:#d97706}.message-box-type-warning .message-box-button{background:#f59e0b;color:#fff}.message-box-type-warning .message-box-button:hover{background:#d97706}.message-box-type-info .message-box-icon{background:#dbeafe}.message-box-type-info .message-box-icon svg{fill:none;stroke:#2563eb}.message-box-type-info .message-box-message{color:#2563eb}.message-box-type-info .message-box-button{background:#3b82f6;color:#fff}.message-box-type-info .message-box-button:hover{background:#2563eb}.message-box-type-success .message-box-icon{background:#d1fae5}.message-box-type-success .message-box-icon svg{fill:none;stroke:#059669}.message-box-type-success .message-box-message{color:#059669}.message-box-type-success .message-box-button{background:#10b981;color:#fff}.message-box-type-success .message-box-button:hover{background:#059669}@media (max-width:768px){.message-box-container{margin:20px;max-width:90vw}.message-box-header{padding:16px 20px 12px}.message-box-body{padding:12px 20px 16px}.message-box-title{font-size:16px}.message-box-subtitle{font-size:13px}.message-box-message{font-size:14px;overflow-wrap:break-word;white-space:pre-wrap}}