.notification-container{position:fixed;top:1rem;left:50%;transform:translateX(-50%);z-index:10000;display:flex;flex-direction:column;gap:.75rem;max-width:400px;width:calc(100% - 2rem);pointer-events:none}.notification{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.875rem 1rem;background:var(--white);border:1px solid var(--neutral-300);border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);pointer-events:auto;cursor:pointer;animation:slideIn .3s ease-out;transition:all .2s ease}.notification:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transform:translateY(-2px)}.notification-info{border-left:4px solid var(--primary-600)}.notification-success{border-left:4px solid var(--uptrend)}.notification-error{border-left:4px solid var(--downtrend)}.notification-warning{border-left:4px solid var(--alert)}.notification-content{flex:1 1;display:flex;align-items:center;gap:.75rem}.notification-message{font-size:.875rem;color:var(--neutral-700);line-height:1.5}.notification-close{background:transparent;border:none;color:var(--neutral-500);font-size:1.25rem;line-height:1;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all .15s ease;flex-shrink:0}.notification-close:hover{background:var(--neutral-100);color:var(--neutral-900)}@keyframes slideIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:768px){.notification-container{top:.5rem;left:.5rem;right:.5rem;transform:none;width:auto;max-width:100%}}