.q-notification{position:fixed;top:20px;right:20px;background:#fff;padding:16px 20px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:10000;max-width:400px;animation:slideInRight .3s ease-out}.q-notification-success{border-left:4px solid #10b981}.q-notification-error{border-left:4px solid #ef4444}.q-notification-info{border-left:4px solid #3b82f6}.q-notification-content{display:flex;align-items:center;gap:12px}.q-notification-content i{font-size:20px}.q-notification-success i{color:#10b981}.q-notification-error i{color:#ef4444}.q-notification-info i{color:#3b82f6}.q-notification-content span{flex:1;color:#333}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@media (max-width:768px){.q-notification{top:10px;right:10px;left:10px;max-width:none}}