.error-message{border-radius:8px;padding:16px;margin:16px 0;border:1px solid;position:relative;display:flex;flex-direction:column;gap:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 2px 4px #0000001a}.error-content{display:flex;align-items:flex-start;gap:12px}.error-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-top:2px}.error-text{flex:1;min-width:0}.error-title{margin:0 0 8px;font-size:16px;font-weight:600;line-height:1.4}.error-message-text{font-size:14px;line-height:1.5;margin:0 0 8px}.error-details{font-size:13px;line-height:1.4;margin:8px 0 0;opacity:.8;font-style:italic}.error-code{font-size:12px;font-family:Courier New,monospace;background:#0000000d;padding:4px 8px;border-radius:4px;margin:8px 0 0;display:inline-block}.error-dismiss{position:absolute;top:12px;right:12px;background:none;border:none;padding:4px;cursor:pointer;color:inherit;opacity:.6;transition:opacity .2s ease;border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.error-dismiss:hover{opacity:1;background:#0000001a}.error-actions{display:flex;gap:8px;margin-top:8px}.error-actions .btn{font-size:13px;padding:6px 12px;border-radius:6px;font-weight:500;transition:all .2s ease}.error-message.type-error{background-color:#fef2f2;border-color:#fecaca;color:#991b1b}.error-message.type-warning{background-color:#fffbeb;border-color:#fed7aa;color:#92400e}.error-message.type-info{background-color:#eff6ff;border-color:#bfdbfe;color:#1e40af}.error-message.type-success{background-color:#f0fdf4;border-color:#bbf7d0;color:#166534}.error-message.size-sm{padding:12px;font-size:13px}.error-message.size-sm .error-icon{width:20px;height:20px;font-size:16px}.error-message.size-sm .error-title{font-size:14px}.error-message.size-sm .error-message-text{font-size:13px}.error-message.size-lg{padding:20px;font-size:15px}.error-message.size-lg .error-icon{width:28px;height:28px;font-size:24px}.error-message.size-lg .error-title{font-size:18px}.error-message.size-lg .error-message-text{font-size:15px}.error-message.theme-dark{background-color:#1f2937;border-color:#374151;color:#f9fafb}.error-message.theme-dark.type-error{background-color:#7f1d1d;border-color:#991b1b;color:#fecaca}.error-message.theme-dark.type-warning{background-color:#78350f;border-color:#92400e;color:#fed7aa}.error-message.theme-dark.type-info{background-color:#1e3a8a;border-color:#1e40af;color:#bfdbfe}.error-message.theme-dark.type-success{background-color:#14532d;border-color:#166534;color:#bbf7d0}.error-message.theme-dark .error-code{background:#ffffff1a;color:#f9fafb}.error-message.theme-dark .error-dismiss:hover{background:#ffffff1a}.error-message{animation:errorMessageSlideIn .3s ease-out}@keyframes errorMessageSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.error-message{padding:12px;margin:12px 0}.error-content{gap:8px}.error-icon{width:20px;height:20px;font-size:16px}.error-title{font-size:15px}.error-message-text{font-size:13px}.error-actions{flex-direction:column}.error-actions .btn{width:100%;justify-content:center}}.error-actions .btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.error-actions .btn:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.error-dismiss:focus,.error-actions .btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.error-message.hidden{display:none}.error-message.fade-out{animation:errorMessageFadeOut .3s ease-in forwards}@keyframes errorMessageFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}
