.modal-content{width:500px;overflow-y:auto;padding:32px;background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.2)}@media(max-width:768px){.modal-content{width:100%;height:100%;border-radius:0;display:flex;flex-direction:column;justify-content:space-between}}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#f5f5f5;font-size:22px;line-height:32px;color:#777;cursor:pointer}.modal-close:hover{background:#ebebeb}.modal-icon{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.modal-icon__warning{color:#f59e0b}.modal-icon__error{color:#f5130b}.modal-icon__info{color:#0bbef5}.modal-title{margin:0 0 10px;font-size:22px;font-weight:600;color:#222}.modal-text{margin:0 0 28px;font-size:15px;line-height:1.5;color:#777}.modal-actions{display:flex;gap:12px}.modal-button{flex:1;height:44px;padding:0 16px;border:0;border-radius:16px;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s,transform .2s}.modal-button:hover{opacity:.9}.modal-button:active{transform:scale(.98)}.modal-button--cancel{background:#f2f2f2;color:#333}.modal-button--confirm{background:#ef4444;color:#fff}.modal-enter-active,.modal-leave-active{transition:opacity .2s}.modal-enter-active .modal,.modal-leave-active .modal{transition:transform .2s,opacity .2s}.modal-enter,.modal-leave-to{opacity:0}.modal-enter .modal,.modal-leave-to .modal{opacity:0;transform:translateY(10px) scale(.97)}