.dialog-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;pointer-events:none}.dialog-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .3s ease}.dialog-overlay.active{opacity:1;pointer-events:auto}.dialog-content{background:var(--surface-bg);border-radius:16px;box-shadow:var(--box-shadow-lg);max-width:480px;width:100%;max-height:80vh;overflow-y:auto;transform:translateY(20px) scale(.95);transition:all .3s ease;position:relative;border:1px solid var(--border-color)}.dialog-content.active{transform:translateY(0) scale(1)}.dialog-header{display:flex;align-items:center;gap:16px;padding:24px 24px 0 24px;margin-bottom:16px}.dialog-icon{flex-shrink:0;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--primary-light);color:var(--primary-color)}.dialog-icon i{font-size:24px}.dialog-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-color);line-height:1.3}.dialog-body{padding:0 24px;margin-bottom:24px}.dialog-message{margin:0;color:var(--gray-600);line-height:1.5;font-size:1rem}.dialog-actions{display:flex;gap:12px;justify-content:flex-end;padding:0 24px 24px 24px;border-top:1px solid var(--border-color);margin-top:24px;padding-top:24px}.dialog-actions .btn{min-width:100px;font-weight:600;transition:all .2s ease}.dialog-actions .btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.dialog-actions .btn:active{transform:translateY(0)}.dialog-overlay .dialog-icon{background:var(--primary-light)}.dialog-content[data-type=confirm] .dialog-icon{background:rgba(255,152,0,.1);color:var(--warning-color)}.dialog-content[data-type=alert] .dialog-icon{background:rgba(33,150,243,.1);color:var(--primary-color)}.dialog-content[data-type=info] .dialog-icon{background:rgba(33,150,243,.1);color:var(--primary-color)}.dialog-content[data-type=warning] .dialog-icon{background:rgba(255,152,0,.1);color:var(--warning-color)}.dialog-content[data-type=error] .dialog-icon{background:rgba(244,67,54,.1);color:var(--danger-color)}@media (max-width:480px){.dialog-overlay{padding:16px}.dialog-header{padding:20px 20px 0 20px;margin-bottom:12px}.dialog-body{padding:0 20px;margin-bottom:20px}.dialog-actions{padding:0 20px 20px 20px;padding-top:20px;flex-direction:column}.dialog-actions .btn{min-width:auto;width:100%}.dialog-icon{width:40px;height:40px}.dialog-icon i{font-size:20px}.dialog-title{font-size:1.1rem}}@keyframes dialogSlideIn{from{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dialogSlideOut{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(20px) scale(.95)}}.dialog-actions .btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}