.notification-banner{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.2rem;margin-bottom:1.5rem;border-radius:8px;font-size:.9rem;line-height:1.5}.notification-content{display:flex;align-items:center;gap:.8rem}.notification-message{margin:0;padding:0}.notification-icon{flex-shrink:0}.notification-close{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.25rem;color:inherit;opacity:.7;transition:opacity .2s ease,transform .2s ease;border-radius:50%}.notification-close:hover{opacity:1;transform:scale(1.1);background-color:rgba(255,255,255,.1)}.notification-banner.info{background-color:rgba(59,130,246,.15);border:1px solid rgba(59,130,246,.3);color:#3b82f6}.notification-banner.warning{background-color:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.3);color:#f59e0b}.notification-banner.error{background-color:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);color:#ef4444}@media (prefers-color-scheme:dark){.notification-banner.info{background-color:rgba(59,130,246,.2);border-color:rgba(59,130,246,.4)}.notification-banner.warning{background-color:rgba(245,158,11,.2);border-color:rgba(245,158,11,.4)}.notification-banner.error{background-color:rgba(239,68,68,.2);border-color:rgba(239,68,68,.4)}}