@charset "UTF-8";.close{position:absolute;right:1em;top:.8em;display:block;width:1em;height:1em}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:scale(1.1);visibility:hidden;opacity:0;transition:opacity .6s cubic-bezier(.55,0,.1,1),transform .6s cubic-bezier(.55,0,.1,1),visibility .6s cubic-bezier(.55,0,.1,1);pointer-events:none;-ms-overflow-style:none;scrollbar-width:none}.modal::-webkit-scrollbar{display:none}.modal__wrapper{transform:translateZ(0);background-color:#0009;position:relative;display:flex;flex-shrink:0;justify-content:center;align-items:center;width:100%;min-height:100%;padding:60px 40px}.modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.modal__content{position:relative;width:600px;padding:40px;background-color:#fff}.modal__close-btn{position:absolute;top:15px;right:15px;background:#fff0;border:none;cursor:pointer;background:#2c39f2;min-width:auto;padding:5px}.modal__close-btn svg{display:block}.modal--preload{transition:none}.modal.is-active{transform:scale(1);visibility:visible;opacity:1;transition:opacity .6s cubic-bezier(.55,0,.1,1),transform .6s cubic-bezier(.55,0,.1,1);pointer-events:auto}.modal iframe{max-width:100%;border:none}.notification-container{position:fixed;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.notification-container--top-right{top:20px;right:20px}.notification-container--top-left{top:20px;left:20px}.notification-container--bottom-right{bottom:20px;right:20px;flex-direction:column-reverse}.notification-container--bottom-left{bottom:20px;left:20px;flex-direction:column-reverse}.notification-container--top-center{top:20px;left:50%;transform:translate(-50%)}.notification-container--bottom-center{bottom:20px;left:50%;transform:translate(-50%);flex-direction:column-reverse}.notification-container--mobile{left:10px;right:10px;top:10px;bottom:auto;transform:none}.notification-container--mobile.notification-container--bottom-center,.notification-container--mobile.notification-container--bottom-left,.notification-container--mobile.notification-container--bottom-right{top:auto;bottom:10px}.notification-container--mobile.notification-container--top-center{left:10px;right:10px;transform:none}.notification{position:relative;min-width:300px;max-width:450px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;overflow:hidden;pointer-events:auto;transform:translate(0);opacity:1;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:flex-start;gap:12px;padding:16px}.notification--show{animation:slideIn .3s ease forwards}.notification--hide{animation:slideOut .3s ease forwards}.notification--success{background:linear-gradient(135deg,#c0dfd4,#fff 50%)}.notification--success .notification__icon{background:#4caf50;color:#fff}.notification--success .notification__progress-bar{background:#4caf50}.notification--error{background:linear-gradient(135deg,#f7d4d4,#fff 50%)}.notification--error .notification__icon{background:#f44336;color:#fff}.notification--error .notification__progress-bar{background:#f44336}.notification--warning{background:linear-gradient(135deg,#ffe1a9,#fff 50%)}.notification--warning .notification__icon{background:#ff9800;color:#fff}.notification--warning .notification__progress-bar{background:#ff9800}.notification--info{background:linear-gradient(135deg,#b3ddfb,#fff 50%)}.notification--info .notification__icon{background:#2196f3;color:#fff}.notification--info .notification__progress-bar{background:#2196f3}.notification__icon-container{width:2em;height:2em;display:flex;justify-content:center;align-items:center;background-color:#fff;border-radius:.25em}.notification__icon{flex-shrink:0;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.notification__content{flex:1;min-width:0}.notification__message{font-size:14px;line-height:1.5;color:#333;word-wrap:break-word}.notification__actions{display:flex;gap:8px;margin-top:12px}.notification__action{padding:4px 12px;background:transparent;border:1px solid #ddd;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.notification__action:hover{background:#f5f5f5;border-color:#999}.notification__close{flex-shrink:0;width:20px;height:20px;background:transparent;border:none;font-size:20px;line-height:1;cursor:pointer;color:#999;transition:color .2s;padding:0}.notification__close:hover{color:#333}.notification__progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#0000000d}.notification__progress-bar{height:100%;width:100%;transform-origin:left;animation:progress linear forwards}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(max-width:768px){.notification{min-width:auto;max-width:100%;width:100%}.notification-container--top-left,.notification-container--top-right,.notification-container--top-center{top:10px;left:10px;right:10px;transform:none}.notification-container--bottom-left,.notification-container--bottom-right,.notification-container--bottom-center{bottom:10px;left:10px;right:10px;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#ffc107;animation:spin .8s linear infinite}.spinner--large{width:60px;height:60px;border-width:5px}.spinner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffffb3;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:inherit}
