.flash-message{position:relative;padding:16px 48px 16px 20px;margin-bottom:12px;border-radius:8px;font-size:14px;line-height:1.5;opacity:0;transform:translateX(400px);transition:opacity 0.3s ease, transform 0.3s ease;box-shadow:0 4px 12px rgba(0,0,0,0.15);max-width:400px;min-width:300px}.flash-message--visible{opacity:1;transform:translateX(0)}.flash-message.flash-alert{background-color:#fee;border:1px solid #fcc;color:#c33}.flash-message.flash-alert .flash-message__close{color:#c33}.flash-message.flash-alert .flash-message__close:hover{color:#a22}.flash-message.flash-notice{background-color:#e7f3ff;border:1px solid #b3d9ff;color:#004085}.flash-message.flash-notice .flash-message__close{color:#004085}.flash-message.flash-notice .flash-message__close:hover{color:#002752}.flash-message.flash-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.flash-message.flash-success .flash-message__close{color:#155724}.flash-message.flash-success .flash-message__close:hover{color:#0b2e13}.flash-message.flash-warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.flash-message.flash-warning .flash-message__close{color:#856404}.flash-message.flash-warning .flash-message__close:hover{color:#533f03}.flash-message__content{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.flash-message__text{flex:1}.flash-message__close{position:absolute;top:12px;right:12px;background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0.7;transition:opacity 0.2s ease}.flash-message__close:hover{opacity:1}.flash-message__close:focus{outline:none;opacity:1}.flash-message__close svg{width:20px;height:20px}turbo-frame#flash-messages{display:contents !important}#flash-messages{position:fixed !important;top:20px !important;right:20px !important;z-index:10000 !important;pointer-events:none;margin:0 !important;padding:0 !important;width:auto !important;height:auto !important}#flash-messages .flash-message{pointer-events:auto}@media (max-width: 768px){#flash-messages{top:10px !important;right:10px !important;left:10px !important}#flash-messages .flash-message{max-width:100%;min-width:auto}}